Ruler Circle Button color filled icon
Diagonal ruler with graduated tick marks inside a circular outline button
About the Ruler Circle Button color filled 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 filled version of the ruler circle button icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
Get it free as an SVG vector or transparent PNG (16-512px), copy the SVG code, or restyle it in the free online editor — recolor any part, add gold, neon or gradient effects, animate it, or export EPS, PDF and DXF.
Free for personal and commercial use with attribution.





















