Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">hololens</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="/connect-icons.svg#hololens" />
</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-connect mi-hololens" viewBox="0 0 24 24">
<path d="M2.118 10.645c6.525-1.8 13.139-1.808 19.661-.028-.04.348-.124 1.055-.215 1.562-.352 1.93-1.776 3.063-4.113 3.492-.789.143-1.604.203-2.407.303-.13.017-.248.026-.362.026-.848 0-1.38-.441-1.882-.969q-.461-.488-.878-.489c-.237 0-.455.125-.66.384-.591.765-1.384 1.012-2.336 1.012q-.283-.002-.577-.026c-1.9-.164-3.823-.38-4.975-1.75-.548-.653-.751-1.507-1.007-2.295-.034-.102-.16-.655-.249-1.223m20.665-2.398c1.028.357 1.342.937 1.173 2.25-.052.414-.288 1.356-.272 1.43.043.186-.233.477-.449.643-.24.187-.576.28-.868.413l-.192-.12c.068-.367.096-.75.236-1.1.052-.13.237-1.44.225-1.593-.052-.613.083-1.24.147-1.923M1.16 8.21c.04.73.372 3.416.437 3.594.096.247.087.525.143.95-.472-.21-.824-.31-1.084-.49-.192-.138-.26-.379-.384-.573.104-.04-.067-.752-.124-.715C-.155 9.523-.068 8.679 1.16 8.21M12.081 7c2.85.087 5.81.162 8.609.99.457.134 1.127.348 1.217.61.142.436.094.907.036 1.373C15.34 8.34 8.647 8.349 2.041 10l-.009-.097c-.123-1.51.019-1.668 1.991-2.122C6.61 7.187 9.283 7.05 12.081 7"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.