The Standard Icon Set

Tools

Ruler Dimension icon

A ruler with small tick marks, with a dimension line and end caps above it. Use for measurements, dimensions, or sizing.

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="M2.5 2.5V3.5H13.5V2.5M2.5 3.5V4.5M13.5 3.5V4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><rect x="2.5" y="6.5" width="11" height="7" rx="0.75" stroke="currentColor" stroke-width="1.182"/><path d="M5.5 6.5V8.5M8 6.5V9.5M10.5 6.5V8.5" 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.