Add icons to this collection by clicking the heart icon.
Swatch icon - also known as art, paint, color, palette, colours, swatch, ui, art and design, and swatches. Created in a clean lineal style with a black 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="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 0h-177.95a5 5 0 0 0-5 5v41.25a5 5 0 0 0 5 5h154.72"
transform="translate(224.31 380.76)"
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-163.167l-34.724 76.624a10 10 0 0 1-9.108 5.872h-162.973c-5.522 0-10-4.477-10-10v-292.903"
transform="translate(387.472 380.756)"
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-68.61c0-5.523 4.478-10 10-10h477c5.523 0 10 4.477 10 10v312.008c0 5.522-4.477 10-10 10h-74.037"
transform="translate(7.5 127.358)"
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.679-57.679"
transform="translate(161.118 280.723)"
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-74.882c-5.522 0-10 4.478-10 10v74.882c0 5.523 4.478 10 10 10H0c5.523 0 10-4.477 10-10V10C10 4.478 5.523 0 0 0Z"
transform="translate(151.118 223.044)"
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.679-57.679"
transform="translate(256 280.723)"
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-17.854c-5.523 0-10-4.477-10-10v-74.882c0-5.522 4.477-10 10-10h74.881c5.523 0 10 4.478 10 10V-10c0 5.523-4.477 10-10 10H32.99"
transform="translate(188.973 317.926)"
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.679-57.679"
transform="translate(350.882 280.723)"
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-74.882c-5.522 0-10 4.478-10 10v74.882c0 5.523 4.478 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.478 5.522 0 0 0Z"
transform="translate(340.882 223.044)"
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.68-57.679"
transform="translate(445.764 280.723)"
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-74.882c-5.523 0-10 4.478-10 10v74.882c0 5.523 4.477 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.478 5.522 0 0 0Z"
transform="translate(435.764 223.044)"
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.679-57.679"
transform="translate(161.118 185.841)"
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-74.882c-5.522 0-10 4.477-10 10v74.881c0 5.523 4.478 10 10 10H0c5.523 0 10-4.477 10-10V10C10 4.477 5.523 0 0 0Z"
transform="translate(151.118 128.163)"
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.679-57.679"
transform="translate(256 185.841)"
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-74.882c-5.522 0-10 4.477-10 10v74.881c0 5.523 4.478 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.477 5.522 0 0 0Z"
transform="translate(246 128.163)"
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.679-57.679"
transform="translate(350.882 185.841)"
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-74.882c-5.522 0-10 4.477-10 10v74.881c0 5.523 4.478 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.477 5.522 0 0 0Z"
transform="translate(340.882 128.163)"
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.68-57.679"
transform="translate(445.764 185.841)"
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-74.882c-5.523 0-10 4.477-10 10v74.881c0 5.523 4.477 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.477 5.522 0 0 0Z"
transform="translate(435.764 128.163)"
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 0h17.441"
transform="translate(66.236 92.804)"
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