Overview
Use an icon as a graphic symbol of an object in your design. You can use an icon to decorate an associated visible label, or to inform the user when used alone to provide additional context or information.
UIB and developer guidance
Figma library with icons and illustrations for Workspace.
| Name | Type | Default Value |
|---|---|---|
| icon | string | undefined |
| size | ("sm" | "md" | "lg" | "xl") | "md" |
| spin | boolean | false |
| supportRtl | boolean | false |
| configAria | {aria-*: string} | undefined |
Custom icons
While our library has a vast collection of icons, there will definitely be cases when a custom icon is needed. When creating custom icons, use our guidelines to help maintain consistency with the visual design.
You can upload and use custom icons rather than ones from the Now Design System library. When you select to add an icon, the UI Builder determines the best storage location for the image on the instance. You can use an image in any standard image format.