Bicycle
The bicycle icon represents a bicycle or bike, often used to signify a mode of transportation or a route in mapping and geographic information systems (GIS).
Add shadcn.io to your AI agent. · Pro It installs Bicycle, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
367 in Font-GISCC BY 4.0 license (opens in a new tab)Free to copy and download
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 100 100" {...props}>
<path fill="currentColor" fillRule="evenodd" d="M70.085 20.314h.214c1.496.32 2.671 1.175 3.633 2.35c.961 1.176 1.602 3.099.961 5.022c-.748 1.602-2.243 2.564-3.312 2.991c-.64.214-.961.214-1.496.32c.107.321.214.749.428 1.283c.32.427.534 1.068.534 1.71c.962 2.884 1.923 5.875 2.885 8.76c2.136-.855 4.487-1.389 6.944-1.389c10.577 0 19.124 8.654 19.124 19.23c0 10.578-8.547 19.125-19.124 19.125s-19.23-8.547-19.23-19.124c0-6.41 3.098-11.966 7.905-15.492c-.32-.747-.534-1.495-.748-2.35L51.816 62.301v.32c0 2.244-1.389 4.274-3.525 5.022l-1.069 5.022c2.137 1.495.748 4.807-1.71 4.38l-2.884-.427c-2.564-.428-2.778-4.167-.213-4.808l.961-5.022c-.641-.534-1.068-1.175-1.496-1.923l-3.953-.213c-1.923 8.654-8.867 15.064-18.803 15.064C9.294 79.716 0 71.169 0 60.592s8.547-19.23 19.124-19.23c2.778 0 5.342.64 7.8 1.709l5.661-8.975l-1.495-4.273c-3.42-1.496-3.953-2.137-3.953-3.205c-.107-.962.534-2.244 3.098-2.244h9.936c1.603 0 2.457.534 2.457 1.923s-1.816 1.816-3.525 2.35c-.748.321-1.71.855-2.778 1.176l.64 2.136l28.206-.534v-.107c-.107-1.175.214-3.205 1.71-4.273l.32-.32l.427-.107c1.069-.321 1.923-.428 2.35-.642c.428-.106.321 0 .321-.106l-.107-.107c-.213-.32-.64-.534-.854-.641c-2.458 0-5.022.107-7.586.213l-.214-4.914c2.671 0 5.45-.214 8.227-.107zM66.667 36.34l-27.992.427l6.731 19.658l.427-2.137c-1.923-1.388-.854-4.487 1.496-4.38h.427l2.778.427c2.671.428 2.778 4.274.107 4.808l-.214 1.282l16.56-19.017a13 13 0 0 0-.32-1.068m-32.052 3.632l-3.525 5.663c4.166 3.312 6.944 8.333 7.158 14.102l3.205.214zm46.261 6.304c-2.03 0-3.846.427-5.555 1.068a188 188 0 0 0 1.282 4.06c.961 2.35 2.03 4.487 3.418 5.876c.214-.107.535-.107.855-.107c1.816 0 3.312 1.496 3.312 3.419c0 1.816-1.496 3.419-3.312 3.312c-1.496 0-2.778-.855-3.205-2.244c-3.098-2.35-4.487-5.662-5.662-8.44v-.107c-.321-.961-.641-2.03-.962-2.991c-2.778 2.67-4.487 6.303-4.487 10.47c0 7.906 6.303 14.316 14.316 14.316c7.906 0 14.316-6.41 14.316-14.316s-6.41-14.316-14.316-14.316m-61.752 0c-7.906 0-14.316 6.41-14.316 14.316s7.051 14.316 14.316 14.316s12.18-4.487 13.782-10.684l-11.859-.854c-.641.427-1.282.534-1.923.534c-.427 0-.855 0-1.282-.214c-.962-.214-1.816-.961-1.923-1.923h-.107a3.3 3.3 0 0 1 0-2.03c.32-.961.962-1.816 1.923-2.243l6.517-10.257q-2.404-.96-5.128-.961m9.295 3.525l-5.556 8.868l10.47.748c-.32-3.953-2.136-7.265-4.914-9.616" color="currentColor"/>
</svg>
);Other libraries
Bicycle in 8 more libraries
Each library draws it its own way. Open one to compare.
Font-GIS
More like it
Icons that share its tags, in the same style.
Skip the copy and paste. With Pro, your AI agent finds and installs any Font-GIS icon from a prompt.
Get ProTags
Browse by tag
Bicycle is tagged transportation, route, GIS and 2 more. Related tags follow; each opens its icons from every library.
Pricing
Font-GIS MCP, with Pro
Ask for Bicycle or any of 367 Font-GIS 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.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
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 popularFor 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.