Add icons to this collection by clicking the heart icon.
Compass icon - also known as education, drawing, compass, measure, geometry, school material, measurement, and drawing compass. 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 512 512"
>
<linearGradient
id="d"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#560dff" />
<stop offset=".328" stop-color="#615eff" />
<stop offset=".652" stop-color="#6aaaff" />
<stop offset=".885" stop-color="#71daff" />
<stop offset="1" stop-color="#73ecff" />
</linearGradient>
<radialGradient
id="e"
cx="581.451"
cy="370.606"
r=".676"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6b23ea" stop-opacity=".5" />
<stop offset=".021" stop-color="#682ce9" stop-opacity=".49" />
<stop offset=".138" stop-color="#5658e5" stop-opacity=".431" />
<stop offset=".26" stop-color="#477de2" stop-opacity=".37" />
<stop offset=".386" stop-color="#3b9ce0" stop-opacity=".307" />
<stop offset=".518" stop-color="#31b4de" stop-opacity=".241" />
<stop offset=".658" stop-color="#2ac5dc" stop-opacity=".171" />
<stop offset=".81" stop-color="#26cfdb" stop-opacity=".095" />
<stop offset="1" stop-color="#25d2db" stop-opacity="0" />
</radialGradient>
<linearGradient
id="f"
x1="61.312"
x2="429.513"
y1="398.964"
y2="30.763"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#560dff" />
<stop offset="1" stop-color="#73ecff" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#73ecff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="-506.268"
x2="366.234"
y1="1014.212"
y2="141.71"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#43dcc7" />
<stop offset=".019" stop-color="#4ae0ca" stop-opacity=".978" />
<stop offset=".096" stop-color="#60ebd2" stop-opacity=".892" />
<stop offset=".185" stop-color="#71f4d8" stop-opacity=".791" />
<stop offset=".296" stop-color="#7cfadd" stop-opacity=".665" />
<stop offset=".452" stop-color="#83fedf" stop-opacity=".489" />
<stop offset=".884" stop-color="#85ffe0" stop-opacity="0" />
</linearGradient>
<linearGradient
id="h"
x1="314.385"
x2="415.921"
y1="236.983"
y2="264.189"
gradientTransform="matrix(-1 0 0 1 627 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="438.273"
x2="502.875"
y1="243.372"
y2="260.682"
gradientTransform="matrix(-1 0 0 1 627 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#389fff" />
<stop offset=".121" stop-color="#45affa" />
<stop offset=".573" stop-color="#73e9e7" />
<stop offset=".79" stop-color="#85ffe0" />
<stop offset=".881" stop-color="#9dffe6" />
<stop offset="1" stop-color="#c2fff0" />
</linearGradient>
<linearGradient
id="j"
x1="124.748"
x2="389.686"
y1="400.419"
y2="135.481"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="473.802"
x2="208.832"
y1="457.146"
y2="192.176"
gradientTransform="rotate(90 276 241.929)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="383.63"
x2="241.276"
y1="497.863"
y2="355.508"
gradientTransform="rotate(90 276 241.929)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="384.073"
x2="241.073"
y1="221.645"
y2="78.645"
gradientTransform="rotate(90 276 241.929)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="326.386"
x2="184.249"
y1="463.372"
y2="381.31"
gradientTransform="scale(-1 1) rotate(15 -.154 -1962.536)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="59.678"
x2="443.182"
y1="268.61"
y2="-114.894"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="p"
cx="255.314"
cy="146.019"
r="70.7"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6b23ea" />
<stop offset=".229" stop-color="#5658e5" stop-opacity=".771" />
<stop offset=".486" stop-color="#418ce1" stop-opacity=".514" />
<stop offset=".71" stop-color="#32b2de" stop-opacity=".291" />
<stop offset=".888" stop-color="#28c9dc" stop-opacity=".112" />
<stop offset="1" stop-color="#25d2db" stop-opacity="0" />
</radialGradient>
<linearGradient
id="q"
x1="150.672"
x2="290.512"
y1="608.681"
y2="366.471"
gradientTransform="rotate(14.98 275.77 132.517)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="-447.78"
x2="523.597"
y1="914.359"
y2="-57.018"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="-342.469"
x2="647.406"
y1="982.538"
y2="-7.338"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#389fff" />
<stop offset=".121" stop-color="#45affa" />
<stop offset=".573" stop-color="#73e9e7" />
<stop offset=".79" stop-color="#85ffe0" />
<stop offset=".874" stop-color="#9dffe6" />
<stop offset=".984" stop-color="#c2fff0" />
</linearGradient>
<linearGradient
id="t"
x1="-111.815"
x2="540.438"
y1="574.899"
y2="-77.354"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="u"
cx="256"
cy="143.898"
r="110.386"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6b23ea" />
<stop offset=".029" stop-color="#6630e9" stop-opacity=".971" />
<stop offset=".142" stop-color="#555ae5" stop-opacity=".858" />
<stop offset=".26" stop-color="#467fe2" stop-opacity=".74" />
<stop offset=".383" stop-color="#3a9de0" stop-opacity=".617" />
<stop offset=".512" stop-color="#31b5de" stop-opacity=".488" />
<stop offset=".65" stop-color="#2ac5dc" stop-opacity=".35" />
<stop offset=".803" stop-color="#26cfdb" stop-opacity=".197" />
<stop offset="1" stop-color="#25d2db" stop-opacity="0" />
</radialGradient>
<linearGradient
id="v"
x1="56.214"
x2="291.104"
y1="642.357"
y2="235.516"
gradientTransform="rotate(14.98 275.77 132.517)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="164.362"
x2="281.843"
y1="455.016"
y2="251.533"
gradientTransform="rotate(14.98 275.77 132.517)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="x"
x1="595.065"
x2="176.207"
y1="538.735"
y2="296.907"
gradientTransform="scale(-1 1) rotate(15 -.154 -1962.536)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="362.263"
x2="152.774"
y1="404.462"
y2="283.513"
gradientTransform="scale(-1 1) rotate(15 -.154 -1962.536)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="z"
x1="-218.462"
x2="373.619"
y1="619.347"
y2="27.266"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="A"
x1="132.284"
x2="386.273"
y1="268.35"
y2="14.361"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<path
fill="url(#f)"
d="M301.952 158.177a5233.276 5233.276 0 0 0-91.904 0c-.128 30.675-.185 61.35-.171 92.026 30.749.03 61.497.03 92.246 0 .014-30.676-.043-61.351-.171-92.026z"
/>
<path
fill="url(#g)"
d="M394.348 259.476c-92.232.551-184.464.551-276.696 0-.015-5.013-.023-10.026-.026-15.038 92.249.103 184.499.103 276.748 0-.003 5.013-.011 10.026-.026 15.038z"
/>
<path
fill="url(#h)"
d="M194.512 259.808c40.992.109 81.984.109 122.976 0 .006-5.103.01-10.206.012-15.309-41 .02-81.999.02-122.999 0 .001 5.104.004 10.206.011 15.309z"
/>
<path
fill="url(#i)"
d="M117.652 259.476c25.62.153 51.24.264 76.86.332-.006-5.103-.01-10.206-.012-15.308-25.625-.013-51.25-.033-76.874-.062.003 5.013.011 10.026.026 15.038z"
/>
<path
fill="url(#j)"
d="m248.314 259.889.003 15.374c.001 4.245 3.441 7.69 7.683 7.69 4.241 0 7.681-3.445 7.683-7.69.001-5.125.003-10.249.003-15.374h-15.372z"
/>
<path
fill="url(#k)"
d="M256 221.452a7.688 7.688 0 0 0-7.687 7.688c-.001 10.249-.001 20.499.001 30.748.001 4.246 3.442 7.689 7.686 7.689s7.685-3.443 7.686-7.689c.002-10.249.002-20.498.001-30.748a7.688 7.688 0 0 0-7.687-7.688z"
/>
<path
fill="url(#l)"
d="M109.966 259.429c-.015-5-.025-10-.027-15-.002-4.14 3.442-7.503 7.688-7.51s7.685 3.363 7.687 7.527c.003 5.025.011 10.05.024 15.075.011 4.164-3.416 7.512-7.66 7.475s-7.699-3.427-7.712-7.567z"
/>
<path
fill="url(#m)"
d="M386.662 259.521c.014-5.025.022-10.05.024-15.075.002-4.164 3.441-7.535 7.687-7.527s7.69 3.371 7.688 7.51c-.003 5-.012 10-.027 15-.013 4.14-3.469 7.529-7.712 7.566-4.244.038-7.671-3.309-7.66-7.474z"
/>
<path
fill="url(#n)"
d="M337.508 423.31a8492.94 8492.94 0 0 1 11.008-19.045 5890.951 5890.951 0 0 1 9.031 36.299c.98 3.995-1.499 8.281-5.524 9.565s-8.083-.941-9.076-4.96a6218.36 6218.36 0 0 0-5.439-21.859z"
/>
<path
fill="url(#o)"
d="M271.223 106.176a3152.94 3152.94 0 0 0-30.446 0c.046-20.495.103-40.989.17-61.483.033-8.487 6.774-15.428 15.052-15.428s15.019 6.94 15.052 15.428c.069 20.494.126 40.989.172 61.483z"
/>
<path
fill="url(#p)"
d="M271.223 106.176a3152.94 3152.94 0 0 0-30.446 0c.046-20.495.103-40.989.17-61.483.033-8.487 6.774-15.428 15.052-15.428s15.019 6.94 15.052 15.428c.069 20.494.126 40.989.172 61.483z"
/>
<path
fill="url(#q)"
d="M174.492 423.31a8898.262 8898.262 0 0 0-11.007-19.045 5890.951 5890.951 0 0 0-9.031 36.299c-.98 3.995 1.499 8.281 5.524 9.565s8.084-.941 9.076-4.96a6003.723 6003.723 0 0 1 5.438-21.859z"
/>
<path
fill="url(#r)"
d="M143.623 357.54c-1.474 5.73-1.175 11.836.847 17.572 5.12 14.526 10.248 29.095 15.367 43.698 4.889 1.511 9.774 3.011 14.655 4.5 23.178-92.437 48.977-186.623 74.121-280.716a4217.242 4217.242 0 0 0-44.248-11.603c-20.76 76.24-41.588 152.084-60.742 226.549z"
/>
<path
fill="url(#s)"
d="M368.377 357.54c-13.881-53.965-28.641-108.654-43.617-163.693a11035.968 11035.968 0 0 0-39.543 30.1c17.971 66.898 35.795 133.574 52.291 199.363 4.881-1.489 9.767-2.989 14.655-4.5a25761.5 25761.5 0 0 1 15.367-43.698c2.022-5.736 2.321-11.842.847-17.572z"
/>
<path
fill="url(#t)"
d="M324.76 193.847c-5.689-20.908-11.41-41.867-17.125-62.857a4217.242 4217.242 0 0 0-44.248 11.603c7.249 27.125 14.551 54.257 21.83 81.353a84.836 84.836 0 0 0 39.543-30.099z"
/>
<path
fill="url(#u)"
d="M368.377 357.54c-19.154-74.466-39.982-150.309-60.742-226.55a3906.576 3906.576 0 0 0-103.269 0c-20.76 76.241-41.588 152.084-60.742 226.55-1.474 5.73-1.175 11.836.847 17.572 5.12 14.526 10.248 29.095 15.367 43.698 4.889 1.511 9.774 3.011 14.655 4.5 19.566-78.03 40.999-157.306 62.329-236.721 12.786-.031 25.572-.031 38.357 0 21.331 79.415 42.764 158.692 62.329 236.721 4.881-1.489 9.767-2.989 14.655-4.5a25761.5 25761.5 0 0 1 15.367-43.698c2.022-5.736 2.321-11.842.847-17.572z"
/>
<path
fill="url(#v)"
d="M195.2 342.641c-4.271 16.292-20.866 25.629-37.183 20.798-16.317-4.837-26.27-21.714-22.081-37.71 4.189-16.001 20.968-25.36 37.361-20.818 16.399 4.546 26.168 21.445 21.903 37.73z"
/>
<path
fill="url(#w)"
d="M180.4 338.451c-2.122 8.115-10.444 12.774-18.616 10.399-8.172-2.376-13.119-10.819-11.017-18.861 2.102-8.043 10.469-12.707 18.66-10.404 8.193 2.302 13.094 10.751 10.973 18.866z"
/>
<path
fill="url(#x)"
d="M316.8 342.641c4.271 16.292 20.866 25.629 37.183 20.798 16.317-4.837 26.27-21.714 22.081-37.71-4.188-16.001-20.968-25.36-37.361-20.818-16.399 4.546-26.168 21.445-21.903 37.73z"
/>
<path
fill="url(#y)"
d="M331.6 338.451c2.122 8.115 10.443 12.774 18.616 10.399 8.172-2.376 13.119-10.819 11.017-18.861-2.102-8.043-10.469-12.707-18.66-10.404-8.193 2.302-13.094 10.751-10.973 18.866z"
/>
<path
fill="url(#z)"
d="M309.54 144.897c.189 29.585-23.838 53.467-53.54 53.493-29.702-.026-53.73-23.908-53.54-53.493.209-29.575 24.237-54.117 53.54-54.132 29.304.015 53.331 24.558 53.54 54.132z"
/>
<path
fill="url(#z)"
d="M309.54 144.897c.189 29.585-23.838 53.467-53.54 53.493-29.702-.026-53.73-23.908-53.54-53.493.209-29.575 24.237-54.117 53.54-54.132 29.304.015 53.331 24.558 53.54 54.132z"
/>
<path
fill="url(#A)"
d="M278.946 144.636c.036 12.727-10.242 23.001-22.946 23.004-12.704-.003-22.982-10.277-22.946-23.004.037-12.725 10.315-23.121 22.946-23.121s22.909 10.395 22.946 23.121z"
/>
</svg>
More icons in the same style and category