Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">gears</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#gears" />
</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-gears" viewBox="0 0 24 24">
<path d="m10.95 13.34-.17-.67a.48.48 0 0 0-.5-.35l-.98.1c-.18-.24-.39-.46-.62-.64l.12-.97a.48.48 0 0 0-.34-.51l-1.34-.37a.47.47 0 0 0-.55.26l-.4.88c-.31.04-.6.11-.88.23l-.77-.58a.47.47 0 0 0-.61.04l-.49.49-.5.48a.46.46 0 0 0-.05.61l.57.79c-.06.14-.11.28-.15.43s-.07.31-.09.46l-.89.38c-.21.09-.33.33-.27.55l.18.67.17.67c.06.22.27.37.5.35l.98-.1c.18.23.39.45.63.64l-.12.98c-.03.23.12.44.34.51l1.34.37c.22.06.46-.05.55-.26l.41-.91c.29-.04.58-.12.85-.22l.8.6c.18.14.45.12.61-.04l.49-.49.5-.48a.46.46 0 0 0 .05-.61l-.58-.81c.06-.14.11-.28.15-.43s.07-.29.09-.43l.92-.39c.21-.09.33-.33.27-.55l-.18-.67Zm-2.93 1.87c-.3.59-.92.94-1.58.89-.9-.07-1.58-.85-1.51-1.75a1.63 1.63 0 0 1 1.75-1.51c.9.07 1.58.85 1.51 1.75-.02.22-.07.43-.17.62m13.78 1.97-.86-.69c.02-.17.04-.33.04-.5h-.01c0-.17-.02-.32-.04-.48l.86-.69c.2-.16.25-.44.12-.66l-.39-.66-.38-.67a.506.506 0 0 0-.63-.22l-1.02.4c-.26-.2-.55-.37-.85-.5l-.17-1.07a.524.524 0 0 0-.51-.44h-1.54c-.26 0-.47.19-.51.44l-.16 1.06c-.31.13-.61.3-.87.51l-1-.39c-.24-.09-.51 0-.63.22l-.38.67-.39.66c-.13.22-.08.5.12.66l.84.67c-.02.17-.04.34-.04.51s.02.35.04.52l-.84.67a.51.51 0 0 0-.12.66l.39.66.38.67c.13.22.4.31.63.22l1.01-.4c.26.2.55.37.86.49l.17 1.08c.04.25.26.44.51.44h1.54c.26 0 .47-.19.51-.44l.17-1.09c.3-.12.58-.29.84-.48l1.03.4c.24.09.51 0 .63-.22l.38-.67.39-.66a.51.51 0 0 0-.12-.66Zm-2.83-.83c-.14.72-.7 1.28-1.42 1.42-.98.2-1.93-.44-2.12-1.42-.05-.23-.05-.47 0-.71.14-.72.7-1.28 1.42-1.42.98-.2 1.93.44 2.12 1.42.05.23.05.47 0 .71m-4.9-5.42.14-.91c.25-.1.48-.25.7-.41l.86.34c.2.08.43 0 .53-.19l.32-.56.32-.55a.43.43 0 0 0-.1-.55l-.72-.58a2.8 2.8 0 0 0 0-.83l.72-.58a.42.42 0 0 0 .1-.55l-.32-.55-.32-.56a.45.45 0 0 0-.53-.19l-.85.33c-.22-.17-.46-.31-.71-.42l-.14-.89a.43.43 0 0 0-.43-.37h-1.28c-.22 0-.4.16-.43.37l-.13.88a3.3 3.3 0 0 0-.73.42l-.83-.33c-.2-.08-.43 0-.53.19L9.39 5l-.32.55a.43.43 0 0 0 .1.55l.7.56q-.03.21-.03.42c0 .21.01.29.03.44l-.7.56a.42.42 0 0 0-.1.55l.32.55.32.56c.11.19.33.26.53.19l.84-.33c.22.16.46.31.72.41l.14.9c.03.21.21.37.43.37h1.28c.22 0 .4-.16.43-.37Zm-2.56-3.51a1.52 1.52 0 0 1 1.19-1.78c.82-.16 1.61.37 1.78 1.18a1.52 1.52 0 0 1-1.19 1.78 1.52 1.52 0 0 1-1.78-1.18"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.