The Standard Icon Set

Design

Vignette icon

A rounded rectangle with a rounded oval inset inside it. Use for vignette effects or darkened edges.

SVG
PNG
Size
Weight

Sizes

  • 16
  • 18
  • 20
  • 22
  • 24
  • 28
  • 32
  • 40
  • 48

Use it

Format
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2.5" y="3.5" width="11" height="9" rx="1" stroke="currentColor" stroke-linejoin="round" stroke-width="1.182"/><path d="M8 5.25C10.4 5.25 11.5 6.5 11.5 8C11.5 9.5 10.4 10.75 8 10.75C5.6 10.75 4.5 9.5 4.5 8C4.5 6.5 5.6 5.25 8 5.25Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/></svg>

Paste it into HTML. It draws in currentColor, so it takes the colour of the text around it.

Related15