Add icons to this collection by clicking the heart icon.
Ruler icon - also known as education, ruler, measure, and geometry. Created in a clean flat 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 33.867 33.867"
>
<linearGradient
id="b"
x1="14.001"
x2="14.001"
y1="87.802"
y2="3.999"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7e3f" />
<stop offset="1" stop-color="#ffbe3f" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#f5f8ff" />
<stop offset="1" stop-color="#a0c9ff" />
</linearGradient>
<linearGradient
id="c"
x1="4"
x2="114"
y1="103.75"
y2="103.75"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0056ff" />
<stop offset="1" stop-color="#0ab0f2" />
</linearGradient>
<linearGradient
id="d"
x1="12.081"
x2="12.081"
y1="30.163"
y2="32.808"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="6.789"
x2="6.789"
y1="30.163"
y2="32.808"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="17.373"
x2="17.373"
y1="30.163"
y2="32.808"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="22.664"
x2="22.664"
y1="30.163"
y2="32.808"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="27.956"
x2="27.956"
y1="30.163"
y2="32.808"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="12.097"
x2="12.806"
y1="32.808"
y2="30.163"
gradientTransform="rotate(90 14.424 19.442)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="1.058"
x2="3.712"
y1="11.642"
y2="11.642"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="1.058"
x2="3.712"
y1="6.35"
y2="6.35"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g paint-order="markers fill stroke">
<path
fill="url(#b)"
d="M14 4C8.46 4 4 8.46 4 14v71.5h40.5V14c0-5.54-4.46-10-10-10z"
transform="scale(.265)"
/>
<path
fill="url(#c)"
d="M4 83.5V114c0 5.54 4.46 10 10 10h100c5.54 0 10-4.46 10-10V93.5c0-5.54-4.46-10-10-10z"
transform="scale(.265)"
/>
<path
fill="#024292"
d="M1.851 23.482v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.322 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.324 0v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.323 0v.263h.53v-.263zm1.525 0v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.05 0v.263h.529v-.263zm1.323 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.322 0v.263h.53v-.263z"
/>
<path
fill="url(#d)"
d="M10.593 32.808v-1.33c0-.734.59-1.324 1.323-1.324s1.322.59 1.322 1.323v1.331z"
/>
<path
fill="url(#e)"
d="M1.058 7.673H2.39c.732 0 1.322-.59 1.322-1.323s-.59-1.323-1.322-1.323H1.058z"
/>
<path
fill="url(#f)"
d="M1.058 12.965H2.39c.732 0 1.322-.59 1.322-1.323s-.59-1.323-1.322-1.323H1.058z"
/>
<path
fill="#e53b38"
d="M10.318 2.119h-.264v.529h.264zm0 1.324h-.264v.529h.264zm0 1.322h-.264v.53h.264zm0 1.322h-.264v.53h.264zm0 1.324h-.264v.53h.264zm0 1.323h-.264v.529h.264zm0 1.322h-.264v.53h.264zm0 1.324h-.264v.53h.264zm0 1.525h-.264v.53h.264zm0 1.324h-.264v.53h.264zm0 1.323h-.264v.529h.264zm0 1.322h-.264v.53h.264zm0 1.324h-.264v.529h.264zm0 1.322h-.264v.53h.264zm0 1.323h-.264v.529h.264z"
/>
<path
fill="url(#g)"
d="M5.301 32.808v-1.33c0-.734.59-1.324 1.323-1.324s1.323.59 1.323 1.323v1.331z"
/>
<path
fill="url(#h)"
d="M15.884 32.808v-1.33c0-.734.59-1.324 1.323-1.324s1.323.59 1.323 1.323v1.331z"
/>
<path
fill="url(#i)"
d="M21.176 32.808v-1.33c0-.734.59-1.324 1.323-1.324s1.323.59 1.323 1.323v1.331z"
/>
<path
fill="url(#j)"
d="M26.468 32.808v-1.33c0-.734.59-1.324 1.323-1.324s1.322.59 1.322 1.323v1.331z"
/>
<path
fill="url(#k)"
d="M1.058 15.61H2.39c.732 0 1.322.59 1.322 1.323s-.59 1.323-1.322 1.323H1.058z"
/>
</g>
</svg>
More icons in the same style and category