Bicycle icon

fxemoji:bicycle

The Bicycle icon (fxemoji:bicycle) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Places

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#76DFFF" d="M198.566 288.721a12.5 12.5 0 0 1-9.662-4.549c-13.795-16.703-33.46-29.026-55.374-34.699c-22.096-5.721-45.059-4.24-64.658 4.17c-6.354 2.726-13.718-.214-16.445-6.57s.214-13.718 6.57-16.445c50.554-21.693 113.309-5.881 149.216 37.596c4.404 5.332 3.651 13.225-1.681 17.629a12.47 12.47 0 0 1-7.966 2.868m295.377-21.023c4.338-5.386 3.488-13.268-1.897-17.606c-43.915-35.372-108.567-38.245-153.727-6.832c-5.677 3.949-7.078 11.753-3.129 17.43c3.949 5.678 11.755 7.078 17.43 3.129c17.508-12.178 39.706-18.244 62.498-17.083c22.606 1.152 44.348 9.271 61.219 22.859a12.47 12.47 0 0 0 7.847 2.771c3.659 0 7.286-1.596 9.759-4.668"/><path fill="#00B1FF" d="m416.114 340.069l-91.899-121.577l24.525-52.323c2.71-5.783.22-12.667-5.562-15.377s-12.666-.219-15.377 5.562l-23.353 49.822l-103.238-9.869l-10.403-35.278a11.6 11.6 0 0 0-3.261-5.238L152.022 123.1c-4.699-4.324-12.014-4.021-16.338.678s-4.021 12.014.678 16.338l33.168 30.524l10.253 34.769L96.55 340.992c-3.341 5.442-1.638 12.562 3.805 15.904a11.556 11.556 0 0 0 15.903-3.805l76.645-124.85l59.701 86.39l-11.672 27.063c-.038.089-.062.182-.098.272a12 12 0 0 0-.434 1.279q-.134.495-.223.994c-.017.096-.04.191-.054.288a11.5 11.5 0 0 0-.097 2.631c.009.113.025.226.037.339q.05.478.141.949q.039.203.083.404q.11.475.259.938c.034.106.061.213.098.318q.214.611.495 1.195c.036.074.079.144.116.217q.246.485.538.946c.029.046.05.095.08.141c.038.057.084.107.122.164q.29.429.622.832c.064.078.125.159.192.235a11.5 11.5 0 0 0 1.955 1.796c.089.064.182.121.273.182q.395.271.818.512q.207.115.419.223c.124.064.241.136.369.196c.122.057.246.096.369.149q.266.115.537.216c.264.098.528.181.795.259c.159.046.316.094.477.133c.318.078.637.136.958.186c.121.019.239.044.361.059c.468.058.937.094 1.404.094l.067-.002l155.225.767h.058c4.375 0 8.379-2.471 10.339-6.386a11.57 11.57 0 0 0-1.119-12.151M215.974 220.95l78.051 7.461l-29.461 62.852zm53.723 113.851l43.422-92.638l70.449 93.2z"/><path fill="#464A4C" d="M106.404 241.302c-58.399 0-105.74 47.342-105.74 105.74s47.341 105.74 105.74 105.74s105.74-47.341 105.74-105.74s-47.341-105.74-105.74-105.74m0 29.218c42.195 0 76.523 34.328 76.523 76.523s-34.328 76.523-76.523 76.523s-76.523-34.328-76.523-76.523s34.328-76.523 76.523-76.523m300.487-29.218c-58.399 0-105.74 47.342-105.74 105.74s47.341 105.74 105.74 105.74s105.74-47.341 105.74-105.74s-47.341-105.74-105.74-105.74m0 29.218c42.195 0 76.523 34.328 76.523 76.523s-34.328 76.523-76.523 76.523s-76.523-34.328-76.523-76.523s34.328-76.523 76.523-76.523M183.404 148.524c-50.608 0-66.799-21.862-68.479-24.354a12.523 12.523 0 0 1 10.385-19.519h35.373c6.916 0 12.522 5.606 12.522 12.522c0 2.101-.517 4.08-1.431 5.818c3.545.312 7.414.49 11.63.49c6.916 0 12.522 5.606 12.522 12.522s-5.606 12.521-12.522 12.521m-64.135 198.518c0 7.105-5.76 12.865-12.865 12.865s-12.865-5.76-12.865-12.865s5.76-12.865 12.865-12.865s12.865 5.76 12.865 12.865m300.399 0c0 7.057-5.721 12.777-12.777 12.777c-7.057 0-12.777-5.72-12.777-12.777s5.721-12.777 12.777-12.777c7.057 0 12.777 5.721 12.777 12.777M293.173 147.466l65.803-5.372c9.994-.816 18.757 6.625 19.573 16.618c.816 9.994-6.625 18.757-16.618 19.573q-1.137.092-2.248.046l-2.448-.12l-65.392-3.154c-7.587-.366-13.441-6.813-13.075-14.4c.337-6.985 5.827-12.5 12.617-13.047z"/><circle cx="251.549" cy="346.274" r="24.348" fill="#597B91"/></svg>

How to use the Bicycle icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:bicycle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:bicycle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:bicycle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--bicycle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:bicycle"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:bicycle"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/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. Firefox OS Emoji icons are released under the Apache 2.0 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="fxemoji: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/fxemoji/bicycle.svg" alt="Bicycle icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →