Add icons to this collection by clicking the heart icon.
Ruler icon - also known as education, ruler, tools, fitness, metric, and measuring tape. Created in a clean circular style with a black and pink 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="512"
height="512"
viewBox="0 0 512 512"
>
<pattern
id="a"
width="24.91"
height="24.92"
x="1232.5"
y="1586.942"
patternUnits="userSpaceOnUse"
viewBox="0 -24.92 24.91 24.92"
>
<path fill="none" d="M0-24.92h24.91V0H0z" />
<path fill="#fed480" d="M0-24.92h24.91V0H0z" />
</pattern>
<pattern
id="b"
width="24.91"
height="24.92"
x="1232.5"
y="1586.942"
patternUnits="userSpaceOnUse"
viewBox="0 -24.92 24.91 24.92"
>
<path fill="none" d="M0-24.92h24.91V0H0z" />
<path fill="#021938" d="M0-24.92h24.91V0H0z" />
</pattern>
<linearGradient
id="c"
x1="256"
x2="256"
y1="511"
y2="1"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cadfef" />
<stop offset="1" stop-color="#eff4f9" />
</linearGradient>
<pattern
id="d"
patternTransform="rotate(-6.6 87523.337 -116264.248) scale(2.118)"
href="#a"
/>
<pattern
id="e"
patternTransform="matrix(.864 1.016 -1.016 .864 -12131.928 9046.21)"
href="#b"
/>
<pattern
id="f"
patternTransform="matrix(.864 1.016 -1.016 .864 -12131.928 9046.21)"
href="#b"
/>
<pattern
id="g"
patternTransform="matrix(.864 1.016 -1.016 .864 -12131.928 9046.21)"
href="#b"
/>
<pattern
id="h"
patternTransform="matrix(.864 1.016 -1.016 .864 -12131.928 9046.21)"
href="#b"
/>
<pattern
id="i"
patternTransform="matrix(.864 1.016 -1.016 .864 -12131.928 9046.21)"
href="#b"
/>
<pattern
id="j"
patternTransform="matrix(.864 1.016 -1.016 .864 -12131.928 9046.21)"
href="#b"
/>
<pattern
id="k"
patternTransform="matrix(.864 1.016 -1.016 .864 -12131.928 9046.21)"
href="#b"
/>
<pattern
id="l"
patternTransform="matrix(.864 1.016 -1.016 .864 -12131.928 9046.21)"
href="#b"
/>
<pattern
id="m"
patternTransform="matrix(.864 1.016 -1.016 .864 -12131.928 9046.21)"
href="#b"
/>
<pattern
id="n"
patternTransform="matrix(.864 1.016 -1.016 .864 -12131.928 9046.21)"
href="#b"
/>
<pattern
id="o"
patternTransform="matrix(.864 1.016 -1.016 .864 -12131.928 9046.21)"
href="#b"
/>
<pattern
id="p"
patternTransform="matrix(.864 1.016 -1.016 .864 -12131.928 9046.21)"
href="#b"
/>
<pattern
id="q"
patternTransform="matrix(.864 1.016 -1.016 .864 -12131.928 9046.21)"
href="#b"
/>
<circle cx="256" cy="256" r="255" fill="url(#c)" />
<path
fill="url(#d)"
d="m169.985 87.363 254.561 254.561a17.605 17.605 0 0 1 0 24.963l-57.569 57.569a17.605 17.605 0 0 1-24.963 0L87.453 169.896a17.605 17.605 0 0 1 0-24.963l57.569-57.569a17.604 17.604 0 0 1 24.963-.001z"
/>
<path
fill="url(#e)"
d="M339.044 427.429c8.512 8.518 22.384 8.522 30.906 0l57.568-57.568a21.792 21.792 0 0 0 0-30.906L172.956 84.392c-8.275-8.281-22.626-8.281-30.906 0L84.482 141.96a21.792 21.792 0 0 0 0 30.906zM90.425 147.904l57.568-57.568a13.393 13.393 0 0 1 19.019 0l254.562 254.562a13.393 13.393 0 0 1 0 19.019l-57.568 57.568c-5.243 5.238-13.776 5.243-19.019 0L90.425 166.923a13.394 13.394 0 0 1 0-19.019z"
/>
<path
fill="url(#f)"
d="m121.758 173.094 10.557-10.558c1.642-1.642 1.642-4.302 0-5.944s-4.302-1.642-5.944 0l-10.557 10.557a4.202 4.202 0 0 0 0 5.944 4.201 4.201 0 0 0 5.944.001z"
/>
<path
fill="url(#g)"
d="m141.634 192.969 10.558-10.557c1.642-1.642 1.642-4.302 0-5.944s-4.302-1.642-5.944 0l-10.557 10.557a4.202 4.202 0 0 0 0 5.944 4.2 4.2 0 0 0 5.943 0z"
/>
<path
fill="url(#h)"
d="m161.506 212.842 21.865-21.862c1.642-1.642 1.642-4.302 0-5.944s-4.302-1.642-5.944 0l-21.865 21.862a4.202 4.202 0 0 0 0 5.944 4.202 4.202 0 0 0 5.944 0z"
/>
<path
fill="url(#i)"
d="M175.438 232.717a4.202 4.202 0 0 0 5.944 0l10.558-10.557c1.642-1.642 1.642-4.302 0-5.944s-4.302-1.642-5.944 0l-10.557 10.557a4.201 4.201 0 0 0-.001 5.944z"
/>
<path
fill="url(#j)"
d="m201.257 252.592 21.862-21.865c1.642-1.642 1.642-4.302 0-5.944s-4.302-1.642-5.944 0l-21.862 21.865c-1.642 1.642-1.642 4.302 0 5.944s4.302 1.642 5.944 0z"
/>
<path
fill="url(#k)"
d="M215.186 272.465a4.202 4.202 0 0 0 5.944 0l10.557-10.557c1.642-1.642 1.642-4.302 0-5.944s-4.302-1.642-5.944 0l-10.557 10.557a4.202 4.202 0 0 0 0 5.944z"
/>
<path
fill="url(#l)"
d="m241.005 292.34 21.865-21.865c1.642-1.642 1.642-4.302 0-5.944s-4.302-1.642-5.944 0l-21.865 21.865c-1.642 1.642-1.642 4.302 0 5.944s4.302 1.642 5.944 0z"
/>
<path
fill="url(#m)"
d="M254.934 312.213a4.202 4.202 0 0 0 5.944 0l10.56-10.558c1.642-1.642 1.642-4.302 0-5.944s-4.302-1.642-5.944 0l-10.56 10.558a4.202 4.202 0 0 0 0 5.944z"
/>
<path
fill="url(#n)"
d="m280.753 332.088 21.865-21.865c1.642-1.642 1.642-4.302 0-5.944s-4.302-1.642-5.944 0l-21.865 21.865c-1.642 1.642-1.642 4.302 0 5.944s4.302 1.642 5.944 0z"
/>
<path
fill="url(#o)"
d="M294.685 351.964a4.202 4.202 0 0 0 5.944 0l10.557-10.56c1.642-1.642 1.642-4.302 0-5.944s-4.302-1.642-5.944 0l-10.557 10.56a4.202 4.202 0 0 0 0 5.944z"
/>
<path
fill="url(#p)"
d="m320.501 371.836 21.865-21.865c1.642-1.642 1.642-4.302 0-5.944s-4.302-1.642-5.944 0l-21.865 21.865c-1.642 1.642-1.642 4.302 0 5.944s4.302 1.642 5.944 0z"
/>
<path
fill="url(#q)"
d="M334.433 391.712a4.202 4.202 0 0 0 5.944 0l10.557-10.56c1.642-1.642 1.642-4.302 0-5.944s-4.302-1.642-5.944 0l-10.557 10.56a4.202 4.202 0 0 0 0 5.944z"
/>
</svg>
More icons in the same style and category