Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">bug_report</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#bug-report" />
</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-bug-report" viewBox="0 0 24 24">
<path d="M11 18H4V9h16v3c0 .55.45 1 1 1s1-.45 1-1V5c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1M4 6h16v2H4zm18.62 11.5h-1.63c-.05-.21-.13-.41-.21-.6.99-.29 1.72-1.19 1.72-2.27v-.12a.38.38 0 1 0-.76 0v.12c0 .8-.59 1.47-1.35 1.6-.24-.32-.52-.6-.84-.8-.19-.82-.75-1.42-1.43-1.42s-1.24.6-1.43 1.42c-.32.2-.61.48-.84.8-.77-.13-1.35-.79-1.35-1.6v-.12a.38.38 0 1 0-.76 0v.12c0 1.08.73 1.98 1.72 2.27q-.135.285-.21.6h-1.63a.38.38 0 1 0 0 .76h1.51c0 .08-.01.17-.01.25 0 .28.03.55.08.81-.86.36-1.46 1.2-1.46 2.19v.12a.38.38 0 1 0 .76 0v-.12c0-.65.38-1.2.93-1.46.45 1.08 1.37 1.85 2.44 1.95v-4.99c0-.14.11-.25.25-.25s.25.11.25.25V22c1.08-.1 1.99-.87 2.44-1.95.55.26.93.82.93 1.46v.12a.38.38 0 1 0 .76 0v-.12c0-.99-.6-1.83-1.46-2.19.05-.26.08-.53.08-.81 0-.08 0-.17-.01-.25h1.51a.38.38 0 1 0 0-.76"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.