Icon

Interface of Icon
🏗 Coming Soon

<Icon /> component uses the property name to display the correct icon.

Icon Attributes

artwork

artwork allows for external patterns that is not already available in our Icon list. You may only specify name OR artwork, not both.

color

color by default, icons inherit the text color of the component they are embedded within. But it can also have it specify as a prop.

The text in this Box is red and so is the icon.

size

size can be specified by using the size prop. By default the size will be medium.

Accessibility

When using an Icon we strongly encourage specification of a title attribute. If an Icon is used without an explicitly specified title attribute aria-hidden="true" will be added to hide the icon from screen readers. The assumption will be made that other efforts have been made to give the user context.

Icon Library

Tip: you can click an icon below to copy it to your clipboard.

Account
AddAlerts
AddComment
AlignCenter
AlignLeft
AlignRight
AnalyticsApp
Api
ApplicationSelect
ArrowChange
ArrowDown
ArrowLeft
ArrowRight
ArrowUp
Beaker
Block
Board
BrowseTable
CacheRefresh
Calendar
CalendarDay
CalendarHour
CalendarMonth
CalendarQuarter
CalendarWeek
CaretDown
CaretLeft
CaretRight
CaretUp
ChangeHistory
ChartArea
ChartBar
ChartBoxPlot
ChartColumn
ChartCustom
ChartDonutMultiples
ChartFunnel
ChartLine
ChartMap
ChartPie
ChartScatterplot
ChartSingleRecord
ChartSingleValue
ChartTable
ChartTimeline
ChartWaterfall
ChartWordCloud
Chat
Check
CheckProgress
CircleAdd
CircleAddOutlined
CircleCancel
CircleCheck
CircleExplore
CircleInfo
CircleInfoOutline
CircleQuestion
CircleQuestionOutline
CircleRemove
Clipboard
Clock
Close
Code
CollapseAll
ColorFill
ColorText
Comment
CrossFilter
Dashboard
DashboardFile
DashboardGauge
DigitalMarketingApp
DimensionFill
DocumentFile
DotsHorz
DotsVert
DoubleChevronLeft
DoubleChevronRight
Download
DragHandle
DragHandleDots
Edit
EditOutline
Error
ErrorOutline
ExpandCollapse
ExpandMore
Explore
ExploreOutline
External
FactCheck
Favorite
FavoriteOutline
Feedback
FieldDate
FieldDuration
FieldLocation
FieldNumber
FieldString
FieldTier
FieldYesNo
File
FileBlank
Filter
FindSelected
Flag
Folder
FolderClosed
FolderMove
FolderNew
FolderOpen
FolderShared
FormatBold
FormatItalic
FormatListBullet
FormatListNumbered
FormatQuote
FormatTitle
FormatUnderlined
Functions
Gear
GearOutline
GitBranch
Group
Hamburger
Help
Home
IdeDimension
IdeDimensionGroup
IdeFileDashboard
IdeFileDocument
IdeFileGeneric
IdeFileLookMl
IdeFileManifest
IdeFileModel
IdeFileStrings
IdeFileView
IdeParameter
Image
Key
Link
LockClosed
LogoRings
Logout
LookerLogo
Mail
Marketplace
Minus
ModelFile
More
MultiSelect
Note
NoteOutline
Notes
NotificationBellOff
NotificationBellOn
Pin
Pivot
Plus
Popular
Public
RecentActivity
Redo
Refresh
Reports
Return
SalesAnalytics
Search
SectionDrop
SendEmail
SendSftp
SendWebhook
Share
ShareAlt
SortAlpha
Space
SqlRunner
Style
Sync
Table
TextFormat
TimeZone
Trash
TrashOutline
Tune
Undo
UnusedContent
Update
User
UserAttributes
Validate
ViewColumn
ViewFile
ViewGrid
VisArea
VisBar
VisColumn
VisLine
VisMap
VisPie
VisScatter
VisSingleValue
VisTable
Visibility
VisibilityOff
VisibilityOutline
Visualization
Warning