Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">person_clock</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#person-clock" />
</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-person-clock" viewBox="0 0 24 24">
<path d="M10.2 10.74h.03c1.84 0 3.4-1.15 4.04-2.76.02-.05.03-.1.05-.15.07-.2.14-.4.18-.61.46-2.36-1.09-4.64-3.45-5.1-.27-.05-.55-.08-.82-.08h-.03c-2.39.01-4.32 1.95-4.32 4.35s1.93 4.33 4.32 4.35m.03 1.38c-3.31 0-5.93.93-7.34 1.58s-1.81 1.16-1.81 2.08c0 .49.27 1.5.5 2.34.23.78.94 1.32 1.76 1.32h6.8c-1.11-2.35-.97-5.1.38-7.32zm6.86-1.8c-3.2 0-5.82 2.62-5.82 5.82s2.62 5.82 5.82 5.82 5.82-2.62 5.82-5.82-2.62-5.82-5.82-5.82m2.5 8.44c-.23.23-.64.23-.87 0l-2.1-2.1a.75.75 0 0 1-.23-.58v-2.91c0-.35.29-.64.64-.64s.64.29.64.64v2.74l1.92 1.92c.29.29.29.64 0 .93"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.