Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">shopping_cart_plus</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#shopping-cart-plus" />
</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-shopping-cart-plus" viewBox="0 0 24 24">
<path d="M16.5 17.25c-1.24 0-2.25 1.01-2.25 2.25s1.01 2.25 2.25 2.25 2.25-1.01 2.25-2.25-1.01-2.25-2.25-2.25m0 3c-.41 0-.75-.34-.75-.75s.34-.75.75-.75.75.34.75.75-.34.75-.75.75m-8-3c-1.24 0-2.25 1.01-2.25 2.25s1.01 2.25 2.25 2.25 2.25-1.01 2.25-2.25-1.01-2.25-2.25-2.25m0 3c-.41 0-.75-.34-.75-.75s.34-.75.75-.75.75.34.75.75-.34.75-.75.75m8.78-6.5H7.64L7.85 15H18c.55 0 1 .45 1 1s-.45 1-1 1H7.42c-.74 0-1.36-.53-1.48-1.25L4.15 5H2c-.55 0-1-.45-1-1s.45-1 1-1h2.15c.98 0 1.81.7 1.97 1.67l.26 1.58h1.14c.1.2.23.4.39.57l.93.93H6.62l.75 4.5h9.89c.11 0 .2-.07.24-.17l1.33-4c.04-.11 0-.19-.03-.23a.24.24 0 0 0-.2-.1h-3.79l1.5-1.5h2.29c.56 0 1.09.27 1.42.73s.42 1.04.24 1.58l-1.33 4c-.24.72-.91 1.2-1.66 1.2ZM9.05 4.41a.99.99 0 0 1 1.39 0l1.4 1.4 3.72-3.72a.99.99 0 0 1 1.39 0 .99.99 0 0 1 0 1.39l-4.42 4.41a.996.996 0 0 1-1.41 0L9.03 5.8a.99.99 0 0 1 0-1.39Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.