Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">clock_add</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#clock-add" />
</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-clock-add" viewBox="0 0 24 24">
<path d="M12 9c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .27.11.52.29.71l2.97 2.97c.2.2.45.29.71.29s.51-.1.71-.29a.996.996 0 0 0 0-1.41L12 12.59zm7.11 2.95c-.61-.07-1.11.41-1.11 1.02 0 .28-.01.56-.05.84-.06.49-.16.96-.31 1.41-.11.34-.26.67-.42.99 0 .01-.01.03-.02.04-.33.63-.76 1.2-1.26 1.7l-.03.03c-.24.23-.49.45-.76.65-.04.03-.09.06-.13.09-.27.19-.55.37-.85.52-.29.15-.59.26-.9.37-.07.02-.13.05-.2.07-.31.09-.62.17-.95.22-.05 0-.11.01-.16.02-.31.04-.63.07-.96.06h-.12c-.12 0-.24-.01-.36-.02q-.165 0-.33-.03c-.19-.02-.37-.06-.55-.09-.03 0-.06 0-.08-.02a7.2 7.2 0 0 1-2.95-1.46H6.6c-.14-.11-.26-.23-.39-.36-.04-.04-.09-.08-.13-.12-.08-.08-.16-.18-.24-.26-.08-.09-.16-.18-.23-.27-.04-.05-.07-.1-.11-.14-.11-.14-.21-.28-.31-.43v-.01c-.6-.92-.99-1.98-1.1-3.1v-.08c-.02-.19-.03-.37-.03-.56 0-.11 0-.22.01-.34 0-.12 0-.24.02-.36 0-.05.01-.09.02-.14.03-.28.08-.56.15-.83.02-.07.03-.14.05-.21.08-.3.18-.58.29-.86.02-.05.04-.09.06-.13q.165-.36.36-.69c.04-.06.07-.13.11-.19.16-.25.33-.5.52-.73.01-.02.03-.03.05-.05q.285-.33.6-.63c.03-.03.07-.06.1-.09.48-.42 1.01-.78 1.58-1.06.02 0 .04-.02.06-.03.29-.14.6-.26.91-.36h-.02C9.6 6.12 10.31 6 11.04 6c.28 0 .57.02.84.05.61.07 1.14-.37 1.14-.98 0-.5-.37-.93-.87-1a8.5 8.5 0 0 0-3.22.2v-.02c-.11.03-.21.07-.31.1-.08.02-.16.05-.24.08-2.24.7-4.12 2.24-5.24 4.3 0 0 0 .02-.01.02a8 8 0 0 0-.6 1.38c-.06.19-.13.37-.18.56-.1.38-.18.77-.23 1.16 0 .03-.01.06-.02.09V12c-.02.15-.01.3-.02.45-.01.18-.03.35-.03.53 0 .11.01.22.01.33 0 .22.01.43.04.65.01.12.04.23.05.35.03.2.06.4.1.59.03.14.07.28.11.42.04.16.08.33.13.48.05.16.12.31.17.46.05.13.1.27.16.4.07.16.15.31.23.47.06.12.12.24.18.35.09.15.18.29.28.44.07.11.14.23.22.34.1.13.2.26.3.38.09.11.18.23.28.34s.21.21.31.32c.11.11.22.23.34.34.1.09.21.18.31.26.13.11.26.22.4.33.11.08.22.15.33.22.15.1.29.2.44.29.12.07.25.14.38.2.15.08.29.16.44.23s.31.13.47.19c.13.05.26.11.4.16.19.06.39.11.58.17.11.03.22.07.33.09.21.05.43.08.64.11.11.02.21.04.32.05.17.02.35.02.53.03.15 0 .29.03.44.03h.06q.495 0 .99-.06c.08 0 .15-.02.23-.03a9 9 0 0 0 7.39-6.32c.28-.9.41-1.79.4-2.66 0-.5-.39-.92-.89-.98Zm2.9-6.92h-2v-2c0-.55-.45-1-1-1s-1 .45-1 1v2h-2c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.