Add icons to this collection by clicking the heart icon.
Windrose icon - also known as navigation, direction, compass, orientation, cardinal points, windrose, and maps and location. Created in a clean gradient style with a white, gray, navy, orange, and pink finish, 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 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ac6c58" />
<stop offset="1" stop-color="#da9b8c" />
</linearGradient>
<linearGradient
id="c"
x1="193.298"
x2="193.298"
y1="241.015"
y2="75.455"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="308.702"
x2="308.702"
y1="241.015"
y2="75.455"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="193.298"
x2="193.298"
y1="241.015"
y2="75.455"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="308.702"
x2="308.702"
y1="241.015"
y2="75.455"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="g"
x1="143.73"
x2="358.27"
y1="110.065"
y2="110.065"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="143.73"
x2="358.27"
y1="110.065"
y2="110.065"
gradientTransform="rotate(-90 251 251)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="143.73"
x2="358.27"
y1="110.065"
y2="110.065"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="143.73"
x2="358.27"
y1="110.065"
y2="110.065"
gradientTransform="matrix(0 -1 -1 0 502 502)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="251"
x2="251"
y1="378.32"
y2="122.192"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<linearGradient
id="l"
x1="251"
x2="251"
y1="365.935"
y2="189.901"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4dbdb" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<path
fill="url(#c)"
d="M168.656 296.541 92.793 131.173c-11.193-24.401 13.979-49.573 38.38-38.38l165.368 75.863z"
/>
<path
fill="url(#d)"
d="m333.344 296.541 75.863-165.368c11.194-24.401-13.979-49.573-38.379-38.379L205.46 168.657z"
/>
<path
fill="url(#e)"
d="M168.656 205.459 92.793 370.827c-11.194 24.401 13.979 49.573 38.379 38.379l165.368-75.863z"
/>
<path
fill="#a86455"
d="m129.175 291.523-18.69 40.741a163.58 163.58 0 0 0 59.252 59.252l40.741-18.69c-38.294-12.732-68.572-43.01-81.303-81.303z"
/>
<path
fill="url(#f)"
d="m333.344 205.459 75.863 165.368c11.194 24.401-13.979 49.573-38.379 38.379L205.46 333.343z"
/>
<path
fill="url(#g)"
d="m143.73 220.13 72.773-196.134c11.871-31.994 57.123-31.994 68.994 0L358.27 220.13z"
/>
<path
fill="url(#h)"
d="M220.13 358.27 23.995 285.497c-31.994-11.871-31.994-57.123 0-68.994L220.13 143.73z"
/>
<path
fill="url(#i)"
d="m143.73 281.87 72.773 196.134c11.871 31.994 57.123 31.994 68.994 0L358.27 281.87z"
/>
<path
fill="url(#j)"
d="m281.87 358.27 196.134-72.773c31.994-11.871 31.994-57.123 0-68.994L281.87 143.73z"
/>
<g fill="#efc534">
<path
d="M251 161.644c-6.352 0-11.5-5.149-11.5-11.5V68.09c0-6.351 5.148-11.5 11.5-11.5s11.5 5.149 11.5 11.5v82.053c0 6.352-5.148 11.501-11.5 11.501zM150.144 262.5H68.091c-6.351 0-11.5-5.149-11.5-11.5s5.149-11.5 11.5-11.5h82.053c6.352 0 11.5 5.149 11.5 11.5s-5.149 11.5-11.5 11.5zM251 445.41c-6.352 0-11.5-5.149-11.5-11.5v-82.053c0-6.351 5.148-11.5 11.5-11.5s11.5 5.149 11.5 11.5v82.053c0 6.351-5.148 11.5-11.5 11.5zM433.909 262.5h-82.053c-6.352 0-11.5-5.149-11.5-11.5s5.148-11.5 11.5-11.5h82.053c6.352 0 11.5 5.149 11.5 11.5s-5.148 11.5-11.5 11.5z"
/>
</g>
<circle cx="251" cy="251" r="128.36" fill="url(#k)" />
<path
fill="#efc534"
d="M122.64 251c0-31.237 11.162-59.865 29.71-82.121l-50.886 18.881C93.209 207.205 88.64 228.579 88.64 251s4.57 43.795 12.825 63.241l50.886 18.881C133.802 310.864 122.64 282.237 122.64 251zM285.346 390.974c-2.163-8.303-10.164-13.603-18.681-12.563-5.134.626-10.362.95-15.665.95-31.237 0-59.865-11.163-82.121-29.71l18.88 50.886c19.445 8.255 40.819 12.824 63.241 12.824 6.819 0 13.54-.426 20.14-1.249 10.133-1.266 16.781-11.256 14.206-21.138z"
/>
<circle cx="251" cy="251" r="77.074" fill="url(#l)" />
<ellipse cx="163.114" cy="272.46" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="338.885" cy="272.46" fill="#eaadcd" rx="14.936" ry="12.003" />
<path
fill="#fff"
d="M188.721 246.808c7.183 0 13.813 1.589 19.159 4.273 4.544 2.281 9.962-.801 10.365-5.87.113-1.423.125-2.875.029-4.348-.991-15.146-13.602-27.24-28.775-27.629-16.713-.428-30.396 12.992-30.396 29.608 0 .843.036 1.678.105 2.503.422 5.01 5.856 7.995 10.349 5.738 5.348-2.685 11.979-4.275 19.164-4.275z"
/>
<path
fill="#3b3b44"
d="M251 282.646c-6.447 0-12.894-2.155-18.274-6.465-4.989-3.997-5.794-11.282-1.797-16.271 3.997-4.99 11.282-5.793 16.271-1.796a6.041 6.041 0 0 0 7.598 0c4.988-3.997 12.273-3.193 16.271 1.796 3.997 4.989 3.193 12.274-1.797 16.271-5.378 4.31-11.825 6.465-18.272 6.465zM188.721 246.808c5.926 0 11.474 1.082 16.237 2.967a17.572 17.572 0 0 0 1.415-6.933c0-9.749-7.903-17.652-17.652-17.652s-17.652 7.903-17.652 17.652c0 2.463.504 4.803 1.415 6.933 4.764-1.885 10.312-2.967 16.237-2.967z"
/>
<path
fill="#fff"
d="M313.279 246.808c7.183 0 13.813 1.589 19.158 4.273 4.544 2.281 9.962-.801 10.365-5.87.113-1.423.125-2.875.029-4.348-.991-15.146-13.602-27.24-28.775-27.629-16.713-.428-30.396 12.992-30.396 29.608 0 .843.035 1.678.105 2.503.422 5.01 5.857 7.995 10.349 5.738 5.348-2.685 11.98-4.275 19.165-4.275z"
/>
<path
fill="#3b3b44"
d="M313.279 246.808c5.926 0 11.473 1.082 16.237 2.967a17.572 17.572 0 0 0 1.415-6.933c0-9.749-7.903-17.652-17.652-17.652s-17.652 7.903-17.652 17.652c0 2.463.504 4.803 1.415 6.933 4.763-1.885 10.311-2.967 16.237-2.967z"
/>
<g fill="#dff7fa">
<path
d="M342.004 208.813a9.999 9.999 0 0 1-8.68-5.018 95.04 95.04 0 0 0-20.962-25.164c-4.211-3.574-4.728-9.884-1.153-14.095 3.573-4.211 9.885-4.727 14.095-1.153a114.964 114.964 0 0 1 25.36 30.445c2.752 4.789 1.102 10.901-3.687 13.653a9.95 9.95 0 0 1-4.973 1.332zM281.874 160.739a9.993 9.993 0 0 1-2.942-.444 94.567 94.567 0 0 0-10.7-2.616c-5.433-.997-9.028-6.208-8.032-11.64s6.211-9.029 11.64-8.032c4.369.801 8.733 1.869 12.972 3.172 5.278 1.623 8.242 7.218 6.619 12.497-1.324 4.3-5.282 7.063-9.557 7.063z"
/>
</g>
</svg>
More icons in the same style and category