Skip to main content

Gears


Examples

Heading
Smaller heading

Inline text 

Example link text 

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-outlined-icons.svg#gears" />
</svg>

SVG code

Use when you don't want any dependency.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-outline mi-gears" viewBox="0 0 24 24">
  <path d="M6.97 12.23c-.81-.06-1.59.37-1.96 1.1-.12.24-.19.5-.21.77-.04.54.13 1.06.48 1.47s.84.66 1.38.7h.15c.76 0 1.46-.42 1.81-1.11.12-.24.19-.5.21-.77.04-.54-.13-1.06-.48-1.47s-.84-.66-1.38-.7Zm.78 2.49c-.19.38-.58.6-1.01.57a1.047 1.047 0 0 1-.85-1.51c.18-.35.54-.57.93-.57h.08a1.047 1.047 0 0 1 .85 1.51m3.5-2.29a.93.93 0 0 0-.99-.69l-.66.07c-.09-.1-.18-.2-.28-.29l.08-.65a.92.92 0 0 0-.67-1.01l-1.26-.35a.92.92 0 0 0-1.1.51l-.26.59c-.14.03-.27.06-.41.1l-.51-.39a.93.93 0 0 0-1.21.08l-.93.9a.93.93 0 0 0-.11 1.21l.38.52c-.02.07-.05.13-.06.2-.02.07-.04.15-.05.22l-.59.25c-.43.18-.66.65-.54 1.09l.33 1.26c.12.45.53.73.99.69l.65-.07c.09.1.18.2.28.28l-.08.65c-.06.46.23.88.67 1.01l1.26.35c.08.02.17.03.25.03.36 0 .7-.21.85-.55l.28-.61c.12-.02.24-.06.37-.1l.54.41c.37.28.89.24 1.21-.08l.93-.9a.93.93 0 0 0 .11-1.21l-.39-.55c.02-.06.04-.13.06-.2l.05-.2.6-.26c.43-.18.66-.65.54-1.09l-.32-1.26Zm-1.71 1.92-.04.27c-.02.11-.04.23-.07.34l-.04.16c-.02.06-.05.13-.07.19l-.1.25.71.91-.47.45-.39.45-.97-.73-.25.1c-.24.09-.47.15-.68.18l-.28.03-.43 1.07-1.22-.29.14-1.2-.22-.17c-.17-.13-.34-.3-.5-.51l-.17-.22-1.13.16-.16-.64-.2-.56 1.1-.47.03-.28c.01-.12.04-.25.07-.36.03-.12.08-.24.12-.35l.11-.25-.7-.89.47-.45.39-.45.95.72.26-.11c.22-.09.45-.15.7-.18l.28-.03.42-1.05 1.22.29-.14 1.18.21.17c.18.15.35.32.49.51l.17.22 1.14-.16.16.63.2.57-1.12.48Zm4.2-4.04.08-.54c.08-.04.16-.09.25-.14l.51.2a.8.8 0 0 0 1-.35l.54-.94c.2-.35.12-.79-.19-1.04l-.42-.34v-.31l.41-.33c.32-.25.4-.7.19-1.04l-.54-.94c-.2-.35-.63-.5-1-.35l-.5.19a1.4 1.4 0 0 0-.26-.15l-.08-.52a.816.816 0 0 0-.8-.69h-1.09c-.41 0-.75.29-.8.69l-.08.51c-.09.05-.19.1-.28.16l-.48-.19c-.38-.14-.81 0-1 .35l-.54.94c-.2.35-.12.8.19 1.04l.41.33v.33l-.4.32c-.32.25-.4.7-.2 1.04l.55.94c.2.35.62.5 1 .35l.5-.19c.09.06.17.11.26.15l.08.53c.06.4.4.69.8.69h1.09c.41 0 .75-.29.8-.69Zm-1.83-.2-.15-.95-.24-.09c-.17-.07-.33-.16-.51-.29l-.2-.15-.88.35-.48-.82.74-.59-.04-.25c-.02-.1-.02-.2-.02-.3s0-.21.02-.3l.03-.25-.73-.59.48-.82.88.35.2-.16q.24-.18.51-.3l.23-.1.14-.93h.96l.14.94.23.1c.18.08.35.18.5.3l.2.16.89-.35.48.82-.75.6.03.25c.01.1.02.19.02.29v.13c0 .06 0 .11-.01.17l-.03.25.75.6-.48.82-.9-.35-.2.15c-.17.13-.34.22-.5.29l-.23.1-.14.95h-.96Zm9.78 6.37-.61-.49v-.51l.59-.48c.39-.31.49-.86.24-1.27l-.73-1.26a1 1 0 0 0-1.22-.43l-.71.28c-.14-.09-.28-.18-.43-.25l-.12-.75a.98.98 0 0 0-.98-.84h-1.46a.99.99 0 0 0-.98.84l-.11.74a3.3 3.3 0 0 0-.45.26l-.69-.27c-.46-.18-.98 0-1.22.43l-.73 1.26c-.25.42-.15.97.24 1.27l.58.47v.26c0 .09 0 .19.01.28l-.58.46c-.39.31-.49.86-.24 1.27l.73 1.26c.25.43.76.61 1.22.43l.71-.28c.14.09.29.18.43.25l.12.76c.07.48.49.84.98.84h1.47c.5 0 .91-.36.98-.84l.12-.77c.14-.07.27-.15.41-.24l.73.29c.46.18.98 0 1.22-.43l.73-1.26c.25-.42.15-.97-.24-1.27Zm-1.35 2.03-1.24-.48-.22.16c-.24.18-.47.31-.69.4l-.26.11-.19 1.31h-1.46l-.2-1.3-.27-.11c-.23-.09-.46-.23-.7-.4l-.22-.17-1.21.49-.73-1.25 1.02-.82-.04-.29a3 3 0 0 1 0-.84l.03-.28-1.01-.8.72-1.26 1.21.48.23-.18c.21-.17.45-.31.71-.41l.26-.11.19-1.28h1.46l.2 1.29.26.11c.25.11.49.24.7.41l.22.18 1.22-.49.73 1.25-1.04.83.04.28c.02.13.03.26.03.4v.18c0 .08-.01.16-.02.24l-.04.28 1.03.83-.72 1.25ZM14.07 7.35c.04-.23.04-.45 0-.68-.09-.45-.35-.84-.74-1.1a1.73 1.73 0 0 0-2.66 1.1c-.05.23-.05.45 0 .68a1.73 1.73 0 0 0 3.39 0Zm-.87-.17c-.07.33-.33.59-.66.66-.46.09-.89-.2-.98-.66a.845.845 0 0 1 .66-.99c.06-.01.11-.02.17-.02.16 0 .32.05.46.14a.83.83 0 0 1 .36.86Zm5.03 6.73a2.2 2.2 0 0 0-1.67-.33c-.88.18-1.57.86-1.74 1.74a2.2 2.2 0 0 0 .95 2.28c.37.25.79.37 1.23.37a2.21 2.21 0 0 0 2.18-1.78 2.2 2.2 0 0 0-.95-2.28M18.19 16c-.1.49-.47.86-.96.96-.32.06-.65 0-.92-.18s-.46-.46-.52-.78a1.217 1.217 0 0 1 .96-1.44c.08-.02.16-.02.24-.02.24 0 .47.07.67.21.27.18.46.46.52.78q.045.24 0 .48Z"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.