Add icons to this collection by clicking the heart icon.
Routes icon - also known as directions, spread, map, location, hub, marker, routes, connections, and architecture and city. Created in a clean lineal color style with a white, black, red, maroon, yellow, olive, and orange 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 61 61"
>
<g fill="none" fill-rule="evenodd">
<g fill-rule="nonzero" transform="translate(2 1)">
<circle cx="26" cy="40" r="13" fill="#ef314c" />
<path
fill="#bb193b"
d="M26 27c-.501.002-1.002.033-1.5.093a12.993 12.993 0 0 1 0 25.814A13 13 0 1 0 26 27z"
/>
<path
fill="#f44335"
d="M44 13c0 8.527-9.749 17.573-12.362 19.767a.989.989 0 0 1-1.276 0C27.749 30.573 18 21.527 18 13c0-7.18 5.82-13 13-13s13 5.82 13 13z"
/>
<path
fill="#c81e1e"
d="M31 0c-.501.002-1.002.033-1.5.093A13 13 0 0 1 41 13c0 7.764-8.081 15.957-11.5 19.017.336.3.628.553.862.75a.989.989 0 0 0 1.276 0C34.251 30.573 44 21.527 44 13A13 13 0 0 0 31 0z"
/>
<circle cx="31" cy="13" r="8" fill="#ffdc00" />
<path
fill="#fec108"
d="M31 5a8.056 8.056 0 0 0-1.5.145 8 8 0 0 1 0 15.71A8 8 0 1 0 31 5z"
/>
<circle cx="6.5" cy="16.5" r="6.5" fill="#60a917" />
<path
fill="#549414"
d="M6.5 10a6.5 6.5 0 0 0-1.5.181 6.493 6.493 0 0 1 0 12.638A6.5 6.5 0 1 0 6.5 10z"
/>
<circle cx="50.5" cy="30.5" r="7.5" fill="#60a917" />
<path
fill="#549414"
d="M50.5 23c-.504 0-1.006.05-1.5.151a7.5 7.5 0 0 1 0 14.7A7.5 7.5 0 1 0 50.5 23z"
/>
<circle cx="46.5" cy="53.5" r="4.5" fill="#60a917" />
<path
fill="#549414"
d="M46.5 49a4.445 4.445 0 0 0-1.5.276 4.474 4.474 0 0 1 0 8.448c.48.178.988.271 1.5.276a4.5 4.5 0 1 0 0-9z"
/>
<circle cx="5.5" cy="52.5" r="5.5" fill="#60a917" />
<path
fill="#549414"
d="M5.5 47a5.5 5.5 0 0 0-1.5.212 5.5 5.5 0 0 1 0 10.576A5.5 5.5 0 1 0 5.5 47z"
/>
</g>
<path
stroke="#000"
stroke-linejoin="round"
stroke-width="2"
d="m16.76 47.52-4.66 2.96M44.51 52.43l-6.26-3.44M45.82 34.89l-5.25 2.84M18.55 32.08l-6.42-9.18"
/>
<g fill-rule="nonzero">
<g fill="#000">
<path
d="M33 35a1.99 1.99 0 0 0 1.281-.467C35.583 33.439 47 23.578 47 14c0-7.732-6.268-14-14-14S19 6.268 19 14c0 9.578 11.417 19.439 12.719 20.532.358.302.812.468 1.281.468zM21 14c0-6.627 5.373-12 12-12s12 5.373 12 12c0 7.043-7.546 15.257-11.995 19C28.546 29.257 21 21.043 21 14z"
/>
<path
d="M42 14a9 9 0 1 0-9 9 9.011 9.011 0 0 0 9-9zm-9 7a7 7 0 1 1 7-7 7.008 7.008 0 0 1-7 7z"
/>
<path
d="M52.5 23a8.475 8.475 0 0 0-7.962 11.447l-3.366 1.821c-.344-.96-.793-1.88-1.337-2.742a1 1 0 1 0-1.69 1.068 12 12 0 1 1-15.2-4.477A1.002 1.002 0 0 0 22.1 28.3a13.894 13.894 0 0 0-3.4 2.242l-5.217-7.452a7.516 7.516 0 1 0-1.656 1.122l5.453 7.8A14.031 14.031 0 0 0 14 41c.002 2.14.499 4.25 1.451 6.167l-3.131 1.988a6.5 6.5 0 1 0 1.1 1.672l3.033-1.927a13.96 13.96 0 0 0 22.023 1.356l4.769 2.62a5.539 5.539 0 1 0 .935-1.768l-4.47-2.457a13.882 13.882 0 0 0 2.011-10.407l3.722-2.013A8.5 8.5 0 1 0 52.5 23zM3 17.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0zM7.5 58a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zm41-7a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zm4-13a6.5 6.5 0 1 1 6.5-6.5 6.508 6.508 0 0 1-6.5 6.5z"
/>
</g>
<path
fill="#fff"
d="M28 51c-5.52-.006-9.994-4.48-10-10a1 1 0 1 1 2 0 8.009 8.009 0 0 0 8 8 1 1 0 0 1 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category