Examples
Icon
Props
| Name | Description | Type | Required | Default |
|---|---|---|---|---|
| icon | should be Icon component to be rendered | Object | true | - |
| flex | should be used when Icon is inside a flex container | Boolean | false | false |
| title | set this when you want to give a label to the Icon | String | false | - |
Accessibility
If you are using an Icon that is described by the text alongside it or the labelling of the Icon is taken care of by a parent control (for example Button) then you don't need to use the title property. If there is no text then you must use the title property to help describe what the Icon is for.
Import
import AddAlert from "@featherds/icon/action/Add";
Icons
Feather Icons
action
AccountCircle
Add
AddCircleAlt
AddComment
AddNote
AddUser
Archive
AssignTo
AttachEmail
AttachFile
Build
Business
Calendar
CalendarEndDate
CalendarStartDate
Cancel
ChangeOwner
CheckCircle
Cloud
CloudDownload
CloudUpload
Code
Comment
ContactSupport
ContentCopy
ContentPaste
Cycle
Dashboard
DateRange
Delete
DownloadFile
Edit
EditMode
Email
EmailDraft
EmailInbox
EmailSecure
ExitToApp
Expand
Feedback
FeedbackAlt
FileCopy
FilterAlt
Help
Hide
Home
Info
InformationExchange
LightDarkMode
Link
List
Location
LocationCity
Lock
LockPasswordProtected
LoggerConfigs
LogIn
LogOut
ManageProfile
MarkComplete
MarkIncomplete
MarkRead
MarkUnread
Notifications
Options
Person
Pin
PlayCircle
Print
Remove
RemoveUser
Reporting
Restore
Search
Send
SendWorkflow
Settings
Share
Sort
Subscriptions
SupportCenter
Unlock
UpdateSchedules
UpdateUtilities
UploadFile
VerifedUser
View
ViewDetails
Workflow
communication
Certificate
CertificateAlt
Chat
Contacts
Documentation
IdCard
Phone
content
BlogArticle
Video
datavis
AreaChart
BarChart
ColumnChart
DonutChart
LineChart
PieChart
PolarChart
Reporting
StackedBarChart
StackedColumnChart
TreeDiagram
file
Attachment
Folder
FolderAdd
FolderLocked
FolderOpen
Generic
Image
Pdf
Text
WordDoc
Xls
Zip
hardware
Appliances
AppliancesAlt
ApplianceProfiles
DesktopWindows
Instances
KeyboardArrowDown
KeyboardArrowUp
Laptop
MinionProfiles
Network
NetworkProfiles
Router
Security
Server
VirtualMachine
VirtualMachineAlt
medical
Ambulance
CostSavings
Drug
DrugGroupId
Hospital
Patient
Payor
Provider
ProviderOffice
Treatment
TreatmentCycle
TreatmentSchedule
Vitals
navigation
Apps
AppsGetMore
ArrowBack
ArrowDropDown
Cancel
ChevronLeft
ChevronRight
ExpandLess
ExpandMore
FirstPage
Fullscreen
FullscreenExit
GridView
LastPage
Menu
MenuClose
MenuOpen
MoreHoriz
MoreVert
Refresh
SubdirectoryArrowLeft
SubdirectoryArrowRight
UnfoldLess
UnfoldMore
network
AggregationLayer
AggregationLayerAlt1
AggregationLayerAlt2
AggregationLayerAlt3
AggregationLayerAlt4
AggregationLayerAlt5
ApiConfig
ApiEndpoints
Appliances
AppliancesAlt
ApplianceProfiles
Build
CertificateAlt
Cloud
CloudBackUp
CloudDownload
CloudService
CloudUpload
Code
Compare
Compare1
Compliance
Configuration
Connection
ContainerAdd
ContainerTransient
ContainerUnknown
Database
Desktop
Digitize
ElectricalServices
EndUser
ExitCompare
ExitCompareModeAlt
ExtractData
Firewall
Instances
InventoryAlt
Laptop
LoggerConfigs
Logs
LogsAlt
LogFile
Microservices
Minion
MinionProfiles
NetworkProfiles
Nodes
Policy
Power
RouterLan
RouterWan
Security
SecurityScan
Server
ServerClock
Switch
Terminal
UpdateUtilities
Utilities
ViewCode
VirtualMachine
VirtualMachineAlt
VirtualMachineAlt2
WifiRouter
notification
Connected
Error
Unconnected
Warning
Wifi
WifiNoConnection
WifiOff
WifiSignalBad
WifiStatusBar