Skip to content

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: