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
''
1
2
3
4
5
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: