Bicycle icon
fa-solid:bicycle
The Bicycle icon (fa-solid:bicycle) is a free SVG icon from the Font Awesome 5 Solid set by Dave Gandy. It is drawn on a 640 × 512 grid. Font Awesome 5 Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Font Awesome 5 Solid
- Author
- Dave Gandy
- License
- CC-BY-4.0
- Size
- 640 × 512
- Category
- Vehicles, Maps, Fitness, Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="M512.509 192.001c-16.373-.064-32.03 2.955-46.436 8.495l-77.68-125.153A24 24 0 0 0 368.001 64h-64c-8.837 0-16 7.163-16 16v16c0 8.837 7.163 16 16 16h50.649l14.896 24H256.002v-16c0-8.837-7.163-16-16-16h-87.459c-13.441 0-24.777 10.999-24.536 24.437c.232 13.044 10.876 23.563 23.995 23.563h48.726l-29.417 47.52c-13.433-4.83-27.904-7.483-42.992-7.52C58.094 191.83.412 249.012.002 319.236C-.413 390.279 57.055 448 128.002 448c59.642 0 109.758-40.793 123.967-96h52.033a24 24 0 0 0 20.406-11.367L410.37 201.77l14.938 24.067c-25.455 23.448-41.385 57.081-41.307 94.437c.145 68.833 57.899 127.051 126.729 127.719c70.606.685 128.181-55.803 129.255-125.996c1.086-70.941-56.526-129.72-127.476-129.996M186.75 265.772c9.727 10.529 16.673 23.661 19.642 38.228h-43.306zM128.002 400c-44.112 0-80-35.888-80-80s35.888-80 80-80c5.869 0 11.586.653 17.099 1.859l-45.505 73.509C89.715 331.327 101.213 352 120.002 352h81.3c-12.37 28.225-40.562 48-73.3 48m162.63-96h-35.624c-3.96-31.756-19.556-59.894-42.383-80.026L237.371 184h127.547zm217.057 95.886c-41.036-2.165-74.049-35.692-75.627-76.755c-.812-21.121 6.633-40.518 19.335-55.263l44.433 71.586c4.66 7.508 14.524 9.816 22.032 5.156l13.594-8.437c7.508-4.66 9.817-14.524 5.156-22.032l-44.468-71.643a80 80 0 0 1 19.858-2.497c44.112 0 80 35.888 80 80c-.001 45.54-38.252 82.316-84.313 79.885"/></svg>
How to use the Bicycle icon
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:bicycle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:bicycle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:bicycle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--bicycle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:bicycle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:bicycle"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fa-solid/bicycle.svg" alt="Bicycle icon" width="24" height="24">
Bicycle icon in other icon sets
Bicycle icon FAQ
Is the Bicycle icon free for commercial use?
Yes. Font Awesome 5 Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Bicycle icon in React?
Install @iconify/react and render <Icon icon="fa-solid:bicycle" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bicycle icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa-solid/bicycle.svg" alt="Bicycle icon">, or paste the SVG code inline to style it with CSS.
Browse all Font Awesome 5 Solid icons →
ICONYZ
