⭐ Can I get Free Fill Half Icon SVG?

Yes, you can get free Fill Half SVG icons.

⭐ How to download free Fill Half Icon SVG code?

To download free Fill Half icons in SVG code click on the copy code button.

⭐ How to find the Fill Half Icon SVG path file?

You can get the Fill Half SVG file path from the above section.

⭐ What are the colors available for SVG Fill Half Icon?

You can check the Fill Half 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

Fill Half Icon SVG

Fill Half

Fill half SVG Icon Code | Customize color

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

Fill half

Svg Code

 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M9 2h2v2H9V2zm4 4V4h-2v2H9v2H7v2H5v2H3v2h2v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2v6h2V12h-2v-2h-2V8h-2V6h-2zm0 0v2h2v2h2v2h2v2H5v-2h2v-2h2V8h2V6h2z" fill="currentColor"/> </svg>

Fill half

Svg Code

 <svg style='color: white' fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M9 2h2v2H9V2zm4 4V4h-2v2H9v2H7v2H5v2H3v2h2v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2v6h2V12h-2v-2h-2V8h-2V6h-2zm0 0v2h2v2h2v2h2v2H5v-2h2v-2h2V8h2V6h2z" fill="currentColor"/> </svg>

Fill half

Svg Code

 <svg style='color: red' fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M9 2h2v2H9V2zm4 4V4h-2v2H9v2H7v2H5v2H3v2h2v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2v6h2V12h-2v-2h-2V8h-2V6h-2zm0 0v2h2v2h2v2h2v2H5v-2h2v-2h2V8h2V6h2z" fill="currentColor"/> </svg>

Fill half

Svg Code

 <svg style='color: blue' fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M9 2h2v2H9V2zm4 4V4h-2v2H9v2H7v2H5v2H3v2h2v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2v6h2V12h-2v-2h-2V8h-2V6h-2zm0 0v2h2v2h2v2h2v2H5v-2h2v-2h2V8h2V6h2z" fill="currentColor"/> </svg>

Fill half

Svg Code

 <svg style='color: #f3da35' fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M9 2h2v2H9V2zm4 4V4h-2v2H9v2H7v2H5v2H3v2h2v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2v6h2V12h-2v-2h-2V8h-2V6h-2zm0 0v2h2v2h2v2h2v2H5v-2h2v-2h2V8h2V6h2z" fill="currentColor"/> </svg>

Advance Editor

You can edit fill half as below. Change size color and background color of icon using below tool.

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

Fill Half Icon SVG

Fill Half

Fill half SVG Icon Code | Customize color

Fill half

Svg Code

Fill half

Svg Code

Fill half

Svg Code

Fill half

Svg Code

Fill half

Svg Code

Advance Editor

Related Icons