Add icons to this collection by clicking the heart icon.
Swatch icon - also known as colours, menu, hamburger, swatch, options, and art and design. Created in a clean lineal color style with a white, gray, maroon, orange, and pink 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 300 300"
>
<circle cx="178" cy="116" r="86" fill="#ffc7c7" />
<path
fill="#4c241d"
d="M160 54c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-16c-2.205 0-4 1.793-4 4s1.795 4 4 4 4-1.793 4-4-1.795-4-4-4z"
/>
<circle cx="116" cy="50" r="4" fill="#4c241d" />
<path fill="#e2e2e2" d="M40 66h200v200H40z" />
<path
fill="#4c241d"
d="M240 270H40c-2.209 0-4-1.789-4-4V66c0-2.211 1.791-4 4-4h200c2.209 0 4 1.789 4 4v200c0 2.211-1.791 4-4 4zm-196-8h192V70H44z"
/>
<path fill="#6b4f5b" d="M168 250H56V82h168v168h-28" />
<path
fill="#4c241d"
d="M224 254h-28c-2.209 0-4-1.789-4-4s1.791-4 4-4h24V86H60v160h108c2.209 0 4 1.789 4 4s-1.791 4-4 4H56c-2.209 0-4-1.789-4-4V82c0-2.211 1.791-4 4-4h168c2.209 0 4 1.789 4 4v168c0 2.211-1.791 4-4 4z"
/>
<path fill="#e2e2e2" d="M76 106h24v24H76z" />
<path
fill="#4c241d"
d="M100 134H76c-2.209 0-4-1.789-4-4v-24c0-2.211 1.791-4 4-4h24c2.209 0 4 1.789 4 4v24c0 2.211-1.791 4-4 4zm-20-8h16v-16H80z"
/>
<path fill="#e66353" d="M116 118h88v12h-88z" />
<path
fill="#4c241d"
d="M204 134h-88c-2.209 0-4-1.789-4-4v-12c0-2.211 1.791-4 4-4h88c2.209 0 4 1.789 4 4v12c0 2.211-1.791 4-4 4zm-84-8h80v-4h-80z"
/>
<path fill="#e2e2e2" d="M76 150h24v24H76z" />
<path
fill="#4c241d"
d="M100 178H76c-2.209 0-4-1.789-4-4v-24c0-2.211 1.791-4 4-4h24c2.209 0 4 1.789 4 4v24c0 2.211-1.791 4-4 4zm-20-8h16v-16H80z"
/>
<path fill="#a9ba5a" d="M116 162h88v12h-88z" />
<path
fill="#4c241d"
d="M204 178h-88c-2.209 0-4-1.789-4-4v-12c0-2.211 1.791-4 4-4h88c2.209 0 4 1.789 4 4v12c0 2.211-1.791 4-4 4zm-84-8h80v-4h-80z"
/>
<path fill="#e2e2e2" d="M76 194h24v24H76z" />
<path
fill="#4c241d"
d="M100 222H76c-2.209 0-4-1.789-4-4v-24c0-2.211 1.791-4 4-4h24c2.209 0 4 1.789 4 4v24c0 2.211-1.791 4-4 4zm-20-8h16v-16H80z"
/>
<path fill="#ffce56" d="M116 206h88v12h-88z" />
<path
fill="#4c241d"
d="M204 222h-88c-2.209 0-4-1.789-4-4v-12c0-2.211 1.791-4 4-4h88c2.209 0 4 1.789 4 4v12c0 2.211-1.791 4-4 4zm-84-8h80v-4h-80z"
/>
</svg>
More icons in the same style and category