Add icons to this collection by clicking the heart icon.
Swatches icon - also known as colour, color palette, design, paints, art and design, swatches, pallete, and edit tools. Created in a clean flat style with a white, silver, red, teal, blue, purple, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 53 53"
>
<path
fill="#deddff"
d="M45.93 18.385 14.338 49.978a1.66 1.66 0 0 1-2.347 0l-9.001-9a1.66 1.66 0 0 1 0-2.348L34.582 7.036a1.66 1.66 0 0 1 2.348 0l9 9.001a1.66 1.66 0 0 1 0 2.348z"
/>
<path
fill="#c6c6f7"
d="m4.438 42.426-1.454-1.453a1.665 1.665 0 0 1 0-2.347l31.59-31.59a1.665 1.665 0 0 1 2.347 0l1.453 1.454a1.656 1.656 0 0 0-2.347 0L4.437 40.08c-.65.65-.65 1.696 0 2.346z"
/>
<path
fill="#65b9ff"
d="m43.304 18.114-5.137 5.137a1.277 1.277 0 0 1-1.806 0l-6.645-6.645a1.277 1.277 0 0 1 0-1.806l5.137-5.137a1.277 1.277 0 0 1 1.806 0l6.645 6.645a1.277 1.277 0 0 1 0 1.806z"
/>
<path
fill="#3e7fff"
d="m34.917 26.5-5.508 5.508a1.277 1.277 0 0 1-1.805 0l-6.645-6.645a1.277 1.277 0 0 1 0-1.805l5.507-5.508a1.277 1.277 0 0 1 1.806 0l6.645 6.645a1.277 1.277 0 0 1 0 1.806z"
/>
<path
fill="#2d72e2"
d="m26.16 35.258-5.499 5.498a1.277 1.277 0 0 1-1.805 0l-6.645-6.645a1.277 1.277 0 0 1 0-1.805l5.498-5.498a1.277 1.277 0 0 1 1.806 0l6.644 6.644a1.277 1.277 0 0 1 0 1.806z"
/>
<path
fill="#b5b5ea"
d="M12.522 43.226a1.967 1.967 0 0 1-2.781-2.78 1.964 1.964 0 0 1 2.772.009c.767.767.767 2.013.009 2.771z"
/>
<path
fill="#deddff"
d="M48.84 50.539H4.16a1.66 1.66 0 0 1-1.66-1.66V36.15c0-.916.743-1.659 1.66-1.659h44.68c.917 0 1.66.743 1.66 1.66v12.73a1.66 1.66 0 0 1-1.66 1.659z"
/>
<path
fill="#c6c6f7"
d="M2.5 38.2v-2.057c0-.906.74-1.66 1.66-1.66h44.674c.92 0 1.66.754 1.66 1.66V38.2c0-.92-.74-1.66-1.66-1.66H4.16c-.92 0-1.66.74-1.66 1.66z"
/>
<path
fill="#fcb73e"
d="M47.174 48.49H39.91a1.277 1.277 0 0 1-1.276-1.277v-9.397c0-.705.571-1.277 1.276-1.277h7.265c.705 0 1.277.572 1.277 1.277v9.397c0 .705-.572 1.277-1.277 1.277z"
/>
<path
fill="#fd982e"
d="M35.313 48.49h-7.788a1.277 1.277 0 0 1-1.277-1.277v-9.397c0-.705.572-1.277 1.277-1.277h7.788c.705 0 1.277.572 1.277 1.277v9.397c0 .705-.572 1.277-1.277 1.277z"
/>
<path
fill="#e87f21"
d="M22.928 48.49h-7.775a1.277 1.277 0 0 1-1.277-1.277v-9.397c0-.705.572-1.277 1.277-1.277h7.775c.705 0 1.277.572 1.277 1.277v9.397c0 .705-.571 1.277-1.277 1.277z"
/>
<path
fill="#b5b5ea"
d="M7.65 44.48a1.967 1.967 0 0 1 0-3.932c1.073 0 1.954.881 1.954 1.967a1.964 1.964 0 0 1-1.953 1.966z"
/>
<path
fill="#deddff"
d="M18.555 4.12v44.681a1.66 1.66 0 0 1-1.66 1.66H4.167a1.66 1.66 0 0 1-1.66-1.66V4.121c0-.917.744-1.66 1.66-1.66h12.73c.916 0 1.66.743 1.66 1.66z"
/>
<path
fill="#c6c6f7"
d="M6.215 50.46H4.16c-.907 0-1.66-.74-1.66-1.659V4.127c0-.92.753-1.66 1.66-1.66h2.055c-.919 0-1.66.74-1.66 1.66V48.8c0 .92.741 1.66 1.66 1.66z"
/>
<path
fill="#e83d62"
d="M16.506 5.787v7.265c0 .705-.571 1.276-1.277 1.276H5.832a1.277 1.277 0 0 1-1.276-1.276V5.787c0-.705.571-1.277 1.276-1.277h9.397c.706 0 1.277.572 1.277 1.277z"
/>
<path
fill="#ce2955"
d="M16.506 17.648v7.788c0 .705-.571 1.277-1.277 1.277H5.832a1.277 1.277 0 0 1-1.276-1.277v-7.788c0-.705.571-1.277 1.276-1.277h9.397c.706 0 1.277.572 1.277 1.277z"
/>
<path
fill="#ba2251"
d="M16.506 30.033v7.775c0 .705-.571 1.277-1.277 1.277H5.832a1.277 1.277 0 0 1-1.276-1.277v-7.775c0-.706.571-1.277 1.276-1.277h9.397c.706 0 1.277.571 1.277 1.277z"
/>
<path
fill="#b5b5ea"
d="M12.497 45.31a1.967 1.967 0 0 1-3.932 0c0-1.072.88-1.953 1.966-1.953 1.085 0 1.966.88 1.966 1.953z"
/>
</svg>
More icons in the same style and category