Add icons to this collection by clicking the heart icon.
Ruler icon - also known as ruler, geometry, graphic tool, measuring, square ruler, art and design, design tool, and edit tools. Created in a clean filled style with a white and black finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M352 15H160v482h192z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-42.667"
transform="matrix(1.33333 0 0 -1.33333 503.111 99.556)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-42.667"
transform="matrix(1.33333 0 0 -1.33333 503.111 264.162)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-42.667"
transform="matrix(1.33333 0 0 -1.33333 503.111 428.77)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.667"
transform="matrix(1.33333 0 0 -1.33333 179.555 99.556)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.667"
transform="matrix(1.33333 0 0 -1.33333 179.555 264.162)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.667"
transform="matrix(1.33333 0 0 -1.33333 179.555 428.77)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32C-14.327 32 0 17.673 0 0"
transform="matrix(1.33333 0 0 -1.33333 384 540.445)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</mask>
<g mask="url(#a)">
<path
d="M352 15H160v482h192z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M352 15H160v482h192z"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h-42.667"
transform="matrix(1.33333 0 0 -1.33333 503.111 99.556)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-42.667"
transform="matrix(1.33333 0 0 -1.33333 503.111 264.162)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-42.667"
transform="matrix(1.33333 0 0 -1.33333 503.111 428.77)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.667"
transform="matrix(1.33333 0 0 -1.33333 179.555 99.556)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.667"
transform="matrix(1.33333 0 0 -1.33333 179.555 264.162)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.667"
transform="matrix(1.33333 0 0 -1.33333 179.555 428.77)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g
clip-path="url(#c)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32C-14.327 32 0 17.673 0 0"
transform="translate(288 106.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</g>
</svg>
More icons in the same style and category