Ruler Circle Button color outline icon
Diagonal ruler with graduated tick marks inside a circular outline button
About the Ruler Circle Button color 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 colour outline version of the ruler circle button icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
It downloads free as an SVG vector or transparent PNG in seven sizes, and the free online editor lets you recolor it, apply gold, silver, neon and gradient styles, add animation, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
