Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">pan</i>
SVG sprite
Use for static sites when you only need a few icons.
<svg class="mi" width="1em" height="1em" fill="currentColor">
<use xlink:href="/modus-outlined-icons.svg#pan" />
</svg>
SVG code
Use when you don't want any dependency.
info_outlined
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-outline mi-pan" viewBox="0 0 24 24">
<path d="M12 14.75c-1.52 0-2.75-1.23-2.75-2.75S10.48 9.25 12 9.25s2.75 1.23 2.75 2.75-1.23 2.75-2.75 2.75m0-4a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m2.52-4.5H9.49c-.39 0-.73-.23-.88-.59s-.07-.76.21-1.04l2.52-2.52c.36-.36.99-.36 1.34 0l2.52 2.52c.27.27.35.68.21 1.04s-.49.59-.88.59Zm-3.71-1.5h2.38L12 3.56zm4.58 13.84c.15.36.07.76-.21 1.04l-2.52 2.52c-.36.36-.99.36-1.34 0L8.8 19.63c-.27-.27-.35-.68-.21-1.04s.49-.59.88-.59h5.03c.39 0 .73.23.88.59Zm-3.4 2.1 1.19-1.19H10.8zM6 9.48v5.03c0 .39-.23.73-.59.88s-.76.07-1.04-.21l-2.52-2.52c-.36-.36-.36-.99 0-1.34L4.37 8.8c.27-.27.68-.35 1.04-.21s.59.49.59.88Zm-1.5 3.71v-2.38L3.31 12zm14.09-4.58a.94.94 0 0 1 1.04.21l2.52 2.52c.36.36.36.99 0 1.34l-2.52 2.52c-.27.27-.68.35-1.04.21s-.59-.49-.59-.88V9.5c0-.39.23-.73.59-.88Zm2.1 3.4-1.19-1.19v2.38z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.