⭐ 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.

Top Rated #3 Product of Day Top 8 Calendar Tool (G2)

2 Years of Cal ID Pro — FREE (#1 Free Calendly Alternative)

Team features worth $1440 free

Days

Hrs

Mins

Secs

100% OFF

Teams

$1,440 Value

Remove "Powered By" Branding
Unlimited Everything
Accept Payments

Get Access Now

No credit card required

Colors Swatch Icon SVG

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.

2 Years of Cal ID Pro — FREE (#1 Free Calendly Alternative)

Colors Swatch Icon SVG

Colors Swatch

Colors swatch SVG Icon Code | Customize color

Colors swatch

Svg Code

Colors swatch

Svg Code

Colors swatch

Svg Code

Colors swatch

Svg Code

Colors swatch

Svg Code

Advance Editor

Related Icons