Add icons to this collection by clicking the heart icon.
Ruler icon - also known as education, drawing, ruler, school material, measuring utensils, and protractor. Created in a clean flat gradient style with a white 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 32 32"
>
<linearGradient
id="b"
x1="1.93"
x2="30.06"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e57373" />
<stop offset="1" stop-color="#ef9a9a" />
</linearGradient>
<linearGradient
id="c"
x1="11.83"
x2="24.07"
y1="14.05"
y2="14.05"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<linearGradient
id="a"
x1=".51"
x2="13.07"
y1="20.47"
y2="20.47"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1565c0" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient id="d" x1="13" x2="15" y1="28" y2="28" href="#a" />
<linearGradient id="e" x1="15" x2="17" y1="30" y2="30" href="#a" />
<g>
<path
fill="url(#b)"
d="M27.68 24.12a1 1 0 0 1 0 1.42l-4.25 4.24a1 1 0 0 1-.7.29 1 1 0 0 1-.71-.29l-2.12-2.12-1.41-1.41L10 17.76l-1.41-1.41-1.42-1.42-1.41-1.41-1.42-1.42L2.22 10a1 1 0 0 1 0-1.41l4.24-4.27a1 1 0 0 1 1.42 0l.73.74a13 13 0 0 1 18.33 18.33z"
/>
<path
d="M27.68 24.12a1 1 0 0 1 0 1.42l-1 1a1 1 0 0 0 0-1.41l-.74-.73A13 13 0 0 0 7.61 6.06l-.73-.74a1 1 0 0 0-1.41 0l1-1a1 1 0 0 1 1.42 0l.73.74a13 13 0 0 1 18.32 18.33z"
opacity=".15"
/>
<path
d="M23 10a7 7 0 0 0-9.9 0 1 1 0 0 0-.29.71 1 1 0 0 0 .29.7l8.49 8.49a1 1 0 0 0 .7.29 1 1 0 0 0 .71-.29 7 7 0 0 0 0-9.9z"
opacity=".15"
/>
<path
fill="url(#c)"
d="M22 10a7 7 0 0 0-9.9 0 1 1 0 0 0-.29.71 1 1 0 0 0 .29.7l8.49 8.49a1 1 0 0 0 .7.29 1 1 0 0 0 .71-.29 7 7 0 0 0 0-9.9z"
/>
<path
d="m8.58 12.69-1.82 1.83-1.42-1.42 1.83-1.83a1 1 0 0 1 1.41 1.42zM11.41 15.52l-1.82 1.83-1.42-1.42L10 14.1a1 1 0 0 1 1.41 0 1 1 0 0 1 0 1.42zM14.24 18.34l-1.83 1.83L11 18.76l1.83-1.83a1 1 0 1 1 1.41 1.41zM17.07 21.17 15.24 23l-1.41-1.41 1.83-1.83a1 1 0 0 1 1.41 1.41zM19.9 24l-1.83 1.83-1.41-1.41 1.82-1.83a1 1 0 0 1 1.42 0 1 1 0 0 1 0 1.41zM22.73 26.83l-1.83 1.83-1.41-1.41 1.82-1.83a1 1 0 0 1 1.42 1.41z"
opacity=".15"
/>
<g fill="#fff">
<path
d="m7.58 11.69-1.82 1.83-1.42-1.42 1.83-1.83a1 1 0 0 1 1.41 1.42zM10.41 14.52l-1.82 1.83-1.42-1.42L9 13.1a1 1 0 0 1 1.41 0 1 1 0 0 1 0 1.42zM13.24 17.34l-1.83 1.83L10 17.76l1.83-1.83a1 1 0 1 1 1.41 1.41zM16.07 20.17 14.24 22l-1.41-1.41 1.83-1.83a1 1 0 0 1 1.41 1.41zM18.9 23l-1.83 1.83-1.41-1.41 1.82-1.83a1 1 0 0 1 1.42 0 1 1 0 0 1 0 1.41zM21.73 25.83l-1.83 1.83-1.41-1.41 1.82-1.83a1 1 0 0 1 1.42 1.41z"
/>
</g>
<path
fill="url(#a)"
d="M12.07 26.74a1 1 0 0 1-.71-.29L.81 15.89a1 1 0 0 1 1.41-1.41L12.78 25a1 1 0 0 1 0 1.41 1 1 0 0 1-.71.33z"
/>
<circle cx="14" cy="28" r="1" fill="url(#d)" />
<circle cx="16" cy="30" r="1" fill="url(#e)" />
</g>
</svg>
More icons in the same style and category