Icon
<ns-icon> Overview
Icons are visual symbols used to represent functions, products and services.
✨ This is an auto-generated AI summary of the ns-icon's documentation. It may not be accurate. ✨
Icons provide clarity to users and reduce their cognitive load. Icons always supplement a single line of text and are not treated as a description. They are solid or outline a single colour.
Examples
All available icons can be seen on the Icons section of the Assets page.
Guidance
Adding new icons
If you have a requirement for an additional icon please see our step-by-step guidelines for contributing a new icon or illustration.
Implementation
Placement
Specification
Attributes
size
- Property
size- Description
- The size of the icon. The empty value of `size` will make the icon to fill the parent element.
- Type
string- Options
''12345
name
- Property
name- Description
- The name of the icon and needs to be in kebab case.
- Type
string- Options
- Refer to our icons.
- Default
arrow
category
- Property
category- Type
string- Default
describe
- Property
describe- Type
string- Default
type
- Property
type- Type
string- Default
standard
Last updated: