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, and edit 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="512"
height="512"
viewBox="0 0 490.007 490.007"
>
<linearGradient
id="a"
x1="0"
x2="490.007"
y1="245.004"
y2="245.004"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffeca0" />
<stop offset="1" stop-color="#e8bc00" />
</linearGradient>
<circle cx="245.003" cy="245.003" r="245.003" fill="url(#a)" />
<linearGradient
id="b"
x1="48.337"
x2="441.67"
y1="245.004"
y2="245.004"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff8d6b" />
<stop offset="1" stop-color="#f03200" />
</linearGradient>
<path d="M48.337 177.433H441.67v135.14H48.337z" fill="url(#b)" />
<linearGradient
id="c"
x1="97.004"
x2="384.145"
y1="282.915"
y2="282.915"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#b4b3b8" />
</linearGradient>
<path d="M91.086 253.257h20.242v59.317H91.086z" fill="url(#c)" />
<linearGradient
id="d"
x1="97.004"
x2="384.145"
y1="282.915"
y2="282.915"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#b4b3b8" />
</linearGradient>
<path d="M378.679 253.257h20.242v59.317h-20.242z" fill="url(#d)" />
<linearGradient
id="e"
x1="97.004"
x2="384.145"
y1="282.915"
y2="282.915"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#b4b3b8" />
</linearGradient>
<path d="M234.882 253.257h20.242v59.317h-20.242z" fill="url(#e)" />
<linearGradient
id="f"
x1="97.004"
x2="384.145"
y1="297.744"
y2="297.744"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#b4b3b8" />
</linearGradient>
<path d="M162.984 282.915h20.242v29.659h-20.242z" fill="url(#f)" />
<linearGradient
id="g"
x1="97.004"
x2="384.145"
y1="297.744"
y2="297.744"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#b4b3b8" />
</linearGradient>
<path d="M306.781 282.915h20.242v29.659h-20.242z" fill="url(#g)" />
</svg>
More icons in the same style and category