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 |
|