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