vignette outline

Material Symbols icon · vignette-outline

License: Apache 2.0
Author: Google
Grid: 24×24

Check the license before commercial use. Some sets ask you to credit the author.

Use this icon in your code

Pick how you want to install it. The snippets follow the color, size and stroke you set in the panel.

Smallest install: just this one library.

terminal

npm install @rdicons/react-material-symbols

your code

import { VignetteOutline } from '@rdicons/react-material-symbols'

export function Example() {
  return <VignetteOutline />
}

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#000000" d="M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm0-2h16V6H4zm0 0V6zm12.225-3.187Q18 13.625 18 12t-1.775-2.812T12 8T7.775 9.188T6 12t1.775 2.813T12 16t4.225-1.187M9.187 13.4Q8 12.8 8 12t1.188-1.4T12 10t2.813.6T16 12t-1.187 1.4T12 14t-2.812-.6"/></svg>

vignette outline

Use this icon in your code

SVG code

More from Material Symbols