Add icons to this collection by clicking the heart icon.
Swatch icon - also known as computer, art, painting, painter, tool, artistic, paint bucket, swatch, paint swatch, and edit tools. Created in a clean gradient 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="8.753"
x2="524.203"
y1="401.161"
y2="103.566"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dcfdee" stop-opacity="0" />
<stop offset=".629" stop-color="#d2f3e4" />
</linearGradient>
<linearGradient
id="b"
x1="256.5"
x2="256.5"
y1="24.259"
y2="467.741"
gradientUnits="userSpaceOnUse"
>
<stop offset=".003" stop-color="#ff7eb8" stop-opacity="0" />
<stop offset="1" stop-color="#ff7eb8" stop-opacity=".6" />
</linearGradient>
<path
fill="url(#a)"
d="M418.32 2.5c-55.666-9.521-178.298 12.183-200.004 105.016-14.432 61.722-14.007 112.075-50.427 113.02-21.67.562-32.97-44.31-62.889-48.001-39.047-4.817-66.145 27.695-83.057 57.138-37.205 64.772-25.571 174.918 23.354 228.632 118.488 130.086 259.197-5.952 319.358-112.309 38.585-68.213 125.637-123.352 143.767-200.248C523.599 81.373 489.919 14.746 418.32 2.5z"
/>
<path
fill="#9fb0fe"
d="M385.25 467.741h-257.5c-5.523 0-10-4.477-10-10V34.259c0-5.523 4.477-10 10-10h257.5c5.523 0 10 4.477 10 10V457.74c0 5.524-4.477 10.001-10 10.001z"
/>
<path
fill="#6583fe"
d="M367.167 419.833H145.833a5 5 0 0 1-5-5v-229a5 5 0 0 1 5-5h221.333a5 5 0 0 1 5 5v229a4.998 4.998 0 0 1-4.999 5z"
/>
<path
fill="#4369fd"
d="M395.25 74.5H221.62V24.259h163.63c5.523 0 10 4.477 10 10z"
/>
<path
fill="#fff"
d="M196.647 155.965H169.86a5 5 0 0 1-5-5v-26.787a5 5 0 0 1 5-5h26.787a5 5 0 0 1 5 5v26.787a5 5 0 0 1-5 5zm-21.787-10h16.787v-16.787H174.86z"
/>
<path
fill="#ff5ba8"
d="M179.592 107.689v21.221a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5v-21.221a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#00b574"
d="M190.536 206.058v21.221a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5v-21.221a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#00d890"
d="M221.757 206.058v21.221a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5v-21.221a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#01eca5"
d="M252.978 206.058v21.221a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5v-21.221a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#02ffb3"
d="M284.199 206.058v21.221a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5v-21.221a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#97ffd2"
d="M315.42 206.058v21.221a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5v-21.221a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#dcfdee"
d="M346.641 206.058v21.221a5 5 0 0 1-5 5H320.42a5 5 0 0 1-5-5v-21.221a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#2d58e0"
d="M190.536 237.279V258.5a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5v-21.221a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#4369fd"
d="M221.757 237.279V258.5a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5v-21.221a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#8399fe"
d="M252.978 237.279V258.5a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5v-21.221a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#9fb0fe"
d="M284.199 237.279V258.5a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5v-21.221a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#b7c5ff"
d="M315.42 237.279V258.5a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5v-21.221a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#d2deff"
d="M346.641 237.279V258.5a5 5 0 0 1-5 5H320.42a5 5 0 0 1-5-5v-21.221a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#fe2c8f"
d="M190.536 268.5v21.221a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5V268.5a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#ff5ba8"
d="M221.757 268.5v21.221a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5V268.5a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#ff7eb8"
d="M252.978 268.5v21.221a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5V268.5a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#ffa8cf"
d="M284.199 268.5v21.221a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5V268.5a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#ffc4df"
d="M315.42 268.5v21.221a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5V268.5a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#ffdbed"
d="M346.641 268.5v21.221a5 5 0 0 1-5 5H320.42a5 5 0 0 1-5-5V268.5a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<path
fill="#2626bc"
d="M190.536 299.721v21.221a5 5 0 0 1-5 5h-21.221a5 5 0 0 1-5-5v-21.221a5 5 0 0 1 5-5h21.221a5 5 0 0 1 5 5z"
/>
<g fill="#d2deff">
<path
d="M187.92 59.061h-34.882a5 5 0 0 1 0-10h34.882a5 5 0 0 1 0 10zM365.317 113.567h-24.882a5 5 0 0 1 0-10h24.882a5 5 0 0 1 0 10zM365.317 129.178h-24.882a5 5 0 0 1 0-10h24.882a5 5 0 0 1 0 10zM365.317 144.788h-24.882a5 5 0 0 1 0-10h24.882a5 5 0 0 1 0 10zM362.923 60.037a4.987 4.987 0 0 1-3.536-1.464l-5.657-5.657a4.998 4.998 0 0 1 .001-7.072l5.657-5.657a5.001 5.001 0 0 1 7.071 7.071l-2.121 2.121 2.122 2.122a5 5 0 0 1-3.537 8.536zM343.626 60.037a4.984 4.984 0 0 1-3.536-1.465l-5.657-5.657a5 5 0 0 1 0-7.071l5.657-5.657a5.001 5.001 0 0 1 7.071 7.071l-2.121 2.121 2.121 2.122a5 5 0 0 1-3.535 8.536zM167.565 446.5h-14.882a5 5 0 0 1 0-10h14.882a5 5 0 0 1 0 10zM215.753 446.5h-14.882a5 5 0 0 1 0-10h14.882a5 5 0 0 1 0 10zM263.941 446.5h-14.882a5 5 0 0 1 0-10h14.882a5 5 0 0 1 0 10zM312.129 446.5h-14.882a5 5 0 0 1 0-10h14.882a5 5 0 0 1 0 10zM360.317 446.5h-14.882a5 5 0 0 1 0-10h14.882a5 5 0 0 1 0 10z"
/>
</g>
<path
fill="#ff7eb8"
d="M437.5 195.178a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 0 1 0-10c3.309 0 6-2.691 6-6a5 5 0 0 1 10 0c0 3.309 2.691 6 6 6a5 5 0 0 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<path
fill="#01eca5"
d="M69.5 320.721a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 0 1 0-10c3.309 0 6-2.691 6-6a5 5 0 0 1 10 0c0 3.309 2.691 6 6 6a5 5 0 0 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<path
fill="#ff7eb8"
d="M75.5 75.061a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 0 1 0-10c3.309 0 6-2.691 6-6a5 5 0 0 1 10 0c0 3.309 2.691 6 6 6a5 5 0 0 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<g fill="#6583fe">
<path
d="M443.5 251.058a5 5 0 0 1-3.536-8.535l10-10a5.001 5.001 0 0 1 7.071 7.071l-10 10a4.983 4.983 0 0 1-3.535 1.464zM59.5 396.5a5 5 0 0 1-3.536-8.535l10-10a5.001 5.001 0 0 1 7.071 7.071l-10 10A4.983 4.983 0 0 1 59.5 396.5z"
/>
</g>
<path
fill="url(#b)"
d="M385.25 467.741h-257.5c-5.523 0-10-4.477-10-10V34.259c0-5.523 4.477-10 10-10h257.5c5.523 0 10 4.477 10 10V457.74c0 5.524-4.477 10.001-10 10.001z"
/>
</svg>
More icons in the same style and category