Palette icon in outline, twotone, bold and bulk. Free in all four styles, for editors, canvas, layers, colour, alignment, grids. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconPalette } from "@devigner-ui/icons";
<IconPalette className="size-6" />
<script setup>
import { IconPalette } from "@devigner-ui/icons-vue";
</script>
<template>
<IconPalette class="size-6" />
</template>
<script>
import { IconPalette } from "@devigner-ui/icons-svelte";
</script>
<IconPalette class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 6c0-1.4 0-2.1.27-2.63a2.5 2.5 0 0 1 1.1-1.1C3.9 2 4.6 2 6 2s2.1 0 2.63.27q.73.37 1.1 1.1C10 3.9 10 4.6 10 6v12c0 1.4 0 2.1-.27 2.64a2.5 2.5 0 0 1-1.1 1.09C8.1 22 7.4 22 6 22s-2.1 0-2.63-.27a2.5 2.5 0 0 1-1.1-1.1C2 20.1 2 19.4 2 18z" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M7 19H5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m13.31 4.93-2.14 2.14c-.58.58-.87.87-1.02 1.24-.15.36-.15.77-.15 1.59v9.66l8.97-8.97c1-1 1.49-1.49 1.67-2.06a2.5 2.5 0 0 0 0-1.55c-.18-.57-.68-1.06-1.67-2.05-.99-1-1.48-1.49-2.06-1.67a2.5 2.5 0 0 0-1.54 0c-.57.18-1.07.68-2.06 1.67" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M6 22h12c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 0 0 1.09-1.1C22 20.1 22 19.4 22 18s0-2.1-.27-2.63a2.5 2.5 0 0 0-1.1-1.1C20.1 14 19.4 14 18 14h-2.5" stroke="currentColor" stroke-width="1.5"></path></svg>