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_off_outline</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-off-outline" />
</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-off-outline" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M2.707 1.707a1 1 0 1 0-1.414 1.414l3.072 3.072a10 10 0 0 0-.652 1.245A8.7 8.7 0 0 0 3 10.95q0 2.952 1.675 5.263T9 19.45v1.5q0 .428.288.713.288.286.712.287.424 0 .712-.287A.97.97 0 0 0 11 20.95V19.9a9 9 0 0 0 .975.05h.525q.25 0 .5-.05v1.05q0 .428.288.713.288.286.712.287.424 0 .712-.287A.97.97 0 0 0 15 20.95v-1.525a9.3 9.3 0 0 0 1.751-.846l4.34 4.341a1 1 0 0 0 1.415-1.414zm12.636 15.465-2.132-2.133L12 16.25a1.03 1.03 0 0 1-.75.325 1.03 1.03 0 0 1-.75-.325 1.03 1.03 0 0 1-.325-.75q0-.424.325-.75l.5-.5-.55-.55a.96.96 0 0 1-.3-.7q0-.4.3-.7l.01-.01-4.632-4.633Q5 9.157 5 11q0 2.901 2.05 4.95T12 18q1.843 0 3.343-.828"/>
<path d="M6.931 3.517 8.395 4.98Q9.995 4 12 4q2.9 0 4.95 2.05T19 11q0 2.005-.98 3.604l1.414 1.415Q21 13.793 21 10.95a8.7 8.7 0 0 0-.712-3.512 9 9 0 0 0-1.938-2.85 9.3 9.3 0 0 0-2.875-1.925 8.7 8.7 0 0 0-3.5-.713 8.7 8.7 0 0 0-3.488.713 9.5 9.5 0 0 0-1.556.854"/>
<path d="m10.414 7 2 2H15a.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 7z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.