The Standard Icon Set

Design

Swatch Book icon

A tall swatch card with a dot at its base, with two more cards fanning out to the right. Use for color swatches, palettes, or themes.

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="2.5" width="4.5" height="11" rx="1" stroke="currentColor" stroke-linejoin="round" stroke-width="1.182"/><path d="M10.293 9.436L13.121 9.436C13.673 9.436 14.121 9.884 14.121 10.436L14.121 12.502C14.122 13.054 13.676 13.502 13.123 13.502L5.708 13.502" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M7.063 6.856L9.429 4.489C9.82 4.098 10.453 4.098 10.844 4.489L12.305 5.949C12.695 6.34 12.697 6.972 12.306 7.362L7.063 12.606" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M5.35 11.332C5.35 11.411 5.335 11.489 5.305 11.562C5.275 11.634 5.23 11.7 5.175 11.756C5.119 11.812 5.053 11.856 4.98 11.886C4.907 11.916 4.829 11.932 4.75 11.932C4.672 11.932 4.594 11.916 4.521 11.886C4.448 11.856 4.382 11.812 4.326 11.756C4.27 11.7 4.226 11.634 4.196 11.562C4.166 11.489 4.15 11.411 4.15 11.332C4.15 11.253 4.166 11.175 4.196 11.102C4.226 11.03 4.27 10.963 4.326 10.908C4.382 10.852 4.448 10.808 4.521 10.778C4.594 10.747 4.672 10.732 4.75 10.732C4.829 10.732 4.907 10.747 4.98 10.778C5.053 10.808 5.119 10.852 5.175 10.908C5.23 10.963 5.275 11.03 5.305 11.102C5.335 11.175 5.35 11.253 5.35 11.332Z" fill="currentColor"/></svg>

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

Related13