Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">calculator_symbols</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="/modus-solid-icons.svg#calculator-symbols" />
</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-calculator-symbols" viewBox="0 0 24 24">
<path d="M17 2H6.94c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2H17c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m-6.17 15.02h-.01L8 19.84c-.12.12-.27.18-.42.18s-.31-.06-.42-.18a.61.61 0 0 1 0-.85l2.82-2.82a.61.61 0 0 1 .85 0c.23.23.23.61 0 .85m.7-5.58c-.11.11-.27.18-.45.18H9.61v1.47c0 .17-.07.33-.18.45s-.27.18-.45.18c-.35 0-.63-.28-.63-.63v-1.47H6.88c-.35 0-.63-.28-.63-.63s.28-.63.63-.63h1.47V8.89c0-.35.28-.63.63-.63s.63.28.63.63v1.47h1.47c.35 0 .63.28.63.63 0 .17-.07.33-.18.45m4.92 8.3h-3.59c-.3 0-.54-.28-.54-.62s.24-.62.54-.62h3.59c.3 0 .54.28.54.62s-.24.62-.54.62m0-2.5h-3.59c-.3 0-.54-.28-.54-.62s.24-.62.54-.62h3.59c.3 0 .54.28.54.62s-.24.62-.54.62M12.8 10.1c-.25-.25-.25-.67 0-.92s.67-.25.92 0l1.07 1.07 1.07-1.07c.25-.25.67-.25.92 0s.25.67 0 .92l-1.07 1.07 1.07 1.07c.25.25.25.67 0 .92-.13.13-.29.19-.46.19s-.33-.06-.46-.19l-1.07-1.07-1.07 1.07c-.13.13-.29.19-.46.19s-.33-.06-.46-.19a.66.66 0 0 1 0-.92l1.07-1.07zm4.19-4.02c0 .5-.41.91-.91.91H7.91c-.5 0-.91-.41-.91-.91V4.91c0-.5.41-.91.91-.91h8.17c.5 0 .91.41.91.91z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.