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-outlined-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-outline mi-calculator-symbols" viewBox="0 0 24 24">
<path d="M15.83 10.09c-.2-.2-.55-.2-.75 0l-.87.87-.87-.87c-.2-.2-.55-.2-.75 0s-.2.55 0 .75l.87.87-.87.87c-.2.2-.2.55 0 .75.11.11.24.15.38.15s.27-.05.38-.15l.87-.87.87.87c.11.11.24.15.38.15s.27-.05.38-.15c.2-.2.2-.55 0-.75l-.87-.87.87-.87c.2-.2.2-.55 0-.75Zm-.27 7.6h-2.93c-.24 0-.44.23-.44.51s.2.51.44.51h2.93c.24 0 .44-.23.44-.51s-.2-.51-.44-.51m-5.28-1.9-2.3 2.3c-.19.2-.19.51 0 .69.09.1.22.15.34.15s.24-.05.34-.15l2.3-2.3c.19-.2.19-.51 0-.69a.49.49 0 0 0-.69 0Zm5.28-.14h-2.93c-.24 0-.44.23-.44.51s.2.51.44.51h2.93c.24 0 .44-.23.44-.51s-.2-.51-.44-.51M17 1.99H7c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2Zm0 18H7V4h10v16Zm-8-13h6c.5 0 .91-.41.91-.91V5.5c0-.5-.41-.91-.91-.91H9c-.5 0-.91.41-.91.91v.58c0 .5.41.91.91.91m-.72 5.16h1.08v1.08c0 .26.21.46.46.46.13 0 .25-.04.33-.13s.13-.21.13-.33v-1.08h1.08c.13 0 .25-.05.33-.13.08-.09.13-.21.13-.33 0-.26-.21-.46-.46-.46h-1.08v-1.08c0-.26-.21-.46-.46-.46s-.46.21-.46.46v1.08H8.28c-.26 0-.46.21-.46.46s.21.46.46.46"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.