Icon Size Classes
A group of class names to change the size of an SVG.
Usage
Add [namespace]-icon[modifier] to the base [namespace]-icon class, e.g. class="slb-icon slb-icon--lg"
Accessible attributes
| Accessible attribute | Description |
|---|---|
aria-hidden="true" |
When an icon is used for only decorative purposes add this attribute to the icon's tag. |
Modifier selectors
| Modifier selector | Description |
|---|---|
slb-icon--sm |
Small icon with a height and width of 16px. |
slb-icon |
Default icon with a height and width of 32px. |
slb-icon--lg |
Large icon with a height and width of 48px. |
slb-icon--xl |
Extra large icon with a height and width of 80px. |
.slb-icon--sm - Small icon size.
.slb-icon - Default size of the icon.
.slb-icon--lg - Large size of the icon.
.slb-icon--xl - Extra Large size of the icon.