The Standard Icon Set

Design

Component icon

Four small diamonds arranged in a larger diamond pattern, with the center left open. Use for components, reusable parts, or design systems.

Also searched as design system, symbol.

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"><path d="M8 2L10.25 4.25L8 6.5L5.75 4.25L8 2Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M11.75 5.75L14 8L11.75 10.25L9.5 8L11.75 5.75Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M8 9.5L10.25 11.75L8 14L5.75 11.75L8 9.5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M4.25 5.75L6.5 8L4.25 10.25L2 8L4.25 5.75Z" 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.