Palette

Download SVG

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">palette</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#palette" />
</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-palette" viewBox="0 0 24 24">
  <path d="M9.81 5c-.72 0-1.31.59-1.31 1.31s.59 1.31 1.31 1.31 1.31-.59 1.31-1.31S10.53 5 9.81 5m-3.5 4.38c-.72 0-1.31.59-1.31 1.31S5.59 12 6.31 12s1.31-.59 1.31-1.31-.59-1.31-1.31-1.31M14.19 5c-.72 0-1.31.59-1.31 1.31s.59 1.31 1.31 1.31 1.31-.59 1.31-1.31S14.91 5 14.19 5m2.19 5.69c0 .72.59 1.31 1.31 1.31S19 11.41 19 10.69s-.59-1.31-1.31-1.31-1.31.59-1.31 1.31M12 2h-.09c-5.52 0-9.99 4.47-10 9.98 0 5.52 4.46 10.01 9.99 10.02h.02c.92 0 1.68-.74 1.68-1.67v-.03c.02-.41-.12-.8-.4-1.1-.23-.32-.37-.7-.4-1.1 0-.93.74-1.69 1.67-1.7h1.94c2.97 0 5.42-2.32 5.6-5.28.14-5-4.42-9.12-10-9.12Zm4.4 12.4h-1.94c-.98 0-1.91.4-2.6 1.1s-1.06 1.63-1.06 2.62v.12c.04.62.22 1.21.52 1.75-4.14-.3-7.42-3.77-7.41-7.99 0-4.4 3.6-7.99 8.03-7.99H12c2.36 0 4.59.9 6.13 2.48 1.25 1.28 1.91 2.89 1.88 4.55a3.63 3.63 0 0 1-3.6 3.37Z"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.