Add icons to this collection by clicking the heart icon.
Bicycle icon - also known as transport, sports, vehicle, exercise, transportation, bike, cycling, and bicycle. Created in a clean gradient style with a gray 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="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="d"
x1="152.646"
x2="152.646"
y1="138.726"
y2="311.749"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="214.53"
x2="214.53"
y1="344.581"
y2="213.303"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="65.066"
x2="401.893"
y1="265.826"
y2="265.826"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="389.888"
x2="389.888"
y1="327.119"
y2="56.722"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#4e5660" />
<stop offset="1" stop-color="#64768d" />
</linearGradient>
<linearGradient
id="h"
x1="329.226"
x2="502"
y1="340.193"
y2="340.193"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="0"
x2="172.775"
y1="340.193"
y2="340.193"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#53aae6" />
<stop offset="1" stop-color="#a4d2f0" />
</linearGradient>
<linearGradient
id="j"
x1="142.352"
x2="142.352"
y1="159.223"
y2="55.997"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="208.828"
x2="285.251"
y1="329.916"
y2="329.916"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4dbdb" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="l"
x1="202.862"
x2="264.849"
y1="357.227"
y2="357.227"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="355.549"
x2="355.549"
y1="138.58"
y2="22.145"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="159.061"
x2="159.061"
y1="215.821"
y2="215.821"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#d)"
d="m149.726 205.828-29.48-43.757c-6.571-9.754-3.991-22.986 5.762-29.557 9.753-6.573 22.986-3.993 29.557 5.762l29.48 43.758c6.57 9.753 3.991 22.986-5.762 29.557-9.731 6.556-22.973 4.011-29.557-5.763z"
/>
<path
fill="url(#e)"
d="M252.358 341.314c-6.845 0-13.567-3.294-17.679-9.398L159.061 219.67c-6.57-9.754-3.991-22.987 5.763-29.557 9.751-6.573 22.985-3.991 29.557 5.762l75.618 112.246c6.571 9.754 3.99 22.987-5.762 29.557a21.196 21.196 0 0 1-11.879 3.636z"
/>
<path
fill="url(#f)"
d="m68.32 328.923 86.31-138.393a21.296 21.296 0 0 1 17.01-9.999l207.903-10.341a21.318 21.318 0 0 1 20.232 12.007 21.294 21.294 0 0 1-3.175 23.311L275.006 343.966a21.29 21.29 0 0 1-14.734 7.205L87.653 361.448c-17.289 1.017-28.442-17.918-19.333-32.525zm190.687.992h.011zm-78.706-100.069-54.035 86.641 122.604-7.299 74.528-84.865c2.986-3.401.417-8.72-4.103-8.495l-125.792 6.257a16.525 16.525 0 0 0-13.202 7.761z"
/>
<path
fill="url(#g)"
d="m394.847 344.902-51.449-226.854c-2.6-11.469 4.588-22.875 16.056-25.476 11.475-2.589 22.876 4.587 25.476 16.056l51.449 226.854c2.6 11.469-4.588 22.875-16.056 25.476-11.541 2.611-22.89-4.652-25.476-16.056z"
/>
<path
fill="url(#h)"
d="M415.613 426.58c-47.634 0-86.387-38.753-86.387-86.388 0-47.634 38.753-86.387 86.387-86.387S502 292.558 502 340.192c0 47.635-38.753 86.388-86.387 86.388zm0-130.188c-24.152 0-43.8 19.649-43.8 43.8 0 24.152 19.649 43.801 43.8 43.801 24.152 0 43.8-19.65 43.8-43.801 0-24.152-19.648-43.8-43.8-43.8z"
/>
<path
fill="url(#i)"
d="M86.387 426.58C38.753 426.58 0 387.827 0 340.192c0-47.634 38.753-86.387 86.387-86.387s86.387 38.753 86.387 86.387c0 47.635-38.752 86.388-86.387 86.388zm0-130.188c-24.152 0-43.801 19.649-43.801 43.8 0 24.152 19.649 43.801 43.801 43.801s43.8-19.65 43.8-43.801c.001-24.152-19.648-43.8-43.8-43.8z"
/>
<path
fill="url(#j)"
d="m191.512 157.063-93.263 10.271c-14.984 1.65-27.512-11.253-25.42-26.182l1.964-14.015c2.612-18.641 19.291-32.023 38.055-30.531l66.937 5.324a35.58 35.58 0 0 1 31.482 26.022c3.775 13.716-5.615 27.554-19.755 29.111z"
/>
<circle cx="247.039" cy="329.916" r="38.211" fill="url(#k)" />
<path
fill="url(#l)"
d="M244.849 377.227h-21.987c-11.046 0-20-8.954-20-20s8.954-20 20-20h21.987c11.046 0 20 8.954 20 20s-8.955 20-20 20z"
/>
<path
fill="url(#m)"
d="M314.612 125.121c-13.641-2.136-22.968-14.926-20.832-28.566 2.137-13.641 14.929-22.961 28.566-20.832 16.918 2.647 34.778 4.682 67.069.51 13.684-1.775 26.228 7.897 27.997 21.591 1.77 13.693-7.897 26.228-21.591 27.997-33.373 4.311-55.393 3.343-81.209-.7z"
/>
<path
fill="#e05d6f"
d="m216.771 260.588-7.454-11.065c-.915-1.358.005-3.195 1.64-3.277l16.795-.835-16.316-24.219-17.932.892a16.528 16.528 0 0 0-13.203 7.761l-6.915 11.088 22.651 33.623c3.737 5.547 11.178 7.169 16.885 3.682 6.076-3.713 7.827-11.744 3.849-17.65z"
/>
</svg>
More icons in the same style and category