Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">x7_settings</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#x7-settings" />
</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-x7-settings" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M2.516 1.9a.36.36 0 0 0-.116.262v14.5q0 .117.039.23l.772 2.223a.19.19 0 0 0 .181.125h.1l.186 1.9c.008.084.074.15.16.164q1.935.296 3.853.296 1.916 0 3.818-.296a.19.19 0 0 0 .159-.16l.277-1.917h.056a.18.18 0 0 0 .173-.121l.851-2.33a.2.2 0 0 0 .011-.064V9.734h.178c.052 0 .095-.046.095-.103v-.85c0-.056-.043-.102-.095-.102h-.178V6.756a.2.2 0 0 0-.033-.106q-.33-.47-.714-.91c-.404-.461-.597-.646-.72-.684-.124-.037-.958-.068-.996-.068q-.038 0-.062.139h-.475v8.299l-.545 1.054H5.945l-.272-.527V5.251h-.818v.04l-.546.015a40 40 0 0 1-.03-.827c-.016-.55-.031-1.06-.097-1.528q-.118-.837-.392-1.2a.39.39 0 0 0-.31-.151h-.486a.4.4 0 0 0-.266.103zm5.502 18.474a.347.347 0 0 1-.354.339.347.347 0 0 1-.355-.34c0-.187.159-.339.355-.339s.354.152.354.34m-3.3.339a.347.347 0 0 0 .355-.34.347.347 0 0 0-.355-.339.347.347 0 0 0-.354.34c0 .187.158.339.354.339m6.3-.34c0 .188-.159.34-.354.34a.347.347 0 0 1-.355-.34c0-.187.159-.339.355-.339s.354.152.354.34m-6.163-1.146v-.791h.818c.102 0 .409 0 .545-.132l.546-.527c.072-.07.17-.136.272-.136l1.364.004c.102 0 .201.062.273.131l.545.528c.137.132.444.132.546.132h.818v.79z"/>
<path fill-rule="evenodd" d="M6.37 5.251h.786c.085 0 .153.082.153.183v.081l1.091.204v-.285c0-.101.078-.183.174-.183h.743c.096 0 .174.082.174.183v8.337c0 .1-.078.182-.174.182h-.743a.18.18 0 0 1-.174-.182v-.286l-1.09.204v.173c0 .05-.035.091-.077.091h-.938c-.043 0-.077-.04-.077-.091V5.434c0-.101.069-.183.153-.183m2.978 4.27a.41.41 0 0 1-.33.468.397.397 0 0 1-.475-.306.41.41 0 0 1 .33-.468.397.397 0 0 1 .475.307m-.33-2.432a.41.41 0 0 0 .33-.468.397.397 0 0 0-.476-.307.41.41 0 0 0-.329.468c.04.214.253.351.475.307m.33 5.333a.41.41 0 0 1-.33.468.397.397 0 0 1-.475-.307.41.41 0 0 1 .33-.467.397.397 0 0 1 .475.306M21.484 18.4q0 .206-.026.392l.861.658a.19.19 0 0 1 .052.254l-.823 1.383a.21.21 0 0 1-.252.092l-1.024-.4q-.315.24-.694.392l-.154 1.058a.2.2 0 0 1-.202.171h-1.644a.21.21 0 0 1-.206-.17l-.154-1.06c-.253-.1-.48-.233-.694-.39l-1.024.4c-.094.028-.201 0-.253-.093l-.822-1.383a.2.2 0 0 1 .051-.254l.87-.658a2.4 2.4 0 0 1-.03-.392c0-.13.017-.267.038-.392l-.869-.658c-.086-.058-.103-.167-.051-.254l.818-1.383a.21.21 0 0 1 .252-.092l1.024.4a3 3 0 0 1 .694-.392l.154-1.058a.2.2 0 0 1 .202-.171h1.644a.2.2 0 0 1 .136.048.2.2 0 0 1 .07.123l.154 1.058c.253.1.48.234.694.392l1.024-.4a.2.2 0 0 1 .143 0 .2.2 0 0 1 .11.091l.822 1.384a.2.2 0 0 1-.051.254l-.87.658c.021.125.03.259.03.392m-4.626 0c0 .825.694 1.5 1.542 1.5s1.542-.675 1.542-1.5-.694-1.5-1.542-1.5-1.542.675-1.542 1.5"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.