Add icons to this collection by clicking the heart icon.
Compass icon - also known as draw, drawing, circle, compass, tool, school materials, design, art and design, and precision. Created in a clean lineal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 92.3-344.469a6 6 0 0 0-4.242-7.348l-20.414-5.47a6 6 0 0 0-7.349 4.243L49.113-311.31a6.051 6.051 0 0 1-.334.932L28.328-265.42c-.137.3-.248.612-.334.931L-35.712-26.735V0Z"
transform="translate(301.628 366.34)"
fill="#c3ddf4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-92.3 344.469h-23.516L-23.516 0a6 6 0 0 0-4.243-7.349l-4.268-1.143.022-.084a6 6 0 0 1 7.349-4.242l20.413 5.469A6 6 0 0 1 0 0"
transform="translate(393.929 21.87)"
fill="#9cc2ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.311 42.214-32.045-8.586c.056-.156.126-.308.168-.469l11.183-41.735a6 6 0 0 1 7.349-4.242l20.413 5.469A6 6 0 0 1 0 0"
transform="translate(393.929 21.87)"
fill="#ffaf10"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.311 42.214-21.941-5.879L-23.516 0a6 6 0 0 0-4.243-7.349l-4.268-1.143.022-.084a5.976 5.976 0 0 1 1.858-2.975 6.026 6.026 0 0 1 3.113-1.416 5.962 5.962 0 0 1 2.378.149l20.413 5.469A5.982 5.982 0 0 1-.122-3.505 5.975 5.975 0 0 1 0 0"
transform="translate(393.929 21.87)"
fill="#ff890a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v74.833a6 6 0 0 0 6 6h21.134a6 6 0 0 0 6-6V0Z"
transform="translate(240.582 423.666)"
fill="#c3ddf4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.134c-.494 0-.973-.066-1.433-.18A5.996 5.996 0 0 0-18-6v-74.833H6V-6a6 6 0 0 1-6 6"
transform="translate(267.716 504.5)"
fill="#9cc2ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.301 5.708a6 6 0 0 0-4.242 7.348l79.437 296.459h35.712v-26.736L25.899 45.025a5.973 5.973 0 0 0-.334-.931L7.014 3.312A6 6 0 0 0 0 0"
transform="translate(158.774 56.825)"
fill="#c3ddf4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15.677c0-7.341-.962-14.65-2.862-21.74l-60.845-227.072a5.9 5.9 0 0 0-.334-.931l-18.048-39.678 16.483-4.417a6 6 0 0 1 7.014 3.312l18.551 40.783c.137.3.249.612.334.931L24-26.735V0Z"
transform="translate(224.38 366.34)"
fill="#9cc2ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-27.449-22.252-49.701-49.701-49.701S-99.402-27.449-99.402 0s22.252 49.701 49.701 49.701S0 27.449 0 0"
transform="translate(306.85 388.534)"
fill="#293d7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.139 0-8.156-.514-12-1.468C9.65-6.837 25.701-26.391 25.701-49.701S9.65-92.565-12-97.935a49.8 49.8 0 0 1 12-1.467c27.449 0 49.701 22.252 49.701 49.701S27.449 0 0 0"
transform="translate(257.148 438.235)"
fill="#212d66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.15-7.417-16.568-16.567-16.568-9.151 0-16.568 7.418-16.568 16.568 0 9.15 7.417 16.568 16.568 16.568C-7.417 16.568 0 9.15 0 0"
transform="translate(273.716 388.534)"
fill="#ffaf10"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.132a6 6 0 0 0-6 6v37.65a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6"
transform="translate(267.714 181.499)"
fill="#ffaf10"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20a6 6 0 0 0 6-6v-37.65a6 6 0 0 0-6-6H0a6 6 0 0 1 6 6V-6a6 6 0 0 1-6 6"
transform="translate(267.714 231.15)"
fill="#ff890a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a16.474 16.474 0 0 1-10-3.381c3.983-3.025 6.567-7.799 6.567-13.187 0-5.388-2.584-10.161-6.567-13.187a16.474 16.474 0 0 1 10-3.38c9.15 0 16.567 7.417 16.567 16.567S9.15 0 0 0"
transform="translate(257.148 405.102)"
fill="#ff890a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-27.449-22.252-49.701-49.701-49.701S-99.402-27.449-99.402 0s22.252 49.701 49.701 49.701S0 27.449 0 0Z"
transform="translate(306.85 388.534)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.15-7.417-16.568-16.567-16.568-9.151 0-16.568 7.418-16.568 16.568 0 9.15 7.417 16.568 16.568 16.568C-7.417 16.568 0 9.15 0 0Z"
transform="translate(273.716 388.534)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v66.264h33.134V0"
transform="translate(240.582 438.235)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.135"
transform="translate(240.58 479.65)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 93.854-350.264-32.006-8.576-12.864 48.01-20.861 45.861-63.835 238.234"
transform="translate(301.628 366.34)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 32.006 8.576"
transform="translate(350.613 55.51)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-40.006-10.72"
transform="translate(369.755 112.092)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 24.003 6.432"
transform="translate(363.699 134.722)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 8.576-32.005"
transform="translate(383.414 157.155)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 20.861 45.861 63.835 238.234"
transform="translate(163.684 55.51)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-70.951-264.791"
transform="translate(187.469 272.295)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-17.284-64.503"
transform="translate(212.668 366.34)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-32.006 8.576"
transform="translate(163.684 55.51)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 40.006-10.72"
transform="translate(144.542 112.092)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M273.714 181.499h-33.132v49.65h33.132z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h20.321"
transform="translate(149.465 206.301)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h27.914"
transform="translate(212.668 206.324)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h27.915"
transform="translate(273.714 206.3)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h20.095"
transform="translate(344.511 206.3)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category