Sizes
Dialtone provides different icon sizes. By default all icons have a 100% width and an height auto to constrain aspect ratios. The size classes below can be applied either to the icon wrapper or the icon itself.
| Size | Variable | Class | Examples |
|---|---|---|---|
| 14px | @icon-size14 | .d-svg--size14 |
|
| 16px | @icon-size16 | .d-svg--size16 |
|
| 18px | @icon-size18 | .d-svg--size18 |
|
| 20px | @icon-size20 | .d-svg--size20 |
|
| 24px | @icon-size24 | .d-svg--size24 |
|
| 32px | @icon-size32 | .d-svg--size32 |
|
| 48px | @icon-size48 | .d-svg--size48 |
|
| 64px | @icon-size64 | .d-svg--size64 |
|