Bicycle icon
ls:bicycle
The Bicycle icon (ls:bicycle) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 922 × 622 grid. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 922 × 622
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="922" height="622" viewBox="0 0 922 622"><path fill="currentColor" d="m573 226l56 60c32-20 68-33 108-33c101 0 185 83 185 185c0 101-84 184-185 184c-91 0-167-65-182-153l-83 5h-1c-7 0-12-4-17-8L284 255l-10 21c56 32 96 92 96 162c0 101-84 184-186 184C83 622 0 539 0 438c0-102 83-185 184-185c16 0 31 2 46 5l42-110l-115-31c-11-3-19-15-16-26c4-12 16-20 28-17l138 39c6 1 13 6 15 12c2 4 3 11 1 17l-10 23l221 42l29-87l-40 3h-1c-12 0-22-12-22-23s9-22 22-23l130-6c12 0 23 10 23 22c1 13-10 22-21 23l-44 2zM463 405l55-157l-215-39zm40 23l50-3c2-41 18-78 44-108l-41-44zm-337 1l48-128c-9-2-20-3-30-3c-77 0-139 62-139 140c0 77 62 139 139 139s141-62 141-139c0-51-27-96-67-120l-50 127c-5 11-18 16-30 12c-11-5-16-17-12-28m571 30l-137 8c14 63 69 110 137 110c77 0 140-62 140-139c0-78-63-140-140-140c-29 0-55 7-77 22l93 103c5 7 8 16 4 23c-3 8-11 13-20 13m-139-36l91-5l-62-68c-16 22-27 45-29 73"/></svg>
How to use the Bicycle icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:bicycle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:bicycle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:bicycle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--bicycle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:bicycle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:bicycle"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ls/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. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Bicycle icon in React?
Install @iconify/react and render <Icon icon="ls: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/ls/bicycle.svg" alt="Bicycle icon">, or paste the SVG code inline to style it with CSS.
Browse all Ligature Symbols icons →
ICONYZ
