Icon
<ns-icon> 
Overview
Icons are visual symbols used to represent functions, products and services.
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
Guidance
Implementation
Placement
Specification
Attributes
size
- Property
size- Description
- The size of the icon.
- Type
string- Options
''12345
name
- Property
name- Description
- The name of the icon.
- 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
Specification notes
Type
Functional icons like ‘arrow’ only have one version while products and services like ‘gas’ have an outline and solid versions where solid is the default
Size
When the size attribute value is empty, the icon will fill the parent element.
Last updated: