Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">prism_pole_extend</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#prism-pole-extend" />
</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-prism-pole-extend" viewBox="0 0 24 24">
<path d="M9.251 9.494a.337.337 0 0 0-.337.347l.152 5.578a.337.337 0 0 0 .337.328h5.195a.337.337 0 0 0 .337-.328l.151-5.578a.337.337 0 0 0-.337-.347z"/>
<path fill-rule="evenodd" d="M8.574 2.748a.46.46 0 0 1 .337-.363l1.033-.27L12 2l2.056.115 1.033.27a.46.46 0 0 1 .337.363l.063.341a.74.74 0 0 1-.19.642l-.25.265v1.077l-.277.315v1.35l.2.143a.19.19 0 0 1 .077.15v.98l.481.67a.37.37 0 0 1 .07.225l-.223 7.969a.185.185 0 0 1-.163.178l-.35.042v.433a.185.185 0 0 1-.147.18l-.01.003c-.475.1-.966.1-1.44 0l-.011-.002a.185.185 0 0 1-.147-.18v-.239l-.139.01v4.33a.37.37 0 0 1-.37.37h-1.385a.37.37 0 0 1-.37-.37v-4.35q-.195-.015-.388-.038l-1.67-.19a.185.185 0 0 1-.164-.178L8.4 8.906a.37.37 0 0 1 .07-.226l.481-.669v-.98c0-.059.029-.115.077-.15l.2-.144v-1.35l-.277-.314V3.996l-.25-.265a.74.74 0 0 1-.19-.642zm4.304 3.068A.876.876 0 0 1 12 6.69a.876.876 0 0 1-.878-.874c0-.482.393-.873.878-.873s.878.39.878.873m1.062.874c.383 0 .693-.391.693-.874 0-.482-.31-.873-.693-.873s-.693.39-.693.873.31.874.693.874m-3.187-.874c0 .483-.31.874-.693.874s-.693-.391-.693-.874c0-.482.31-.873.693-.873s.693.39.693.873M9.008 9.218a.37.37 0 0 0-.37.38l.165 6.065c.005.2.17.36.37.36h5.655c.2 0 .364-.16.37-.36l.164-6.065a.37.37 0 0 0-.37-.38z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.