Bicycle icon
twemoji:bicycle
The Bicycle icon (twemoji:bicycle) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji 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
- Twitter Emoji
- Author
- Twitter
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Travel & Places
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ea596e" d="M7 24c1.957 0 3.633 1.135 4.455 2.772l3.477-1.739C13.488 22.058 10.446 20 6.916 20a8.9 8.9 0 0 0-3.649.787l1.668 3.67A5 5 0 0 1 7 24m22 0c1.467 0 2.772.643 3.688 1.648l2.897-2.635A8.88 8.88 0 0 0 28.916 20c-3.576 0-6.652 2.111-8.073 5.15l3.648 1.722C25.293 25.18 27.003 24 29 24"/><path fill="#292f33" d="M7 22a7 7 0 1 0 0 14a7 7 0 0 0 0-14m0 12a5 5 0 1 1 0-10a5 5 0 0 1 0 10m22-12a7 7 0 1 0 .001 14.001A7 7 0 0 0 29 22m0 12a5 5 0 1 1 0-10a5 5 0 0 1 0 10"/><path fill="#dd2e44" d="M29.984 28.922a1 1 0 0 0-.04-.198a1 1 0 0 0-.071-.186c-.013-.024-.015-.052-.029-.075l-7-11a1 1 0 0 0-1.381-.307a.98.98 0 0 0-.445.843H12a1 1 0 1 0 0 2h10c.027 0 .05-.014.077-.016L27.178 28H18a1 1 0 1 0 0 2h11.001a1 1 0 0 0 .44-.112c.031-.017.066-.024.097-.044c.03-.02.048-.051.075-.072a.95.95 0 0 0 .251-.297c.03-.056.055-.11.075-.172a1 1 0 0 0 .04-.201c.004-.036.021-.066.021-.102c0-.027-.014-.051-.016-.078"/><path fill="#dd2e44" d="m21.581 16l-2.899 8.117l-5.929-6.775a1 1 0 1 0-1.505 1.317l6.664 7.615l-.854 2.39a1 1 0 0 0 1.884.672L23.705 16z"/><path fill="#dd2e44" d="M7 30a1 1 0 0 1-.893-1.447l3.062-6.106C9.186 22.419 11 19.651 11 17c0-3.242-2.293-4.043-2.316-4.051a1 1 0 1 1 .633-1.897C9.467 11.102 13 12.333 13 17c0 3.068-1.836 6.042-2.131 6.497l-2.974 5.949A1 1 0 0 1 7 30"/><path fill="#292f33" d="M14.612 13.663a1 1 0 0 1-.165-.014l-6-1a1 1 0 0 1 .329-1.973l6 1a1 1 0 0 1-.164 1.987M26.383 17l-.089-.006l-5.672-.708a.708.708 0 0 1 .087-1.413c.041 0 4.067-.018 5.989-1.299a.71.71 0 0 1 .824.026a.71.71 0 0 1 .241.788l-.709 2.127a.705.705 0 0 1-.671.485"/><path fill="#66757f" d="M20 29a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></svg>
How to use the Bicycle icon
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:bicycle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:bicycle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:bicycle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--bicycle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:bicycle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:bicycle"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/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. Twitter Emoji 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="twemoji: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/twemoji/bicycle.svg" alt="Bicycle icon">, or paste the SVG code inline to style it with CSS.
Browse all Twitter Emoji icons →
ICONYZ
