Add icons to this collection by clicking the heart icon.
Compass icon - also known as education, school, university, college, student, compass, learning, academic, and drawing compass. Created in a clean flat gradient style with a silver, gray, and orange 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="10.41"
y2="1"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7aa8d7" />
<stop offset="1" stop-color="#c3d2e7" />
</linearGradient>
<linearGradient
id="c"
x1="17"
x2="17"
y1="63"
y2="24"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9a254" />
<stop offset="1" stop-color="#f4bb79" />
</linearGradient>
<linearGradient
id="b"
x1="33.27"
x2="33.27"
y1="54"
y2="15"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#949aaf" />
<stop offset="1" stop-color="#c6ccda" />
</linearGradient>
<linearGradient id="d" y1="20" y2="10" href="#a" />
<linearGradient id="e" x1="46" x2="46" y1="59" y2="49" href="#b" />
<linearGradient
id="f"
x1="17"
x2="17"
y1="46"
y2="40"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#474f72" />
<stop offset="1" stop-color="#878c9f" />
</linearGradient>
<linearGradient
id="g"
x1="17"
x2="17"
y1="63"
y2="55"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d1a788" />
<stop offset="1" stop-color="#f2d3b8" />
</linearGradient>
<path fill="url(#a)" d="M34 3v7.41h-4V3a2 2 0 0 1 4 0z" />
<path fill="#c7cdd8" d="M45 62v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0z" />
<path
fill="url(#c)"
d="M20 24h-6v31.68c0 .48-.39-.59 3 7.32 3.38-7.89 3-6.84 3-7.32z"
/>
<path
fill="url(#b)"
d="M46.61 49.06 43 54c-9.92-35.16-8.87-31.44-9.64-34.19h-2.72c-.64 2.3.59-2.07-6 21.19L20 43c-.07-4.29-1.07.6 7-28h10c1.58 5.61 5.85 20.74 9.61 34.06z"
/>
<path fill="#5b8dc9" d="M34 10.41h-4V8.29a7 7 0 0 1 4 0z" />
<path
fill="#adb3c4"
d="M38 18.58a6.94 6.94 0 0 1-4.11 3.15l-.54-1.92h-2.71l-.54 1.93a7 7 0 0 1-4.1-3.16L27 15h10z"
/>
<circle cx="32" cy="15" r="5" fill="url(#d)" />
<path
fill="url(#e)"
d="M46 49a3 3 0 0 1 3 3v5l-2 2h-2l-2-2v-5a3 3 0 0 1 3-3z"
/>
<path fill="#42455e" d="M47 53a1 1 0 0 1-2 0 1 1 0 0 1 2 0z" />
<path fill="url(#f)" d="M13 40h8v6h-8z" />
<path fill="#42455e" d="M13 44h8v2h-8z" />
<path fill="#575f7c" d="M25 45h-4v-4h4z" />
<path
fill="url(#g)"
d="M20 55.68c0 .48.39-.59-3 7.32-3.38-7.89-3-6.84-3-7.32a6.93 6.93 0 0 1 6 0z"
/>
<path fill="#42455e" d="M18.22 60.15 17 63l-1.22-2.85a5 5 0 0 1 2.44 0z" />
<path fill="#5b8dc9" d="M32 17a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
<path fill="#f2a961" d="M14 24h6v3h-6z" />
<path fill="#dd8b37" d="M14 46h6v3h-6z" />
</svg>
More icons in the same style and category