Add icons to this collection by clicking the heart icon.
Drafting Compass icon - also known as compass, architecture, drafting, compass tool, edit tools, design tools, and drafting 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="36.673"
x2="36.673"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="18.028"
x2="18.028"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="18.658"
x2="18.658"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="34.584"
x2="34.584"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="48"
x2="48"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="51"
x2="51"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="24.292"
x2="24.292"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="45"
x2="45"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="30.66"
x2="30.66"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="24.58"
x2="24.58"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="12.366"
x2="12.366"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M39.225 54.115a39.44 39.44 0 0 1-4.537-1.338 1 1 0 0 0-.681 1.881 41.36 41.36 0 0 0 4.769 1.407 1.002 1.002 0 0 0 .449-1.95z"
/>
<path
fill="url(#c)"
d="M27.666 49.411c-8.949-5.447-15.43-14.426-17.781-24.636a1 1 0 0 0-1.949.449c2.471 10.731 9.283 20.169 18.69 25.895A.996.996 0 0 0 28 50.785a1 1 0 0 0-.334-1.374z"
/>
<path
fill="url(#d)"
d="M16.731 14h3.853a1 1 0 0 0 0-2h-3.853a1 1 0 0 0 0 2z"
/>
<path fill="url(#e)" d="M28.584 14h12a1 1 0 0 0 0-2h-12a1 1 0 0 0 0 2z" />
<path
fill="url(#f)"
d="M48 19.902c1.988 0 4-1.34 4-3.902s-2.012-3.902-4-3.902-4 1.34-4 3.902 2.012 3.902 4 3.902zm0-5.804c.923 0 2 .498 2 1.902s-1.077 1.902-2 1.902-2-.498-2-1.902 1.077-1.902 2-1.902z"
/>
<path
fill="url(#g)"
d="M51 22.416a1 1 0 0 0-1 1v23.853a1 1 0 0 0 2 0V23.416a1 1 0 0 0-1-1z"
/>
<path fill="url(#h)" d="M8 20h32.584a1 1 0 0 0 0-2H8a1 1 0 0 0 0 2z" />
<path
fill="url(#i)"
d="M45 57a1 1 0 0 0 1-1V23.416a1 1 0 0 0-2 0V56a1 1 0 0 0 1 1z"
/>
<path
fill="url(#j)"
d="M29.95 51.46c-.18.19-.29.45-.29.71s.11.52.29.71c.19.18.45.29.71.29s.52-.11.71-.29c.18-.19.29-.45.29-.71s-.11-.52-.29-.71c-.38-.37-1.05-.37-1.42 0z"
/>
<path
fill="url(#k)"
d="M24.58 14c.27 0 .52-.11.71-.29.19-.19.29-.45.29-.71 0-.27-.1-.52-.29-.71-.37-.37-1.04-.37-1.41 0-.19.19-.3.45-.3.71s.11.52.3.71c.19.18.44.29.7.29z"
/>
<path
fill="url(#f)"
d="M48 25c4.878 0 9-4.122 9-9s-4.122-9-9-9-9 4.122-9 9 4.122 9 9 9zm0-16c3.794 0 7 3.206 7 7s-3.206 7-7 7-7-3.206-7-7 3.206-7 7-7zM50.447 46.436a15.113 15.113 0 0 0-6.423 9.346 1 1 0 0 0 1.952.436 13.127 13.127 0 0 1 5.577-8.116 1 1 0 1 0-1.106-1.666z"
/>
<path
fill="url(#l)"
d="M7.999 20c.072 0 .146-.008.219-.024a15.11 15.11 0 0 0 9.346-6.423 1 1 0 1 0-1.666-1.106 13.124 13.124 0 0 1-8.116 5.577A1 1 0 0 0 7.999 20z"
/>
</svg>
More icons in the same style and category