Swatches Light Icon SVG

SVG icon Swatches light is given below. SVG icon code for Swatches light can be used in websites, apps (Android/IOS), ppt, and other projects. You can customize & download the Swatches light Icon SVG file (HMTL/CSS) in different colors and sizes. You can get Svg Swatches light vector icon code for common colors like- white, black, red, green, blue, transparent, and other colors.

Swatches light Icon Svg Code | Path | Download

Download free Swatches Light SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Swatches Light Icon SVG code in HTML/Css from below.

Swatches Light


Swatches light SVG Icon Code | Customize color

You can get svg icon swatches light in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Swatches light

Download

Svg Code

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M36.7,173,60.9,35.9a7.9,7.9,0,0,1,9.2-6.5l55.2,9.7a8.1,8.1,0,0,1,6.5,9.3L107.5,186.3a36.1,36.1,0,0,1-41.1,29.3C46.5,212.4,33.2,192.9,36.7,173Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M118.3,124.8l72.9-26.5a8,8,0,0,1,10.3,4.8l19.2,52.6a8,8,0,0,1-4.8,10.2L84.3,213.8" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M220,162.5V208a8,8,0,0,1-8,8H72" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><circle cx="72" cy="180" r="10"/></svg>

Swatches light

Download

Svg Code

<svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M36.7,173,60.9,35.9a7.9,7.9,0,0,1,9.2-6.5l55.2,9.7a8.1,8.1,0,0,1,6.5,9.3L107.5,186.3a36.1,36.1,0,0,1-41.1,29.3C46.5,212.4,33.2,192.9,36.7,173Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M118.3,124.8l72.9-26.5a8,8,0,0,1,10.3,4.8l19.2,52.6a8,8,0,0,1-4.8,10.2L84.3,213.8" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M220,162.5V208a8,8,0,0,1-8,8H72" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><circle cx="72" cy="180" r="10"/></svg>

Swatches light

Download

Svg Code

<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M36.7,173,60.9,35.9a7.9,7.9,0,0,1,9.2-6.5l55.2,9.7a8.1,8.1,0,0,1,6.5,9.3L107.5,186.3a36.1,36.1,0,0,1-41.1,29.3C46.5,212.4,33.2,192.9,36.7,173Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M118.3,124.8l72.9-26.5a8,8,0,0,1,10.3,4.8l19.2,52.6a8,8,0,0,1-4.8,10.2L84.3,213.8" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M220,162.5V208a8,8,0,0,1-8,8H72" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><circle cx="72" cy="180" r="10"/></svg>

Swatches light

Download

Svg Code

<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M36.7,173,60.9,35.9a7.9,7.9,0,0,1,9.2-6.5l55.2,9.7a8.1,8.1,0,0,1,6.5,9.3L107.5,186.3a36.1,36.1,0,0,1-41.1,29.3C46.5,212.4,33.2,192.9,36.7,173Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M118.3,124.8l72.9-26.5a8,8,0,0,1,10.3,4.8l19.2,52.6a8,8,0,0,1-4.8,10.2L84.3,213.8" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M220,162.5V208a8,8,0,0,1-8,8H72" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><circle cx="72" cy="180" r="10"/></svg>

Swatches light

Download

Svg Code

<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M36.7,173,60.9,35.9a7.9,7.9,0,0,1,9.2-6.5l55.2,9.7a8.1,8.1,0,0,1,6.5,9.3L107.5,186.3a36.1,36.1,0,0,1-41.1,29.3C46.5,212.4,33.2,192.9,36.7,173Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M118.3,124.8l72.9-26.5a8,8,0,0,1,10.3,4.8l19.2,52.6a8,8,0,0,1-4.8,10.2L84.3,213.8" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M220,162.5V208a8,8,0,0,1-8,8H72" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><circle cx="72" cy="180" r="10"/></svg>


Advance Editor

You can edit swatches light as below. Change size color and background color of icon using below tool.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content





Advertisements



Swatches Light Icon SVG - Faq(s)?

⭐Can I get Free Swatches Light Icon SVG?

Yes, you can get free Swatches Light SVG icons.

⭐ How to download free Swatches Light Icon SVG code?

To download free Swatches Light icons in SVG code click on the copy code button.

⭐How to find the Swatches Light Icon SVG path file?

You can get the Swatches Light SVG file path from the above section.

⭐ What are the colors available for SVG Swatches Light Icon?

You can check the Swatches Light SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.



Advertisements

You may like these icons


Looking For More Icons?