Charts
Components
Icons
A collection of all icons used, exported as React components.
Getting started
Install @urbaninfrastructure/react-icons
from NPM by running yarn add @urbaninfrastructure/react-icons
.
The icon components can then be imported from @urbaninfrastructure/react-icons
,
Remember, only import the icons you need:
import { Bike as BikeIcon } from '@urbaninfrastructure/react-icons'function App() (<BikeIcon color="primary" />)
Icons can be customized using color
and size
:
Example
Small icons
Small icons are optimized for 24px
sizes.
Add
Add2Alt
Add2
AlarmClock
Alarm
ArrowDownAlt
ArrowDown
ArrowLeftAlt
ArrowLeft
ArrowRightAlt
ArrowRight
ArrowUpAlt
ArrowUp
Attachment
BarchartAlt
Barchart
BatteryAlmostEmpty
BatteryAlmostFull
BatteryEmpty
BatteryFull
BatteryHalfFull
BikeChildSeat
BikeElectric
Bike
Bin
CalendarAlt
Calendar
CartAlt
Cart
ChatAlt
Chat
Check
CheckmarkAlt
Checkmark
City
ClockAlt
Clock
CloseAlt
Close
Code
Cog
CreditcardAlt
Creditcard
DashboardAlt
Dashboard
Down
Download
ExtendedRent
Facebook
FilesAlt
Files
HomeAlt
Home
InfinitySymbol
InfoAlt
Info
Instagram
KeyAlt
Key
Left
Link
List
LocationAlt
Location
LockAlt
LockOpenAlt
LockOpen
Lock
LockerAlt
Locker
MailAlt
Mail
Menu
MobileAlt
Mobile
MoreCircleAlt
MoreCircle
More
NextAlt
Next
Operate
Parking
Pause
Pencil
Pinboard
Plan
Play
PowerOff
Power
PreviousAlt
Previous
ProfileAlt
Profile
Qr
ReceiptAlt
Receipt
RemoveAlt
Remove
RfidAlt
Rfid
Right
Sales
Scooter
Search
Settings
Spinner
Station
Stopwatch
Subtract
Subtract2Alt
Subtract2
Sync
TagAlt
Tag
Tune
Twitter
Up
UserAlt
UserShield
User
ValuecodeAlt
Valuecode
WarningAlt
Warning
WaveAlt
Wave
Wrench
Youtube
Large icons
Large icons are optimized for larger presentations. Use these for page illustrations. They have uneven gutters inside the SVG which makes them bad options for use in buttons.
LargeAdd
LargeArrowDownAlt
LargeArrowDown
LargeArrowLeftAlt
LargeArrowLeft
LargeArrowRightAlt
LargeArrowRight
LargeArrowUpAlt
LargeArrowUp
LargeBikeAlt
LargeBike
LargeBikerackAlt
LargeBikerack
LargeCalendarAlt
LargeCalendar
LargeChatAlt
LargeChat
LargeCheck
LargeCheckmarkAlt
LargeCheckmark
LargeClockAlt
LargeClock
LargeCloseAlt
LargeClose
LargeCode
LargeCreditcardAlt
LargeCreditcard
LargeExtendedRent
LargeHamburger
LargeHomeAlt
LargeHome
LargeInfoAlt
LargeInfo
LargeKeyAlt
LargeKey
LargeList
LargeLocationAlt
LargeLocation
LargeLockAlt
LargeLockOpenAlt
LargeLockOpen
LargeLock
LargeLockerAlt
LargeLocker
LargeMailAlt
LargeMail
LargeMobileAlt
LargeMobile
LargeNextAlt
LargeNext
LargePreviousAlt
LargePrevious
LargeProfileAlt
LargeProfile
LargeReload
LargeRfidAlt
LargeRfid
LargeScooter
LargeSpinner
LargeSubstract
LargeUserAlt
LargeUser
LargeValuecodeAlt
LargeValuecode
LargeWarningAlt
LargeWarning