Ruler Circle Button black outline icon

SaveRuler Circle Button black outline icon
Color
StrokeRegular ·1.0×
Outline
Filled
Ruler Circle Button Black Filled icon
Color outline
Ruler Circle Button Color Outline icon
Color filled
Ruler Circle Button Color Filled icon

Diagonal ruler with graduated tick marks inside a circular outline button

✨ Ready styles — click one to customize it in the Advanced editor

About the Ruler Circle Button black outline icon

A straight ruler sits at a 45 degree angle inside a thin circular frame, its long edge marked with evenly spaced tick lines of alternating length like a centimeter scale. The button shape makes it read as a tool you tap. Use it for measurement toolbars in design software, dimension settings, school and math apps, print size options, and construction or interior planning screens.

The circle gives the mark a uniform footprint that lines up neatly with other round tool buttons, while the diagonal ruler fills the diameter corner to corner. It pairs with pencil, compass, scissors and grid icons from the same family. The ticks are fine detail, so avoid sizes under 24 px.

This is the black outline version of the ruler circle button icon: even, monoline strokes that stay crisp at small sizes and suit clean, minimal interfaces, wireframes and light backgrounds.

Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.

Free for personal and commercial use with attribution.

Icons with the same concept