Fill Half Icon SVG Icon Fill half 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.
Fill half Icon Svg Code | Path | Download Download free Fill Half SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other) . Check and download the Fill Half Icon SVG code in HTML/Css from below.
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.
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>
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>
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>
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>
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.
Fullscreen
tab 2 content
Tab 3 content
Fill Half Icon SVG - Faq(s)? ⭐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.
Customize