Icon

The icon component (.icon) is a sizing/coloring wrapper for inline SVG glyphs — it doesn't provide any icons itself, but standardizes how an <svg> you supply is sized, stroked, and colored so it sits consistently next to text across every other component.

<svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
  <path d="M12 2l3 7h7l-5.5 4.5L18 21l-6-4-6 4 1.5-7.5L2 9h7z"></path>
</svg>