Vignette Fill Icon SVG

Icon Vignette fill 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.

Vignette fill Icon Svg Code | Path | Download

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

Vignette Fill

Vignette fill SVG Icon Code | Customize color

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

Vignette fill

Svg Code

 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm-16,88c0,30.9-32.2,56-72,56s-72-25.1-72-56,32.2-56,72-56S200,97.1,200,128Z"/></svg>

Vignette fill

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="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm-16,88c0,30.9-32.2,56-72,56s-72-25.1-72-56,32.2-56,72-56S200,97.1,200,128Z"/></svg>

Vignette fill

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="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm-16,88c0,30.9-32.2,56-72,56s-72-25.1-72-56,32.2-56,72-56S200,97.1,200,128Z"/></svg>

Vignette fill

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="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm-16,88c0,30.9-32.2,56-72,56s-72-25.1-72-56,32.2-56,72-56S200,97.1,200,128Z"/></svg>

Vignette fill

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="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm-16,88c0,30.9-32.2,56-72,56s-72-25.1-72-56,32.2-56,72-56S200,97.1,200,128Z"/></svg>

Advance Editor

You can edit vignette fill 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

Vignette Fill Icon SVG - Faq(s)?

⭐Can I get Free Vignette Fill Icon SVG?

Yes, you can get free Vignette Fill SVG icons.

⭐ How to download free Vignette Fill Icon SVG code?

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

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

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

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

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