Add icons to this collection by clicking the heart icon.
Swatches icon - also known as art, paint, color, palette, colours, swatch, paint swatch, art and design, swatches, and edit tools. Created in a clean lineal color style, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-347.684 211.13-72.752-119.806 347.684-211.13c8.978-5.452 20.676-2.594 26.128 6.384L6.385-26.128C11.837-17.15 8.978-5.452 0 0"
transform="translate(495.35 262.593)"
fill="#f8eed3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-33.615-55.357c-3.226-5.313-1.535-12.235 3.778-15.461l55.357-33.615c5.313-3.227 12.235-1.535 15.461 3.778l33.615 55.357c3.227 5.312 1.535 12.235-3.778 15.461L15.462 3.778C10.149 7.004 3.226 5.313 0 0"
transform="translate(168.033 417.248)"
fill="#f1cf79"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-33.615-55.357c-3.226-5.313-1.535-12.235 3.778-15.461l55.357-33.615c5.313-3.227 12.235-1.535 15.461 3.778l33.615 55.356c3.227 5.313 1.535 12.236-3.778 15.462L15.461 3.778C10.149 7.004 3.226 5.313 0 0"
transform="translate(377.506 290.046)"
fill="#d4b25f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-55.357 33.615c-5.313 3.226-7.004 10.149-3.778 15.462l33.615 55.356c3.226 5.313 10.149 7.005 15.462 3.779l55.356-33.616c5.313-3.226 7.005-10.148 3.779-15.461L15.462 3.778C12.235-1.535 5.313-3.226 0 0"
transform="translate(298.29 249.213)"
fill="#e2c171"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-189.258 360.057-124.071-65.215L-124.07-65.215c4.887-9.298 16.386-12.874 25.684-7.986l90.4 47.517C1.312-20.797 4.887-9.298 0 0"
transform="translate(336.924 113.666)"
fill="#ecd8a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-57.327-30.133c-5.502-2.892-7.618-9.697-4.726-15.199l30.133-57.326c2.892-5.502 9.697-7.618 15.199-4.726l57.327 30.133c5.502 2.892 7.618 9.696 4.726 15.199L15.199-4.726C12.307.776 5.502 2.892 0 0"
transform="translate(136.033 414.825)"
fill="#ee8688"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-57.327-30.133c-5.502-2.892-7.618-9.697-4.726-15.199l30.133-57.326c2.892-5.502 9.697-7.618 15.199-4.726l57.327 30.133c5.502 2.892 7.618 9.696 4.726 15.198L15.199-4.726C12.307.776 5.502 2.892 0 0"
transform="translate(250.057 197.898)"
fill="#cf5564"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30.133 57.327c-2.892 5.502-.776 12.306 4.726 15.198l57.327 30.133c5.502 2.892 12.306.777 15.198-4.725l30.133-57.327c2.892-5.502.776-12.307-4.726-15.199L15.199-4.726C9.697-7.618 2.892-5.502 0 0"
transform="translate(161.125 203.703)"
fill="#e07e80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.504 0-19.019-8.515-19.019-19.019v-387.749c0-10.504 8.515-19.019 19.019-19.019h102.128c10.504 0 19.019 8.515 19.019 19.019V0z"
transform="translate(26.519 473.723)"
fill="#f8eed3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-64.764c-6.216 0-11.254-5.039-11.254-11.255v-64.763c0-6.216 5.038-11.255 11.254-11.255H0c6.216 0 11.255 5.039 11.255 11.255v64.763C11.255-5.039 6.216 0 0 0"
transform="translate(109.965 427.001)"
fill="#9dcde5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-64.764c-6.216 0-11.254-5.039-11.254-11.255v-64.763c0-6.216 5.038-11.255 11.254-11.255H0c6.216 0 11.255 5.039 11.255 11.255v64.763C11.255-5.039 6.216 0 0 0"
transform="translate(109.965 181.931)"
fill="#6686cc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v64.764c0 6.216 5.039 11.254 11.255 11.254h64.763c6.216 0 11.255-5.038 11.255-11.254V0c0-6.216-5.039-11.255-11.255-11.255H11.255C5.039-11.255 0-6.216 0 0"
transform="translate(33.946 228.448)"
fill="#7f9cdc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-64.764c-6.216 0-11.254-5.039-11.254-11.255v-64.763c0-6.216 5.038-11.255 11.254-11.255H0c6.216 0 11.255 5.039 11.255 11.255v64.763C11.255-5.039 6.216 0 0 0Z"
transform="translate(109.965 427.001)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-64.764c-6.216 0-11.254-5.039-11.254-11.255v-64.763c0-6.216 5.038-11.255 11.254-11.255H0c6.216 0 11.255 5.039 11.255 11.255v64.763C11.255-5.039 6.216 0 0 0Z"
transform="translate(109.965 181.931)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v64.764c0 6.216 5.039 11.254 11.255 11.254h64.763c6.216 0 11.255-5.038 11.255-11.254V0c0-6.216-5.039-11.255-11.255-11.255H11.255C5.039-11.255 0-6.216 0 0Z"
transform="translate(33.947 228.448)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-57.327-30.133c-5.502-2.892-7.618-9.697-4.726-15.199l30.133-57.326c2.892-5.502 9.697-7.618 15.199-4.726l57.327 30.133c5.502 2.892 7.618 9.696 4.726 15.198L15.199-4.726C12.307.776 5.502 2.892 0 0Z"
transform="translate(250.057 197.898)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.615-55.357c-3.226-5.313-1.535-12.235 3.778-15.461l55.357-33.615c5.313-3.227 12.235-1.535 15.461 3.778l33.615 55.357c3.227 5.312 1.535 12.235-3.778 15.461L15.461 3.778C10.149 7.004 3.226 5.313 0 0Z"
transform="translate(377.506 290.046)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-224.892 136.565 126.608-240.867 148.324-90.07c8.978-5.452 20.676-2.593 26.128 6.385l53.009 87.294c5.452 8.978 2.594 20.676-6.385 26.128L25.58-15.533"
transform="translate(372.558 337.159)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-30.133 57.327a11.2 11.2 0 0 1-3.565 4.018v-91.773l28.972 15.229C.776-12.307 2.892-5.502 0 0Z"
transform="translate(181.364 352.773)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-30.133 57.327c-2.892 5.502-9.697 7.618-15.199 4.726L-90.711 38.2V-15l13.46-25.606c2.892-5.502 9.696-7.618 15.198-4.726l57.327 30.133C.776-12.307 2.892-5.502 0 0Z"
transform="translate(238.377 244.309)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-237.96c0-10.504 8.515-19.019 19.019-19.019h102.128c10.504 0 19.019 8.515 19.019 19.019v406.768H19.019C8.515 168.808 0 160.293 0 149.789V29.926"
transform="translate(7.5 304.915)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 22.227 36.604c3.227 5.313 1.535 12.235-3.778 15.461L-36.908 85.68a11.21 11.21 0 0 1-8.778 1.235z"
transform="translate(220.402 335.346)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-55.357 33.615c-5.313 3.226-12.235 1.535-15.461-3.778l-33.227-54.717 10.843-20.627 47.903-29.09c5.313-3.226 12.236-1.534 15.462 3.779L3.778-15.461C7.004-10.149 5.313-3.226 0 0Z"
transform="translate(343.588 323.81)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-189.258 360.058V58.803l65.188-124.018c4.887-9.298 16.386-12.874 25.684-7.986l90.4 47.517C1.312-20.797 4.887-9.298 0 0Z"
transform="translate(336.924 113.666)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category