Bicycle icon
wpf:bicycle
The Bicycle icon (wpf:bicycle) is a free SVG icon from the Icons8 Windows 8 Icons set by Icons8. It is drawn on a 26 × 26 grid. Icons8 Windows 8 Icons are released under the MIT 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
- Icons8 Windows 8 Icons
- Author
- Icons8
- License
- MIT
- Size
- 26 × 26
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><path fill="currentColor" d="M19.5 6.719a1 1 0 0 0-.156.031a.75.75 0 0 0-.469.313c-.707 1.018-2.781.906-2.781.906a.75.75 0 0 0-.813.906s.244 1.172.719 2.875H9.906l-.281-.688c.97-.25 1.313-.37 1.313-.718c0-.334-.445-.345-.907-.344H6.687c-.469 0-.625.191-.625.75c0 1.79.837 1.184 2.094.719l.406 1.031l-3.75 7.688A.75.75 0 0 0 5.5 21.25h6.656a.75.75 0 0 0 1.125-.531l3.813-5.563c.699 1.89 1.603 3.932 2.781 5.75a.75.75 0 1 0 1.25-.812c-1.545-2.386-2.556-5.094-3.219-7.219l-.218-.594a37 37 0 0 1-.72-2.844c.931-.013 2.232-.168 3.157-1.5A.75.75 0 0 0 19.5 6.72zm-9.031 6.531h5.969c.002.009-.003.022 0 .031l.03.094l-3.78 5.531zm-1.156 1.125l2.093 5.375H6.687zm-3.813.813A5.31 5.31 0 0 0 .187 20.5A5.31 5.31 0 0 0 5.5 25.813c2.336 0 4.288-1.531 5-3.625H8.594c-.605 1.102-1.752 1.875-3.094 1.875A3.57 3.57 0 0 1 1.937 20.5c0-1.903 1.525-3.44 3.407-3.531l.812-1.719c-.218-.027-.431-.063-.656-.063zm15 0c-.254 0-.505.027-.75.062c.224.559.486 1.127.75 1.688a3.57 3.57 0 0 1 3.563 3.562a3.57 3.57 0 0 1-3.563 3.563a3.57 3.57 0 0 1-3.563-3.563c0-.702.211-1.355.563-1.906c-.29-.602-.535-1.213-.781-1.813a5.33 5.33 0 0 0-1.532 3.719a5.31 5.31 0 0 0 5.313 5.313a5.31 5.31 0 0 0 5.313-5.313a5.31 5.31 0 0 0-5.313-5.313zm-11.281 1.53l-.844 1.72c.082.113.15.25.219.375H10.5c-.27-.791-.698-1.52-1.281-2.094zM902 1469v2h26v-2zm4 5v2h18v-2zm-4 5v2h26v-2zm4 5v2h18v-2zm-4 5v2h26v-2z"/></svg>
How to use the Bicycle icon
React
import { Icon } from "@iconify/react";
<Icon icon="wpf:bicycle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wpf:bicycle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wpf:bicycle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wpf--bicycle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wpf -->
<div class="i-wpf:bicycle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wpf:bicycle"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/wpf/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. Icons8 Windows 8 Icons are released under the MIT 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="wpf: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/wpf/bicycle.svg" alt="Bicycle icon">, or paste the SVG code inline to style it with CSS.
Browse all Icons8 Windows 8 Icons →
ICONYZ
