Add icons to this collection by clicking the heart icon.
Ruler icon - also known as education, ruler, tool, measure, geometry, measurement, and protractor. 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 48 48"
>
<linearGradient
id="a"
x1="1.845"
x2="43.979"
y1="45.774"
y2="3.641"
gradientUnits="userSpaceOnUse"
>
<stop offset=".014" stop-color="#4279bd" />
<stop offset=".184" stop-color="#3f83ba" />
<stop offset=".476" stop-color="#389fb0" />
<stop offset=".852" stop-color="#2ccba2" />
<stop offset=".913" stop-color="#2ad39f" />
</linearGradient>
<linearGradient
id="b"
x1="-1.688"
x2="40.445"
y1="42.241"
y2=".108"
href="#a"
/>
<linearGradient
id="c"
x1="-4.214"
x2="37.919"
y1="39.714"
y2="-2.419"
href="#a"
/>
<linearGradient
id="d"
x1="-2.214"
x2="39.919"
y1="41.714"
y2="-.419"
href="#a"
/>
<linearGradient
id="e"
x1="-.214"
x2="41.919"
y1="43.714"
y2="1.581"
href="#a"
/>
<linearGradient
id="f"
x1="1.786"
x2="43.919"
y1="45.714"
y2="3.581"
href="#a"
/>
<linearGradient
id="g"
x1="3.786"
x2="45.919"
y1="47.714"
y2="5.581"
href="#a"
/>
<linearGradient
id="h"
x1="5.786"
x2="47.919"
y1="49.714"
y2="7.581"
href="#a"
/>
<linearGradient
id="i"
x1="7.786"
x2="49.919"
y1="51.714"
y2="9.581"
href="#a"
/>
<linearGradient
id="j"
x1="9.786"
x2="51.919"
y1="53.714"
y2="11.581"
href="#a"
/>
<linearGradient
id="k"
x1="11.786"
x2="53.919"
y1="55.714"
y2="13.581"
href="#a"
/>
<linearGradient
id="l"
x1="3.286"
x2="45.419"
y1="47.214"
y2="5.081"
href="#a"
/>
<linearGradient
id="m"
x1="5.286"
x2="47.419"
y1="49.214"
y2="7.081"
href="#a"
/>
<linearGradient
id="n"
x1="7.286"
x2="49.419"
y1="51.214"
y2="9.081"
href="#a"
/>
<linearGradient
id="o"
x1="9.286"
x2="51.419"
y1="53.214"
y2="11.081"
href="#a"
/>
<linearGradient
id="p"
x1="11.286"
x2="53.419"
y1="55.214"
y2="13.081"
href="#a"
/>
<linearGradient
id="q"
x1="13.286"
x2="55.419"
y1="57.214"
y2="15.081"
href="#a"
/>
<linearGradient
id="r"
x1="15.286"
x2="57.419"
y1="59.214"
y2="17.081"
href="#a"
/>
<linearGradient
id="s"
x1="17.286"
x2="59.419"
y1="61.214"
y2="19.081"
href="#a"
/>
<linearGradient
id="t"
x1="19.286"
x2="61.419"
y1="63.214"
y2="21.081"
href="#a"
/>
<linearGradient
id="u"
x1="9.536"
x2="51.669"
y1="53.464"
y2="11.331"
href="#a"
/>
<path
fill="url(#a)"
d="M43 30H5a2.002 2.002 0 0 1-2-2v-8a2.002 2.002 0 0 1 2-2h5v-.608a14.698 14.698 0 0 1 4.099-10.075A13.668 13.668 0 0 1 24 3h.009A14.008 14.008 0 0 1 38 17v1h5a2.002 2.002 0 0 1 2 2v8a2.002 2.002 0 0 1-2 2zM5 20v8h38v-8.002L37 20a1 1 0 0 1-1-1v-2A12.007 12.007 0 0 0 24.007 5H24a11.684 11.684 0 0 0-8.459 3.703A12.68 12.68 0 0 0 12 17.392V19a1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M31 20H17a1 1 0 0 1-1-1v-2a8 8 0 0 1 16 0v2a1 1 0 0 1-1 1zm-13-2h12v-1a6 6 0 0 0-12 0z"
/>
<path
fill="url(#c)"
d="M8 30a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M12 30a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M16 30a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M20 30a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#g)"
d="M24 30a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#h)"
d="M28 30a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#i)"
d="M32 30a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#j)"
d="M36 30a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#k)"
d="M40 30a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#l)"
d="M8 45a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#m)"
d="M12 45a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#n)"
d="M16 45a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#o)"
d="M20 45a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#p)"
d="M24 45a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#q)"
d="M28 45a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#r)"
d="M32 45a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#s)"
d="M36 45a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#t)"
d="M40 45a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#u)"
d="M43 45H5a2.002 2.002 0 0 1-2-2v-8a2.002 2.002 0 0 1 2-2h38a2.002 2.002 0 0 1 2 2v8a2.002 2.002 0 0 1-2 2zM5 35v8h38.001L43 35z"
/>
</svg>
More icons in the same style and category