Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">device_tsc7</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#device-tsc7" />
</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-device-tsc7" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M9.052 1.732c.444-.218.888-.163.888-.163h3.995c.178.175.863.35 1.491.512.347.089.677.173.895.251.666.218 1.054.982 1.054 1.636v5.127c0 .727-.54 1.227-1.073 1.72a14 14 0 0 0-.314.297c-.61.6-.944 1.146-1.054 2.127a5 5 0 0 0 .554 2.945c.13.332.333.712.541 1.1.236.442.477.894.625 1.3.277.763 0 3.49-.333 4.145-.389.654-2.164.709-2.164.709h-5.05c-1.054 0-2.497-.71-2.497-1.527 0-.122-.005-.292-.012-.495-.03-.895-.082-2.434.234-3.323.222-.49.833-1.8.944-1.909.166-.109.61-1.036.61-2.29 0-1.237-.108-1.413-.43-1.94l-.014-.024c-.219-.43-.645-.826-1.006-1.162q-.145-.135-.27-.256C6.277 10.131 6 9.313 6 9.096c0-.219 0-3.927.055-4.582q.014-.163.022-.297c.028-.444.044-.694.367-1.284.273-.498 1.259-.781 1.955-.981.295-.084.537-.154.653-.219m6.603 7.472V4.24c0-.273-.278-.491-.5-.491H8.387a.49.49 0 0 0-.5.49v5.018c0 .327.223.491.5.491h6.77c.277-.055.499-.218.499-.545m-6.77 7.471c-1.054 1.527-1.054 3.327-1.054 3.436 0 .09.017.163.032.23.012.053.024.102.024.152.11 1.254.166 1.745 1.498 1.8l4.439.108c1.775-.327 1.83-.981 1.886-2.017v-.382c.056-1.091-.388-2.018-1.054-3.218a4 4 0 0 0-.103-.184c-.092-.16-.19-.329-.23-.525-.584-1.044-.457-3.485-.396-4.65l.008-.149v-.327c0-.11-.056-.218-.111-.218H9.607c-.056 0-.056.054-.056.054l.004.127c.025.74.146 4.31-.67 5.763m.444 5.89 4.495.109c2.014-.321 2.052-1.115 2.105-2.226l.003-.064v-.382c.056-1.145-.444-2.182-1.054-3.327a1.3 1.3 0 0 0-.182-.416c-.052-.09-.106-.182-.15-.293-.588-1.049-.456-3.46-.396-4.565l.007-.125v-.327c0-.218-.167-.437-.333-.437H9.607c-.167 0-.333.164-.333.328v.028c.012.372.132 4.29-.666 5.752-1.054 1.691-1.054 3.49-1.054 3.545.055.11.055.273.055.382l.002.023c.11 1.186.175 1.887 1.718 1.995m3.662-8.29a.49.49 0 0 1-.499.491h-1.665c-.332 0-.499-.218-.499-.49v-1.637c0-.327.222-.49.5-.49h1.664c.333 0 .5.218.5.49z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.