The Standard Icon Set

Tools

Pencil Ruler icon

An upright ruler with tick marks next to an upright pencil. Use for design, drafting, or editing tools.

Also searched as design, draft.

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="M3.5 2.5H6.5V13.5H3.5V2.5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M3.5 5H5M3.5 8H5M3.5 11H5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M10.5 2.5L8.98 4.607V11.983C8.98 12.385 9.14 12.771 9.43 13.056C9.71 13.34 10.1 13.5 10.5 13.5C10.9 13.5 11.29 13.34 11.57 13.056C11.86 12.771 12.02 12.385 12.02 11.983V4.607L10.5 2.5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M11.75 11.222H9.25" 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.