Vignette icon

material-symbolsfill

The Vignette icon is a solid SVG from the Material Symbols set (16,344 icons), drawn by Google and free under the Apache-2.0 license. Customize its color, and size below, then copy it as SVG, JSX, or a React component, or download a PNG. Commonly used for vignette.

Tags: vignette

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill="currentColor" d="M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm12.225-5.187Q18 13.625 18 12t-1.775-2.812T12 8T7.775 9.188T6 12t1.775 2.813T12 16t4.225-1.187"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Material Symbols icons

Vignette 2 Vignette 2 Outline Vignette 2 Outline Sharp Vignette 2 Sharp Vignette Outline Vignette Outline Rounded Vignette Outline Sharp Vignette Sharp 10k 10k Outline 10k Outline Rounded 10k Outline Sharp

Vignette in other icon sets

Vignette Vignette Vignette