Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, orientation, holidays, Tools and utensils, cardinal points, and maps and location. 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="100"
height="100"
viewBox="0 0 490.667 490.667"
>
<linearGradient
id="a"
x1="-43.331"
x2="-27.075"
y1="620.779"
y2="604.523"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M245.333 490.667c135.275 0 245.333-110.059 245.333-245.333S380.608 0 245.333 0 0 110.059 0 245.333s110.059 245.334 245.333 245.334zm0-469.334c123.52 0 224 100.48 224 224s-100.48 224-224 224-224-100.48-224-224 100.48-224 224-224z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-36.969"
x2="-33.435"
y1="614.418"
y2="610.884"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M124.651 376.683c1.899 0 3.797-.491 5.483-1.515l150.848-90.517c.277-.171.427-.512.704-.704.448-.32.96-.512 1.365-.896.405-.405.576-.896.896-1.344.213-.277.533-.427.725-.704l90.517-150.848a10.68 10.68 0 0 0-1.6-13.035c-3.499-3.456-8.896-4.117-13.013-1.6l-150.848 90.517c-.277.171-.427.512-.704.704-.448.32-.96.512-1.365.896-.405.405-.576.896-.896 1.344-.192.277-.533.427-.704.704l-90.517 150.848a10.68 10.68 0 0 0 1.6 13.035 10.646 10.646 0 0 0 7.509 3.115zm148.736-118.379-41.024-41.024 102.549-61.525-61.525 102.549zm-56.107-25.941 41.024 41.024-102.549 61.525 61.525-102.549z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-35.806"
x2="-34.602"
y1="621.756"
y2="620.548"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M245.333 85.333c5.888 0 10.667-4.779 10.667-10.667V53.333c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v21.333c.001 5.889 4.779 10.667 10.667 10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-35.806"
x2="-34.602"
y1="604.756"
y2="603.548"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M245.333 405.333c-5.888 0-10.667 4.779-10.667 10.667v21.333c0 5.888 4.779 10.667 10.667 10.667S256 443.221 256 437.333V416c0-5.888-4.779-10.667-10.667-10.667z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-27.308"
x2="-26.1"
y1="613.254"
y2="612.05"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M416 256h21.333c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H416c-5.888 0-10.667 4.779-10.667 10.667S410.112 256 416 256z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-44.308"
x2="-43.1"
y1="613.254"
y2="612.05"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M74.667 234.667H53.333c-5.888 0-10.667 4.779-10.667 10.667S47.445 256 53.333 256h21.333c5.888 0 10.667-4.779 10.667-10.667s-4.778-10.666-10.666-10.666z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category