Skip to content
shadcn.io

Bicycle

The bicycle icon represents a human-powered vehicle.

Add shadcn.io to your AI agent. · Pro It installs Bicycle, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Bicycle icon from Firefox OS Emoji

Code

Bicycle in your framework

In any framework. Customize it above, and the code follows.

export const BicycleIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
    <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>
);

Other libraries

Bicycle in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Bicycle icon from Arcticons
  • Bicycle icon from Phosphor
  • Bicycle icon from Material Design Icons
  • Bicycle icon from Huge Icons
  • Bicycle icon from Carbon
  • Bicycle icon from IonIcons
  • Bicycle icon from Bootstrap Icons
  • Bicycle icon from Ultimate free icons

Firefox OS Emoji

Icons that share its tags, in the same style.

  • Bicyclist icon from Firefox OS Emoji
  • Motorcycle icon from Firefox OS Emoji
  • Walking icon from Firefox OS Emoji
  • Articulatedlorry icon from Firefox OS Emoji
  • Automobile icon from Firefox OS Emoji
  • Deliverytruck icon from Firefox OS Emoji
  • Fuelpump icon from Firefox OS Emoji
  • Helicopter icon from Firefox OS Emoji
  • Highspeedtrain icon from Firefox OS Emoji
  • Highspeedtrainbulletnose icon from Firefox OS Emoji
  • Minibus icon from Firefox OS Emoji
  • Oncomingautomobile icon from Firefox OS Emoji
  • Oncomingbus icon from Firefox OS Emoji
  • Oncomingpolicecar icon from Firefox OS Emoji
  • Oncomingtaxi icon from Firefox OS Emoji
  • Railwaycar icon from Firefox OS Emoji
  • Rowboat icon from Firefox OS Emoji
  • Running icon from Firefox OS Emoji
  • Runningshirt icon from Firefox OS Emoji
  • Seat icon from Firefox OS Emoji
  • Speedboat icon from Firefox OS Emoji
  • Train icon from Firefox OS Emoji
  • Tram icon from Firefox OS Emoji
  • Tramcar icon from Firefox OS Emoji

Skip the copy and paste. With Pro, your AI agent finds and installs any Firefox OS Emoji icon from a prompt.

Get Pro

Tags

Browse by tag

Bicycle is tagged transportation, vehicle, fitness and 2 more. Related tags follow; each opens its icons from every library.

Pricing

Firefox OS Emoji MCP, with Pro

Ask for Bicycle or any of 1,034 Firefox OS Emoji icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Bicycle icon means and where it's used, then how to install, style and license it.

Install Bicycle from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro