Icon

A component for displaying glyphs that convey meaning through iconography.

You can use any icon set but may require changing default icon variables. Default styles are intended for feather icons which is a great open source option.

icon

You can inject svg icons directly or use svg sprites. The only requirement is the icon component class.

<svg role="img" class="icon">
  <use xlink:href="#github"></use>
</svg>

icon_size

<svg role="img" class="icon icon_size_sm">
  <use xlink:href="#anchor"></use>
</svg>

<svg role="img" class="icon icon_size_lg">
  <use xlink:href="#anchor"></use>
</svg>

icon_abs

Heading example

Heading example

<h2>
  <svg role="img" class="icon icon_abs">
    <use xlink:href="#anchor"></use>
  </svg>
  ...
</h2>