Add icons to this collection by clicking the heart icon.
Ruler icon - also known as education, triangle, ruler, tool, graphic design, graphic tool, measuring, miscellaneous, edit tools, and construction and tools. Created in a clean gradient style, 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-61.875"
x2="-61.875"
y1="560.697"
y2="619.023"
gradientTransform="matrix(8 0 0 -8 735 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M296 0v336H40v144h400V0H296zm128 16v16h-56v16h56v16h-24v16h24v16h-56v16h56v16h-24v16h24v16h-56v16h56v16h-24v16h24v16h-56v16h56v16h-24v16h24v16h-56v16h56v16h-24v16h24v16h-56v16h56v84.688l-112-112V16h112zM56 352h244.688l112 112H56V352z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-67.875"
x2="-67.875"
y1="560.697"
y2="619.023"
gradientTransform="matrix(8 0 0 -8 735 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M88 384v48h208v-48H88zm192 32H104v-16h176v16z" fill="url(#b)" />
</svg>
More icons in the same style and category