Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">satellite</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#satellite" />
</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-satellite" viewBox="0 0 24 24">
<path d="M17.8 5c.31 0 .62.12.86.36.47.47.47 1.22 0 1.7l-4.63 4.72-.62-.62-.31.31.62.62c.1.11.15.24.16.39.62-.46 1.33-.69 1.97-.69.56 0 1.06.18 1.42.53.38.46-.31 1.55-1.23 2.63l.31.85a.7.7 0 0 1 .69.16c.23.27.23.66 0 .93-.13.12-.3.17-.46.17s-.33-.06-.46-.17a.74.74 0 0 1-.16-.7l-1-.23c-.86.8-1.76 1.35-2.29 1.35q-.21 0-.33-.12c-.77-.77-.69-2.17.08-3.4-.14 0-.28-.06-.38-.16l-.62-.62-.31.31.62.62-4.69 4.71c-.24.24-.54.35-.85.35s-.62-.12-.85-.35a1.19 1.19 0 0 1 0-1.69l4.63-4.72.62.62.31-.31-1.31-1.31c-.31-.45-.2-1.06.23-1.39a1 1 0 0 1 1.38-.23l1.31 1.31.31-.23-.62-.62 4.76-4.72c.24-.23.54-.35.85-.35m0-1.5c-.72 0-1.4.28-1.91.78l-4.02 3.98a2.52 2.52 0 0 0-3.14.5c-.88.78-1.1 2.07-.53 3.1L4.26 15.9c-1.03 1.05-1.03 2.76.01 3.8.51.51 1.19.8 1.92.8s1.41-.28 1.92-.8l2.48-2.49c.16.38.39.73.69 1.03.36.36.85.56 1.39.56.78 0 1.6-.42 2.32-.94l.06.07.07.06c.4.35.92.55 1.45.55s1.05-.19 1.45-.55l.08-.07.07-.08c.71-.82.71-2.07 0-2.89l-.06-.07-.07-.06c.7-1.02 1.3-2.37.39-3.47l-.04-.05-.05-.05q-.435-.435-1.02-.69l2.42-2.46c1.03-1.05 1.03-2.76-.01-3.8a2.66 2.66 0 0 0-1.92-.8Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.