Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">rpt</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#rpt" />
</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-rpt" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="m6.745 5.966-.315.698v9.287l.696-.285-.696.285v2.16l.097 1.212c.016.21.192.373.403.373h1.372v.882c0 .15.121.27.27.27h.45v.882c0 .15.121.27.27.27h5.653a.27.27 0 0 0 .27-.27v-.882h.45a.27.27 0 0 0 .27-.27v-.882h1.229a.405.405 0 0 0 .403-.373l.096-1.211V6.664l-.314-.698.764-1.418a.27.27 0 0 1 .126-.117l1.605-.73a.27.27 0 0 0 .14-.148l.091-.235a.27.27 0 0 0 .003-.188l-.303-.848a.27.27 0 0 0-.138-.153l-.216-.103a.27.27 0 0 0-.192-.015l-2.001.589a.27.27 0 0 0-.127.08l-.961 1.093a.135.135 0 0 1-.205-.003l-.294-.355a.26.26 0 0 0-.199-.094h-.013a.22.22 0 0 1-.137-.048.22.22 0 0 0-.138-.049h-.116a.14.14 0 0 0-.099.044l-.493.531a.27.27 0 0 0-.072.182l-.059 9.345-.374 1.118h-3.789l-.374-1.118L9.72 3.98a.27.27 0 0 0-.072-.182l-.493-.531a.14.14 0 0 0-.1-.044H8.94a.22.22 0 0 0-.137.049.22.22 0 0 1-.137.048H8.65a.26.26 0 0 0-.199.094l-.293.355a.135.135 0 0 1-.205.003L6.992 2.68a.27.27 0 0 0-.126-.081L4.865 2.01a.27.27 0 0 0-.192.015l-.216.103a.27.27 0 0 0-.138.153l-.303.848a.27.27 0 0 0 .002.188l.091.235a.27.27 0 0 0 .14.149l1.606.729a.27.27 0 0 1 .125.117z"/>
<path fill-rule="evenodd" d="m10.448 4.43 1.599-.288 1.599.288.417 2.088v4.177l-.417 2.088-1.6.288-1.598-.288-.418-2.088V6.518zm1.599 5.905a1.584 1.584 0 1 0 0-3.169 1.584 1.584 0 0 0 0 3.169"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.