Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">ri</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#ri" />
</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-ri" viewBox="0 0 24 24">
<path d="M8.458 2a.21.21 0 0 0-.212.212v4.513h-.17a30 30 0 0 0-.22-2.546q-.132-.975-.455-1.354a.3.3 0 0 0-.226-.105h-.598a.3.3 0 0 0-.206.083l-.28.27A.3.3 0 0 0 6 3.287v15.736c0 .05.583 1.632.857 2.376v.001l.09.244a.22.22 0 0 0 .19.143l2.147.144 2.288.069 2.225-.069 2.088-.144a.21.21 0 0 0 .184-.138l.879-2.366a.4.4 0 0 0 .027-.148V8.462a.2.2 0 0 0-.036-.117l-.05-.074a8.4 8.4 0 0 0-1.278-1.502l-.104-.097a.2.2 0 0 0-.136-.056l-.991-.038a.2.2 0 0 0-.064.007l-.488.131a.04.04 0 0 0-.031.041v8.781l-.206 1.325a.21.21 0 0 1-.209.18H9.741a.21.21 0 0 1-.21-.18l-.205-1.325V7.53l-.487-.36v-.403a.04.04 0 0 0-.042-.042h-.128V2.212A.21.21 0 0 0 8.458 2"/>
<path fill-rule="evenodd" d="M9.898 8.16a.61.61 0 0 1 .609-.61h2.129c.336 0 .608.273.608.61v7.908a.61.61 0 0 1-.608.608h-2.13a.61.61 0 0 1-.608-.608zm.305 1.52c0-.336.272-.608.608-.608h1.52c.337 0 .61.272.61.608v2.738a.61.61 0 0 1-.61.608h-1.52a.61.61 0 0 1-.608-.608zm1.368 5.78c.336 0 .609-.205.609-.457s-.273-.456-.609-.456-.608.204-.608.456.272.457.608.457"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.