Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">electric_meter_outline_rounded</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#electric-meter-outline-rounded" />
</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-outline mi-electric-meter-outline-rounded" viewBox="0 0 24 24">
<path d="M9 20.95v-1.5q-2.65-.926-4.325-3.237T3 10.95q0-1.875.713-3.512a9.2 9.2 0 0 1 1.924-2.85 9.1 9.1 0 0 1 2.85-1.925 8.7 8.7 0 0 1 3.488-.713q1.85 0 3.5.713a9.3 9.3 0 0 1 2.875 1.925 9 9 0 0 1 1.938 2.85A8.7 8.7 0 0 1 21 10.95q0 2.95-1.687 5.238-1.687 2.287-4.313 3.237v1.525a.97.97 0 0 1-.288.713.96.96 0 0 1-.712.287.97.97 0 0 1-.712-.287.96.96 0 0 1-.288-.713V19.9q-.25.05-.5.05h-.525A10 10 0 0 1 11 19.9v1.05a.97.97 0 0 1-.288.713.96.96 0 0 1-.712.287.97.97 0 0 1-.712-.287A.96.96 0 0 1 9 20.95M12 18q2.9 0 4.95-2.05T19 11t-2.05-4.95T12 4 7.05 6.05 5 11t2.05 4.95T12 18M9 9h6a.97.97 0 0 0 .713-.288A.96.96 0 0 0 16 8a.97.97 0 0 0-.288-.712A.97.97 0 0 0 15 7H9a.97.97 0 0 0-.712.288A.97.97 0 0 0 8 8q0 .424.288.713A.96.96 0 0 0 9 9m2 5.25-.5.5a1.03 1.03 0 0 0-.325.75q0 .425.325.75.326.325.75.325t.75-.325l1.55-1.55q.3-.3.3-.7t-.3-.7l-.55-.55.5-.5a1.03 1.03 0 0 0 .325-.75 1.03 1.03 0 0 0-.325-.75 1.03 1.03 0 0 0-.75-.325 1.03 1.03 0 0 0-.75.325l-1.55 1.55q-.3.3-.3.7t.3.7z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.