palette icon
palette from Prime Icons by PrimeTek · Regular · MIT Free for personal and commercial use.
- Name
- palette
- Set
- Prime Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
paletteBootstrap IconspaletteBoxIcons v2paletteBoxIcons v2 SolidpaletteFont Awesome 6 SolidpaletteFont Awesome Solidpalette-outlineFlowbite IconspaletteHuge IconspaletteIconoirpaletteLine AwesomepaletteLucidepaletteMaterial Icon ThemepaletteMaterial SymbolspaletteMaterial Symbols LightpaletteMaterial Design Iconspalette-fillMingCute IconpalettePhosphorpalette-fillRemix Iconpalette-boldSolarpaletteTabler IconspaletteTDesign IconspaletteUnicons
Use the palette icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.07 4.25h-.11c-3.79 0-7.09 2.79-7.69 6.54c-.08.5.06 1.02.4 1.41c.33.39.8.61 1.3.61h.06c1.74 0 3.05.43 3.89 1.27c.85.85 1.27 2.18 1.26 3.95c0 .5.22.97.6 1.3c.32.28.73.43 1.14.42c.09 0 .18 0 .27-.02c3.79-.61 6.6-3.96 6.55-7.8c-.06-4.17-3.5-7.62-7.68-7.68Zm.89 14c-.06 0-.14-.01-.2-.06c-.03-.03-.08-.08-.08-.15c.01-2.19-.56-3.88-1.7-5.02c-1.13-1.13-2.8-1.71-4.95-1.71h-.06c-.08 0-.13-.05-.16-.08c-.02-.03-.08-.1-.06-.2c.49-3.02 3.15-5.28 6.21-5.28h.09c3.31.05 6.15 2.88 6.2 6.2c.04 3.1-2.23 5.81-5.28 6.3ZM9.94 9.02c0 .55-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01s.45-1.01 1.01-1.01s1.01.45 1.01 1.01m3.02-1.26c0 .55-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01s.45-1.01 1.01-1.01s1.01.45 1.01 1.01m1.01 1.26c0-.55.45-1.01 1.01-1.01s1.01.45 1.01 1.01s-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01m3.27 3.02c0 .55-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01s.45-1.01 1.01-1.01s1.01.45 1.01 1.01m-1.26 3.02c0 .55-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01s.45-1.01 1.01-1.01s1.01.45 1.01 1.01"/></svg>
React
import type { SVGProps } from "react";
export function PrimePalette(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.07 4.25h-.11c-3.79 0-7.09 2.79-7.69 6.54c-.08.5.06 1.02.4 1.41c.33.39.8.61 1.3.61h.06c1.74 0 3.05.43 3.89 1.27c.85.85 1.27 2.18 1.26 3.95c0 .5.22.97.6 1.3c.32.28.73.43 1.14.42c.09 0 .18 0 .27-.02c3.79-.61 6.6-3.96 6.55-7.8c-.06-4.17-3.5-7.62-7.68-7.68Zm.89 14c-.06 0-.14-.01-.2-.06c-.03-.03-.08-.08-.08-.15c.01-2.19-.56-3.88-1.7-5.02c-1.13-1.13-2.8-1.71-4.95-1.71h-.06c-.08 0-.13-.05-.16-.08c-.02-.03-.08-.1-.06-.2c.49-3.02 3.15-5.28 6.21-5.28h.09c3.31.05 6.15 2.88 6.2 6.2c.04 3.1-2.23 5.81-5.28 6.3ZM9.94 9.02c0 .55-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01s.45-1.01 1.01-1.01s1.01.45 1.01 1.01m3.02-1.26c0 .55-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01s.45-1.01 1.01-1.01s1.01.45 1.01 1.01m1.01 1.26c0-.55.45-1.01 1.01-1.01s1.01.45 1.01 1.01s-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01m3.27 3.02c0 .55-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01s.45-1.01 1.01-1.01s1.01.45 1.01 1.01m-1.26 3.02c0 .55-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01s.45-1.01 1.01-1.01s1.01.45 1.01 1.01"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.07 4.25h-.11c-3.79 0-7.09 2.79-7.69 6.54c-.08.5.06 1.02.4 1.41c.33.39.8.61 1.3.61h.06c1.74 0 3.05.43 3.89 1.27c.85.85 1.27 2.18 1.26 3.95c0 .5.22.97.6 1.3c.32.28.73.43 1.14.42c.09 0 .18 0 .27-.02c3.79-.61 6.6-3.96 6.55-7.8c-.06-4.17-3.5-7.62-7.68-7.68Zm.89 14c-.06 0-.14-.01-.2-.06c-.03-.03-.08-.08-.08-.15c.01-2.19-.56-3.88-1.7-5.02c-1.13-1.13-2.8-1.71-4.95-1.71h-.06c-.08 0-.13-.05-.16-.08c-.02-.03-.08-.1-.06-.2c.49-3.02 3.15-5.28 6.21-5.28h.09c3.31.05 6.15 2.88 6.2 6.2c.04 3.1-2.23 5.81-5.28 6.3ZM9.94 9.02c0 .55-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01s.45-1.01 1.01-1.01s1.01.45 1.01 1.01m3.02-1.26c0 .55-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01s.45-1.01 1.01-1.01s1.01.45 1.01 1.01m1.01 1.26c0-.55.45-1.01 1.01-1.01s1.01.45 1.01 1.01s-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01m3.27 3.02c0 .55-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01s.45-1.01 1.01-1.01s1.01.45 1.01 1.01m-1.26 3.02c0 .55-.45 1.01-1.01 1.01s-1.01-.45-1.01-1.01s.45-1.01 1.01-1.01s1.01.45 1.01 1.01"/></svg> </template>
CSS
.icon-palette {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.07%204.25h-.11c-3.79%200-7.09%202.79-7.69%206.54c-.08.5.06%201.02.4%201.41c.33.39.8.61%201.3.61h.06c1.74%200%203.05.43%203.89%201.27c.85.85%201.27%202.18%201.26%203.95c0%20.5.22.97.6%201.3c.32.28.73.43%201.14.42c.09%200%20.18%200%20.27-.02c3.79-.61%206.6-3.96%206.55-7.8c-.06-4.17-3.5-7.62-7.68-7.68Zm.89%2014c-.06%200-.14-.01-.2-.06c-.03-.03-.08-.08-.08-.15c.01-2.19-.56-3.88-1.7-5.02c-1.13-1.13-2.8-1.71-4.95-1.71h-.06c-.08%200-.13-.05-.16-.08c-.02-.03-.08-.1-.06-.2c.49-3.02%203.15-5.28%206.21-5.28h.09c3.31.05%206.15%202.88%206.2%206.2c.04%203.1-2.23%205.81-5.28%206.3ZM9.94%209.02c0%20.55-.45%201.01-1.01%201.01s-1.01-.45-1.01-1.01s.45-1.01%201.01-1.01s1.01.45%201.01%201.01m3.02-1.26c0%20.55-.45%201.01-1.01%201.01s-1.01-.45-1.01-1.01s.45-1.01%201.01-1.01s1.01.45%201.01%201.01m1.01%201.26c0-.55.45-1.01%201.01-1.01s1.01.45%201.01%201.01s-.45%201.01-1.01%201.01s-1.01-.45-1.01-1.01m3.27%203.02c0%20.55-.45%201.01-1.01%201.01s-1.01-.45-1.01-1.01s.45-1.01%201.01-1.01s1.01.45%201.01%201.01m-1.26%203.02c0%20.55-.45%201.01-1.01%201.01s-1.01-.45-1.01-1.01s.45-1.01%201.01-1.01s1.01.45%201.01%201.01%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.07%204.25h-.11c-3.79%200-7.09%202.79-7.69%206.54c-.08.5.06%201.02.4%201.41c.33.39.8.61%201.3.61h.06c1.74%200%203.05.43%203.89%201.27c.85.85%201.27%202.18%201.26%203.95c0%20.5.22.97.6%201.3c.32.28.73.43%201.14.42c.09%200%20.18%200%20.27-.02c3.79-.61%206.6-3.96%206.55-7.8c-.06-4.17-3.5-7.62-7.68-7.68Zm.89%2014c-.06%200-.14-.01-.2-.06c-.03-.03-.08-.08-.08-.15c.01-2.19-.56-3.88-1.7-5.02c-1.13-1.13-2.8-1.71-4.95-1.71h-.06c-.08%200-.13-.05-.16-.08c-.02-.03-.08-.1-.06-.2c.49-3.02%203.15-5.28%206.21-5.28h.09c3.31.05%206.15%202.88%206.2%206.2c.04%203.1-2.23%205.81-5.28%206.3ZM9.94%209.02c0%20.55-.45%201.01-1.01%201.01s-1.01-.45-1.01-1.01s.45-1.01%201.01-1.01s1.01.45%201.01%201.01m3.02-1.26c0%20.55-.45%201.01-1.01%201.01s-1.01-.45-1.01-1.01s.45-1.01%201.01-1.01s1.01.45%201.01%201.01m1.01%201.26c0-.55.45-1.01%201.01-1.01s1.01.45%201.01%201.01s-.45%201.01-1.01%201.01s-1.01-.45-1.01-1.01m3.27%203.02c0%20.55-.45%201.01-1.01%201.01s-1.01-.45-1.01-1.01s.45-1.01%201.01-1.01s1.01.45%201.01%201.01m-1.26%203.02c0%20.55-.45%201.01-1.01%201.01s-1.01-.45-1.01-1.01s.45-1.01%201.01-1.01s1.01.45%201.01%201.01%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/prime/palette.svg?color=%231a73e8&size=48
