Add icons to this collection by clicking the heart icon.
Bike Path icon - also known as transportation, bicycle, hobby, road bike, cyclists, recreation, sports and competition, architecture and city, and bike path. Created in a clean lineal color style with a white, silver, and black 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-34.09-56.82-23.32 38.759h-125.18l-23.32-38.759L-240 0l-126-180h492z"
transform="matrix(1.33333 0 0 -1.33333 501.333 154.667)"
fill="#a7e8a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c11.05 0 20-8.95 20-20 0-11.04-8.95-20-20-20h-120c-11.05 0-20 8.96-20 20 0 11.05 8.95 20 20 20h20c0 11.05 8.95 20 20 20h40c11.05 0 20-8.95 20-20z"
transform="translate(482 482)"
fill="#eefaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 62.59-104.06-1.64-.99L30-136 0-106l-30-30-30.95 30.95-1.64.99z"
transform="translate(256 482)"
fill="#eefaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.05 0 20-8.95 20-20 0-11.04-8.95-20-20-20h-120c-11.05 0-20 8.96-20 20 0 11.05 8.95 20 20 20h20c0 11.05 8.95 20 20 20h40c11.05 0 20-8.95 20-20z"
transform="translate(150 482)"
fill="#eefaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c0 11.05-8.95 20-20 20h-40c-11.05 0-20-8.95-20-20h-20c-11.05 0-20-8.95-20-20 0-11.04 8.95-20 20-20H0c11.05 0 20 8.96 20 20C20-8.95 11.05 0 0 0Z"
transform="translate(482 482)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 30.95-30.95 30 30 30-30L121.9 0"
transform="translate(195.05 376.95)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 34.09 56.82 126-180h-86"
transform="translate(341.91 339.18)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-86L40 180l34.09-56.82"
transform="translate(96 216)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h492"
transform="translate(10 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-22.09-17.91-40-40-40S-80-22.09-80 0s17.91 40 40 40c8.21 0 15.84-2.48 22.19-6.72C-7.07 26.11 0 13.88 0 0Z"
transform="translate(216 50)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c2.14.36 4.34.54 6.58.54 22.09 0 40-17.91 40-40s-17.91-40-40-40-40 17.91-40 40C-33.42-19.61-18.96-3.14 0 0z"
transform="translate(329.42 89.46)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-110l-17.81-26.72L-150-60"
transform="translate(326 110)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h40l25 60"
transform="translate(216 50)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h40l10-60 3.42-20.54L60-120"
transform="translate(276 170)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40"
transform="translate(216 150)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h40"
transform="translate(196 150)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-20c0 11.05-8.95 20-20 20h-40c-11.05 0-20-8.95-20-20h-20c-11.05 0-20-8.95-20-20 0-11.04 8.95-20 20-20H0c11.05 0 20 8.96 20 20C20-8.95 11.05 0 0 0Z"
transform="translate(150 482)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.522-4.477-10-10-10S-20-5.522-20 0s4.477 10 10 10S0 5.522 0 0"
transform="translate(266.001 216)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-115.001l74.09 123.18 23.32 38.76L44.999 266l62.59-104.06 23.32-38.76L204.999 0H90"
transform="translate(211.001 216)"
fill="none"
stroke="#000"
stroke-width="20"
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