Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">background_dark</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="/field-systems-icons.svg#background-dark" />
</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-solid mi-background-dark" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M19.5 22.5a3 3 0 0 0 2.967-2.555L22.5 4.5a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v15a3 3 0 0 0 3 3zm1.5-3.242-.063.059-1.19-1.188L21 16.973zm-2.314-2.19L21 14.93v-2.285l-3.503 3.233zM21 10.603l-4.565 4.214-1.189-1.188L21 8.32zm-6.816 1.965L21 6.277V4.5q-.001-.233-.068-.446l-7.937 7.327zM7.432 5.82l-1.19-1.188L8.013 3h2.476zm1.062 1.061L9.683 8.07 15.176 3H12.7zm3.44 3.438-1.19-1.188L17.387 3H19.5q.167 0 .325.035zm7.95 10.63L3.05 4.115Q3 4.3 3 4.5v15c0 .827.673 1.5 1.5 1.5h15q.2 0 .384-.05M5.8 3l-.62.572L4.609 3z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.