CDN

Every published file is on jsDelivr. Pin a version in production so an update never changes your UI unexpectedly.

#Single icons

<img
  src="https://cdn.jsdelivr.net/npm/@softstroke/svg@1/dist/icons/home.svg"
  width="24" height="24" alt="Home" />

An <img> can't inherit the text color, so icons loaded this way render black. For colors that follow your CSS, inline the SVG, use the sprite, or use the icon font.

#Sprite

<svg width="24" height="24" aria-hidden="true">
  <use href="https://cdn.jsdelivr.net/npm/@softstroke/svg@1/dist/sprite.svg#home" />
</svg>

Most browsers block <use> across origins. Download the sprite and serve it from your own domain instead.

#Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@softstroke/font@1/dist/softstroke.css" />

See Icon font for usage.