Colors Swatch Icon SVG

Icon Colors swatch SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.

Colors swatch Icon Svg Code | Path | Download

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

Colors Swatch

Colors swatch SVG Icon Code | Customize color

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

Colors swatch

Svg Code

 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M14 2h8v20H12V2h2zm6 2h-6v16h6V4zM10 20H4v-6h6v-2H6v-2H4V8h2V6h2V4h2V2H8v2H6v2H4v2H2v2h2v2H2v10h8v-2zm8-4h-2v2h2v-2z" fill="currentColor"/> </svg>

Colors swatch

Svg Code

 <svg style='color: white' fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M14 2h8v20H12V2h2zm6 2h-6v16h6V4zM10 20H4v-6h6v-2H6v-2H4V8h2V6h2V4h2V2H8v2H6v2H4v2H2v2h2v2H2v10h8v-2zm8-4h-2v2h2v-2z" fill="currentColor"/> </svg>

Colors swatch

Svg Code

 <svg style='color: red' fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M14 2h8v20H12V2h2zm6 2h-6v16h6V4zM10 20H4v-6h6v-2H6v-2H4V8h2V6h2V4h2V2H8v2H6v2H4v2H2v2h2v2H2v10h8v-2zm8-4h-2v2h2v-2z" fill="currentColor"/> </svg>

Colors swatch

Svg Code

 <svg style='color: blue' fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M14 2h8v20H12V2h2zm6 2h-6v16h6V4zM10 20H4v-6h6v-2H6v-2H4V8h2V6h2V4h2V2H8v2H6v2H4v2H2v2h2v2H2v10h8v-2zm8-4h-2v2h2v-2z" fill="currentColor"/> </svg>

Colors swatch

Svg Code

 <svg style='color: #f3da35' fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M14 2h8v20H12V2h2zm6 2h-6v16h6V4zM10 20H4v-6h6v-2H6v-2H4V8h2V6h2V4h2V2H8v2H6v2H4v2H2v2h2v2H2v10h8v-2zm8-4h-2v2h2v-2z" fill="currentColor"/> </svg>

Advance Editor

You can edit colors swatch as below. Change size color and background color of icon using below tool.

fontawesomeicons.com

Size

Stroke

shapes

Size

Stroke

tab 2 content

Tab 3 content

Related Icons

Colors Swatch Icon SVG - Faq(s)?

⭐Can I get Free Colors Swatch Icon SVG?

Yes, you can get free Colors Swatch SVG icons.

⭐ How to download free Colors Swatch Icon SVG code?

To download free Colors Swatch icons in SVG code click on the copy code button.

⭐How to find the Colors Swatch Icon SVG path file?

You can get the Colors Swatch SVG file path from the above section.

⭐ What are the colors available for SVG Colors Swatch Icon?

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