Add icons to this collection by clicking the heart icon.
Compass icon - also known as education, draw, drawing, compass, school materials, Tools and utensils, and miscellaneous. Created in a clean color 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="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="245.1433"
y1="448.0349"
x2="261.5133"
y2="448.0349"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<rect
x="236.937"
y="50.605"
width="26.287"
height="32.713"
fill="url(#SVGID_1_)"
/>
<path
d="M336.96,234.129H163.203c-1.157,0-2.094-0.938-2.094-2.094v-1.841c0-1.157,0.938-2.094,2.094-2.094 H336.96c1.157,0,2.094,0.938,2.094,2.094v1.841C339.055,233.191,338.116,234.129,336.96,234.129z"
fill="#333333"
/>
<linearGradient
id="SVGID_2_"
gradientUnits="userSpaceOnUse"
x1="239.8083"
y1="293.4974"
x2="258.2183"
y2="275.0874"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<circle cx="250.08" cy="231.118" r="10.352" fill="url(#SVGID_2_)" />
<linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="133.8128"
y1="35.7096"
x2="144.9938"
y2="32.6793"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<path
d="M148.238,453.628c1.029,5.502,0.877,10.683,0.447,15.789 c-0.48,5.093-1.441,10.054-2.749,14.921c-1.318,4.865-2.998,9.632-5.154,14.269c-2.208,4.623-4.7,9.169-8.383,13.393 c-1.043-5.506-0.895-10.688-0.463-15.793c0.483-5.092,1.444-10.054,2.765-14.917c1.331-4.862,3.01-9.629,5.17-14.265 C142.082,462.402,144.569,457.855,148.238,453.628z"
fill="url(#SVGID_3_)"
/>
<linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="157.5485"
y1="12.3312"
x2="142.4685"
y2="38.6412"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" stop-opacity="0" />
<stop offset="0.296" stop-color="#C4C4C4" stop-opacity="0.296" />
<stop offset="0.949" stop-color="#6D6D6D" stop-opacity="0.949" />
<stop offset="1" stop-color="#666666" />
</linearGradient>
<path
d="M148.238,453.628c-3.669,4.227-6.157,8.774-8.366,13.398 c-2.159,4.636-3.839,9.403-5.17,14.265c-0.983,3.618-1.764,7.289-2.3,11.028l0.074,0.1l6.067,10.586 c0.793-1.453,1.533-2.92,2.239-4.396c2.156-4.637,3.836-9.405,5.154-14.269c1.308-4.868,2.27-9.83,2.749-14.921 C149.116,464.31,149.267,459.129,148.238,453.628z"
fill="url(#SVGID_4_)"
/>
<linearGradient
id="SVGID_5_"
gradientUnits="userSpaceOnUse"
x1="131.2554"
y1="34.2404"
x2="159.2354"
y2="26.6404"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<path
d="M142.23,495.065l-9.755-2.647c-5.451-1.479-8.671-7.097-7.192-12.548l2.151-7.927 l29.495,8.003l-2.151,7.927C153.3,493.325,147.682,496.544,142.23,495.065z"
fill="url(#SVGID_5_)"
/>
<linearGradient
id="SVGID_6_"
gradientUnits="userSpaceOnUse"
x1="155.6963"
y1="12.5199"
x2="129.7263"
y2="57.8399"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" stop-opacity="0" />
<stop offset="0.143" stop-color="#DCDCDC" stop-opacity="0.143" />
<stop offset="0.384" stop-color="#C2C2C2" stop-opacity="0.384" />
<stop offset="0.692" stop-color="#979797" stop-opacity="0.692" />
<stop offset="1" stop-color="#666666" />
</linearGradient>
<path
d="M154.779,487.873l2.151-7.927l-29.495-8.003l-1.227,4.521l9.675,16.88l6.348,1.722 C147.682,496.544,153.3,493.325,154.779,487.873z"
fill="url(#SVGID_6_)"
/>
<linearGradient
id="SVGID_7_"
gradientUnits="userSpaceOnUse"
x1="177.5952"
y1="217.7395"
x2="217.4552"
y2="206.9295"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<path
d="M157.32,484.905l-32.728-8.881c-2.564-0.695-4.079-3.339-3.383-5.904l95.957-353.637 l42.014,11.4l-95.957,353.637C162.528,484.086,159.885,485.6,157.32,484.905z"
fill="url(#SVGID_7_)"
/>
<linearGradient
id="SVGID_8_"
gradientUnits="userSpaceOnUse"
x1="149.3798"
y1="99.5597"
x2="166.9798"
y2="94.7797"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#4D4D4D" />
<stop offset="1" stop-color="#333333" />
</linearGradient>
<path
d="M125.802,442.158c7.559-19.059,12.903-38.759,16.015-59.024 c0.865-5.631,5.277-9.936,10.102-9.782c11.976,0.382,23.193,3.425,33.719,9.149c4.242,2.306,5.872,8.251,3.771,13.547 c-7.559,19.059-12.903,38.758-16.015,59.024c-0.865,5.631-5.277,9.936-10.102,9.782c-11.977-0.382-23.193-3.426-33.719-9.149 C125.332,453.398,123.702,447.454,125.802,442.158z"
fill="url(#SVGID_8_)"
/>
<linearGradient
id="SVGID_9_"
gradientUnits="userSpaceOnUse"
x1="335.8745"
y1="100.948"
x2="366.4745"
y2="109.258"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<polygon
points="378.08,398.362 313.24,415.956 316.488,427.928 381.329,410.334"
fill="url(#SVGID_9_)"
/>
<path
d="M370.831,511.522L370.831,511.522c1.95-0.53,3.102-2.539,2.572-4.489l-6.251-23.039l-7.061,1.916 l6.251,23.039C366.871,510.899,368.881,512.05,370.831,511.522z"
fill="#333333"
/>
<linearGradient
id="SVGID_10_"
gradientUnits="userSpaceOnUse"
x1="369.0606"
y1="34.7123"
x2="341.0806"
y2="27.1223"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<path
d="M360.999,494.586l9.755-2.647c5.451-1.479,8.671-7.097,7.192-12.548l-2.151-7.927 l-29.495,8.003l2.151,7.927C349.93,492.845,355.548,496.065,360.999,494.586z"
fill="url(#SVGID_10_)"
/>
<linearGradient
id="SVGID_11_"
gradientUnits="userSpaceOnUse"
x1="385.9465"
y1="24.0933"
x2="340.6865"
y2="50.1533"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" stop-opacity="0" />
<stop offset="0.143" stop-color="#DCDCDC" stop-opacity="0.143" />
<stop offset="0.384" stop-color="#C2C2C2" stop-opacity="0.384" />
<stop offset="0.692" stop-color="#979797" stop-opacity="0.692" />
<stop offset="1" stop-color="#666666" />
</linearGradient>
<path
d="M377.988,479.489l-2.134-7.932l-29.511,7.941l1.217,4.523l16.86,9.71l6.351-1.709 C376.224,490.554,379.456,484.943,377.988,479.489z"
fill="url(#SVGID_11_)"
/>
<linearGradient
id="SVGID_12_"
gradientUnits="userSpaceOnUse"
x1="322.7217"
y1="218.218"
x2="282.8717"
y2="207.398"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<path
d="M345.91,484.426l32.728-8.881c2.564-0.695,4.079-3.339,3.383-5.904l-95.957-353.635 l-42.014,11.4l95.957,353.637C340.703,483.607,343.345,485.122,345.91,484.426z"
fill="url(#SVGID_12_)"
/>
<linearGradient
id="SVGID_13_"
gradientUnits="userSpaceOnUse"
x1="350.9471"
y1="100.0382"
x2="333.3471"
y2="95.2582"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#4D4D4D" />
<stop offset="1" stop-color="#333333" />
</linearGradient>
<path
d="M377.428,441.679c-7.559-19.059-12.903-38.759-16.015-59.024 c-0.865-5.631-5.277-9.936-10.102-9.782c-11.976,0.382-23.193,3.425-33.719,9.149c-4.242,2.306-5.872,8.251-3.771,13.547 c7.559,19.059,12.903,38.758,16.015,59.024c0.865,5.631,5.277,9.936,10.102,9.782c11.977-0.382,23.193-3.426,33.719-9.149 C377.898,452.919,379.528,446.975,377.428,441.679z"
fill="url(#SVGID_13_)"
/>
<linearGradient
id="SVGID_14_"
gradientUnits="userSpaceOnUse"
x1="374.8259"
y1="111.5226"
x2="382.3459"
y2="113.5526"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<path
d="M373.602,383.708L373.602,383.708c-4.395,1.193-6.992,5.723-5.799,10.118l6.951,25.617 c1.193,4.395,5.723,6.992,10.118,5.799l0,0c4.395-1.193,6.992-5.723,5.799-10.118l-6.951-25.617 C382.528,385.112,377.997,382.516,373.602,383.708z"
fill="url(#SVGID_14_)"
/>
<linearGradient
id="SVGID_15_"
gradientUnits="userSpaceOnUse"
x1="309.6554"
y1="93.8348"
x2="314.7354"
y2="95.2147"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<path
d="M310.515,413.322L310.515,413.322c-2.973,0.807-4.73,3.872-3.923,6.845l2.033,7.49 c0.807,2.973,3.872,4.73,6.845,3.923l0,0c2.973-0.807,4.73-3.872,3.923-6.845l-2.033-7.49 C316.552,414.271,313.488,412.515,310.515,413.322z"
fill="url(#SVGID_15_)"
/>
<linearGradient
id="SVGID_16_"
gradientUnits="userSpaceOnUse"
x1="338.5029"
y1="306.9221"
x2="270.1729"
y2="375.2421"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" stop-opacity="0" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<polygon
points="314.692,221.509 286.064,116.006 244.05,127.406 252.786,159.603"
fill="url(#SVGID_16_)"
/>
<linearGradient
id="SVGID_17_"
gradientUnits="userSpaceOnUse"
x1="253.9287"
y1="404.8655"
x2="8.5487"
y2="274.9755"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<circle cx="250.08" cy="113.157" r="43.745" fill="url(#SVGID_17_)" />
<linearGradient
id="SVGID_18_"
gradientUnits="userSpaceOnUse"
x1="249.1159"
y1="401.9024"
x2="3.7359"
y2="483.2724"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<circle cx="250.08" cy="113.157" r="27.403" fill="url(#SVGID_18_)" />
<linearGradient
id="SVGID_19_"
gradientUnits="userSpaceOnUse"
x1="273.5565"
y1="377.1357"
x2="250.7165"
y2="399.9756"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" stop-opacity="0" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<path
d="M276.115,121.716l-17.157-17.148c-2.238-2.322-5.386-3.782-8.881-3.782 c-6.834,0-12.364,5.541-12.364,12.376c0,3.483,1.448,6.631,3.77,8.881l17.149,17.149 C266.884,136.482,273.403,129.966,276.115,121.716z"
fill="url(#SVGID_19_)"
/>
<linearGradient
id="SVGID_20_"
gradientUnits="userSpaceOnUse"
x1="246.5335"
y1="401.8212"
x2="1.1535"
y2="373.6312"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<circle cx="250.08" cy="113.157" r="12.368" fill="url(#SVGID_20_)" />
<linearGradient
id="SVGID_21_"
gradientUnits="userSpaceOnUse"
x1="245.3656"
y1="402.2153"
x2="-0.0145"
y2="413.3853"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#E6E6E6" />
<stop offset="1" stop-color="#999999" />
</linearGradient>
<path
d="M256.524,111.107h-4.396v-4.396c0-1.13-0.916-2.047-2.046-2.047l0,0 c-1.13,0-2.046,0.916-2.046,2.047v4.396h-4.396c-1.13,0-2.047,0.916-2.047,2.047s0.916,2.047,2.047,2.047h4.396v4.396 c0,1.13,0.916,2.047,2.046,2.047l0,0c1.13,0,2.046-0.916,2.046-2.047V115.2h4.396c1.13,0,2.047-0.916,2.047-2.047 C258.57,112.023,257.654,111.107,256.524,111.107z"
fill="url(#SVGID_21_)"
/>
<linearGradient
id="SVGID_22_"
gradientUnits="userSpaceOnUse"
x1="242.5533"
y1="485.1409"
x2="261.8233"
y2="485.1409"
gradientTransform="matrix(1.0049 0 0 -1.0049 0.2382 517.1744)"
>
<stop offset="0" stop-color="#4D4D4D" />
<stop offset="1" stop-color="#333333" />
</linearGradient>
<path
d="M262.567,59.35h-24.971c-4.297,0-7.781-3.484-7.781-7.781V7.781 c0-4.297,3.484-7.781,7.781-7.781h24.971c4.297,0,7.781,3.484,7.781,7.781v43.789C270.347,55.866,266.864,59.35,262.567,59.35z"
fill="url(#SVGID_22_)"
/>
</svg>
More icons in the same style and category