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
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
notification
Connected
Error
Unconnected
Warning
Wifi
WifiNoConnection
WifiOff
WifiSignalBad
WifiStatusBar