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_card</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-card" />
</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-card" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M2.4 2.162c0-.099.042-.193.116-.262l.212-.197a.4.4 0 0 1 .266-.103h.486a.39.39 0 0 1 .31.15q.275.364.392 1.2c.066.47.08.98.097 1.53q.01.398.03.826l.546-.014v-.04h.818v8.701l.272.527h3.546l.545-1.054v-8.3h.475q.025-.138.063-.138c.037 0 .871.03.995.068.123.038.316.223.72.685q.386.44.714.909a.2.2 0 0 1 .033.106v1.923h.178c.052 0 .095.046.095.103v.85c0 .056-.043.102-.095.102h-.178v6.978a.2.2 0 0 1-.01.064l-.852 2.33a.18.18 0 0 1-.173.12h-.056l-.277 1.918a.186.186 0 0 1-.16.16q-1.9.296-3.817.296t-3.853-.296a.186.186 0 0 1-.16-.163l-.186-1.901h-.1a.19.19 0 0 1-.18-.125l-.773-2.223a.7.7 0 0 1-.039-.23zm5.264 18.55a.347.347 0 0 0 .354-.338.347.347 0 0 0-.354-.34.347.347 0 0 0-.355.34c0 .187.159.339.355.339m-2.591-.338a.347.347 0 0 1-.355.339.347.347 0 0 1-.354-.34c0-.187.158-.339.354-.339s.355.152.355.34m5.59.339a.347.347 0 0 0 .355-.34.347.347 0 0 0-.354-.339.347.347 0 0 0-.355.34c0 .187.159.339.355.339m-5.808-2.277v.79h5.727v-.79h-.818c-.102 0-.41 0-.546-.132l-.545-.527a.42.42 0 0 0-.273-.133l-1.364-.003c-.102 0-.2.066-.272.136l-.546.527c-.136.132-.443.132-.545.132z"/>
<path fill-rule="evenodd" d="M7.156 5.251h-.785c-.084 0-.153.082-.153.183v8.428c0 .05.034.091.077.091h.938c.042 0 .076-.04.076-.091v-.173l1.091-.204v.286c0 .1.078.182.174.182h.743a.18.18 0 0 0 .174-.182V5.434a.18.18 0 0 0-.174-.183h-.743a.18.18 0 0 0-.174.183v.285l-1.09-.204v-.081c0-.101-.07-.183-.154-.183M9.018 9.99a.41.41 0 0 0 .33-.467.397.397 0 0 0-.476-.307.41.41 0 0 0-.329.468c.04.214.253.35.475.306m.33-3.368a.41.41 0 0 1-.33.468.397.397 0 0 1-.475-.307.41.41 0 0 1 .33-.468.397.397 0 0 1 .475.307m-.33 6.269a.41.41 0 0 0 .33-.468.397.397 0 0 0-.476-.306.41.41 0 0 0-.329.467c.04.214.253.351.475.307M16 14.4h3.6l2 2v5.2a.8.8 0 0 1-.8.8H16a.8.8 0 0 1-.8-.8v-6.4a.8.8 0 0 1 .8-.8m.4 3.2h.8V16h-.8zm1.2 0h.8V16h-.8zm1.2 0h.8V16h-.8z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.