Icons

#

All Hightouch icons are custom SVGs that share the same sizing and color properties.

#

Icons can be aligned against the baseline of text elements using the baseline prop.

#

Color is inherited from the parent element by default. Customize it via color prop if needed.

#

Icons have width and height set to 1em, which inherits the font size of the parent element and adjust the icon's size accordingly. This makes them work like a font icon.

#

#

NameDefaultDescription
baselinefalseboolean

Align the icon against text's baseline.

color

Color

The fill color of the icon.

On this page

  • Usage
  • Baseline
  • Color
  • Size
  • Icon gallery
  • Props
  • All icons