Bicyclist
The bicyclist icon represents a person riding a bicycle.
Exports at 24 × 24 px
Code
Bicyclist in your framework
In any framework. Customize it above, and the code follows.
export const BicyclistIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path fill="#BFBCAF" d="M441.276 100.448c-28.214-71.68-86.782-71.68-114.997 0l-80 203.245c-19.919 50.605-59.515 73.103-85.143 31.875l-11.683-18.794c-38.421-61.808-101.264-61.872-139.738-.198v173.041c0 6.6 5.4 12 12 12h467.234c6.6 0 12-5.4 12-12V252.056z"/><path fill="#A39F90" d="M9.716 431.61v58.007c0 6.6 5.4 12 12 12H488.95c6.6 0 12-5.4 12-12V431.61z"/><path fill="#EDC0A2" d="m317.19 254.706l-.543 1.786c-.356 1.164-.864 2.876-1.559 5.039l-2.475 7.812c-.938 3.022-2.063 6.41-3.293 10.105l-3.957 11.936c-1.377 4.245-2.952 8.68-4.542 13.281l-4.922 14.18l-2.531 7.291l-2.762 7.481l-10.62 28.604l-9.547 24.854c-1.381 3.643-2.743 6.949-3.9 9.896l-3.03 7.622l-2.597 6.384c-1.235 3.037-4.525 4.871-7.686 4.001a6.396 6.396 0 0 1-4.723-6.347l.051-1.675l.058-1.955c.078-1.261.117-3.137.304-5.477l.298-3.88c.099-1.415.228-2.938.398-4.553c.151-1.622.331-3.342.544-5.147c.196-1.811.422-3.708.685-5.677c.247-1.975.516-4.029.832-6.142c.304-2.117.611-4.307.982-6.54c.692-4.483 1.523-9.176 2.409-14.021l1.418-7.355l1.568-7.496c.509-2.529 1.121-5.043 1.686-7.584c.57-2.54 1.151-5.086 1.786-7.614l.93-3.798l.464-1.897l.232-.947l.116-.473c-.023.062.072-.223-.048.125l.014-.059l.027-.119l.055-.237l1.739-7.556c1.214-4.983 2.449-9.874 3.764-14.567a355 355 0 0 1 4.008-13.459a305 305 0 0 1 4.052-11.905a269 269 0 0 1 3.827-9.927l1.729-4.095l1.568-3.443c.919-2.088 1.758-3.69 2.301-4.791c.268-.552.498-.967.649-1.248l.229-.426l.878-1.631c3.996-7.425 13.117-10.779 20.748-7.194c7.263 3.415 10.609 11.542 8.386 18.838"/><path fill="#DEE254" d="M195.362 416.302c5.367 1.839 7.055 2.765 22.634 6.4c22.531 5.257 16.825 1.884 46.931 8.908"/><path fill="#76DFFF" d="M268.641 402.585c-3.072 5.142-9.162 7.993-15.307 6.56a14.06 14.06 0 0 1-7.827-4.941c3.545-1.748 6.869-4.384 3.629-7.325c-10.427-9.469-6.047 1.847-18.467 7.372c-2.902 1.189-7.101 2.445-13.54 3.704c-10.9 2.132-19.92-1.005-20.994 7.038c0 0 10.159 3.149 18.789 5.163c8.63 2.013 13.151 5.238 21.863 5.101c5.842-.092 28.138 6.354 28.138 6.354l4.296-18.414c1.065-4.562 1.493-8.59-.58-10.612"/><path fill="#FF473E" d="M131.323 408.637a7.5 7.5 0 0 1-3.222-.732a7.5 7.5 0 0 1-3.542-9.997l49.29-103.387l-12.45-11.981a7.5 7.5 0 0 1 5.201-12.904h143.847a7.5 7.5 0 0 1 6.556 3.857l68.893 124a7.498 7.498 0 0 1-6.556 11.142h-83.893a7.5 7.5 0 0 1-5.2-2.096L185.239 305.483l-47.141 98.879a7.5 7.5 0 0 1-6.775 4.275m167.145-15.002h68.123l-60.559-109H195.178l-3.136 6.578z"/><path fill="#00B1FF" d="M236.361 405.126a1.737 1.737 0 1 1-.79 3.383a1.737 1.737 0 0 1 .79-3.383m2.768-.839a1.9 1.9 0 1 0 3.7.862a1.9 1.9 0 0 0-3.7-.862m14.24 21.911l11.77 4.5l4.083-17.502q.108-.46.205-.913c-7.589.66-14.233 6.093-16.058 13.915m15.617-24.352a1.59 1.59 0 0 0-2.218.34c-3.063 4.17-8.182 6.011-13.357 4.804c-2.548-.594-4.754-1.848-6.447-3.573a26 26 0 0 1-2.959 1.473c2.179 2.532 5.169 4.37 8.684 5.19c6.433 1.501 12.807-.805 16.636-6.016a1.59 1.59 0 0 0-.339-2.218"/><path fill="#FFF" d="M235.01 399.691a.83.83 0 0 1 .504-.436c3.235-.991 5.917 4.484 6.213 5.111a.826.826 0 0 1-1.493.702c-.745-1.578-2.759-4.689-4.237-4.236a.824.824 0 0 1-.987-1.141m-5.058 2.694a.824.824 0 0 0 1.03.547c1.477-.453 3.493 2.659 4.237 4.237a.826.826 0 0 0 1.493-.702c-.296-.627-2.978-6.102-6.213-5.112a.825.825 0 0 0-.547 1.03m-2.128 21.712c1.003.273 2.023.515 3.093.704c1.625-7.04-.73-14.075-5.571-18.78c-1.13.334-2.361.658-3.715.967c5.082 3.875 7.724 10.493 6.193 17.109"/><path fill="#E5E5E5" d="M195.359 416.31a1.805 1.805 0 0 1 2.271-1.132l1.223.402c.932.319 2.034.627 3.313 1.023c1.263.416 2.747.75 4.341 1.166l2.493.635l2.709.607l5.852 1.302l.764.17l.096.021l.048.011l.024.005l-.041-.009l.195.037l.39.073l1.575.296l3.205.601l6.538 1.227c2.184.365 4.342.566 6.477.855c2.099.25 4.306.572 6.398.861c2.094.308 4.143.539 6.046.881l5.339 1.036l9.19 1.785a1.807 1.807 0 0 1 1.413 2.189l-.602 2.581a1.806 1.806 0 0 1-2.173 1.353l-9.003-2.116l-5.218-1.227c-1.853-.408-3.814-.704-5.841-1.085c-2.036-.362-4.09-.748-6.336-1.106c-2.201-.385-4.477-.697-6.672-1.154l-6.487-1.482l-3.18-.727l-1.563-.357l-.837-.197l-.765-.202l-5.857-1.546l-2.711-.721l-2.535-.752c-1.623-.493-3.118-.892-4.42-1.376c-1.3-.458-2.465-.837-3.366-1.186l-1.222-.455a1.807 1.807 0 0 1-1.071-2.287"/><path fill="#0074A8" d="M270.323 219.273c-2.689-.101-5.062 1.84-5.41 4.561l-9.277 74.41a5.26 5.26 0 0 0 4.548 5.882l39.187 5.014a5.257 5.257 0 0 0 5.882-4.548l3.865-31.921z"/><path fill="#464A4C" d="M131.328 487.635c-47.696 0-86.5-38.804-86.5-86.5s38.804-86.5 86.5-86.5s86.5 38.804 86.5 86.5s-38.804 86.5-86.5 86.5m0-152c-36.117 0-65.5 29.383-65.5 65.5s29.383 65.5 65.5 65.5s65.5-29.383 65.5-65.5s-29.383-65.5-65.5-65.5m248.01 152c-47.696 0-86.5-38.804-86.5-86.5s38.804-86.5 86.5-86.5s86.5 38.804 86.5 86.5s-38.804 86.5-86.5 86.5m0-152c-36.117 0-65.5 29.383-65.5 65.5s29.383 65.5 65.5 65.5s65.5-29.383 65.5-65.5s-29.383-65.5-65.5-65.5"/><path fill="#FFD3B6" d="m330.849 233.976l-65.833 88.146l.46-19.152l41.603 61.674c3.332 4.94 2.029 11.646-2.911 14.978c-4.479 3.021-10.41 2.232-13.962-1.624l-1.12-1.216l-51.041-55.307c-4.508-4.885-4.749-12.19-.905-17.328l1.365-1.824l65.833-88.146c5.468-7.321 15.835-8.823 23.155-3.355c7.321 5.466 8.823 15.833 3.356 23.154"/><path fill="#464A4C" d="M347.445 285.606h-64.999c-9.941 0-18-8.059-18-18s8.059-18 18-18h64.999c9.941 0 18 8.059 18 18s-8.058 18-18 18m-171.847-8.471a8.96 8.96 0 0 0-1.224-4.534h1.318c4.971 0 9-4.029 9-9s-4.029-9-9-9h-50.849a8.998 8.998 0 0 0-7.464 14.029c1.207 1.791 12.844 17.505 49.218 17.505a9 9 0 0 0 9.001-9m-44.27 118.828a5.172 5.172 0 1 0 0 10.344a5.172 5.172 0 0 0 0-10.344m248.01 0a5.172 5.172 0 1 0 0 10.344a5.172 5.172 0 0 0 0-10.344"/><path fill="#00B1FF" d="M276.317 308.289c3.218 2.615 8.366 2.383 12.06-.543l54.407-43.083c11.347-9.115 5.734-33.793-5.984-39.738l-16.458-8.351c-.27-.219 4.734 8.62 4.537 8.351l-50.071 26.744a5.4 5.4 0 0 1-1.052 1.588l-22.669 22.409c-3.707 3.664-3.801 9.041-.211 11.958z"/><path fill="#DEE254" d="M276.157 424.42c4.249-3.761 5.887-4.771 16.736-16.527c15.692-17.002 9.942-13.703 30.909-36.421"/><path fill="#76DFFF" d="M309.907 358.648c-3.442-3.177-6.734-5.536-9.516-4.731c2.957 5.21 2.43 11.913-1.849 16.551a14.06 14.06 0 0 1-8.16 4.369c.229-3.946-.423-8.137-4.58-6.772c-13.381 4.395-1.378 6.171-2.702 19.699c-.398 3.111-1.378 7.382-3.461 13.604c-3.525 10.533-10.705 16.829-4.24 21.732c0 0 7.753-7.281 13.763-13.793s11.046-8.853 15.227-16.498c2.803-5.126 19.413-21.337 19.413-21.337z"/><path fill="#597B91" d="M335.642 215.3a6 6 0 0 0-.575-.699l-65.677-79.785c-8.611-12.306-30.913-11.561-49.813 1.664s-18.629 27.896-10.018 40.202l52.065 88.377q.365.748.849 1.44c5.393 7.707 19.46 7.171 42.044-8.631s36.518-34.861 31.125-42.568"/><path fill="#FFD3B6" d="M249.478 74.522c-4.192-22.966-26.21-38.19-49.185-33.996c-22.966 4.192-37.584 19.096-33.392 42.062l1.101 5.419l-.002-.003l.003.008l.014.071c.077 1.011-1.37 12.296-2.74 17.294c-1.541 5.625 1.948 6.167 7.339 5.356l1.783 8.781c.295 1.615 4.922.527 6.345-.606a2.456 2.456 0 0 1 3.455.391a2.457 2.457 0 0 1-.391 3.455c-1.196.954-3.82 1.942-5.637 2.554c-1.022.344-1.54 1.546-1.051 2.507c5.709 11.22 17.892 12.931 32.572 11.178l2.846 4.068c3.156 4.51 9.37 5.607 13.879 2.452l8.569-5.996c4.019-2.812 5.319-8.05 3.323-12.349c17.414-18.41 11.169-52.646 11.169-52.646m15.824 106.001c-5.921 4.143-13.848 5.043-20.814 1.668a20.6 20.6 0 0 1-3.781-2.38l-.413 2.848l-2.437 17.324l-2.365 17.33l-55.094 30.283a7.4 7.4 0 0 0-2.832.335a9.2 9.2 0 0 0-2.809-1.46l-3.218-1.013c-1.07-.346-2.153-.653-3.23-.976a129 129 0 0 0-3.244-.933a107 107 0 0 0-3.266-.866c-4.188-1.051-8.626 1.095-10.327 5.203a9 9 0 0 0-.32.92c-4.253 1.505-6.685 6.057-5.47 10.474c.634 2.306 1.249 4.617 1.947 6.908l.312 1.027a8.184 8.184 0 0 0 9.821 5.532a181 181 0 0 0 9.724-2.731c.807-.243 1.607-.525 2.411-.785a69 69 0 0 0 2.403-.822a76 76 0 0 0 4.768-1.84a6.51 6.51 0 0 0 3.859-5.042c14.192-3.62 77.966-20.507 77.966-31.686l1.461-9.054l2.547-17.19l2.617-17.175q.536-3.45 1.081-6.895c-.422.348-.851.684-1.297.996"/><path fill="#2B3B47" d="M184.063 88.987c-.476-1.744-2.197-2.87-4.004-2.541c-1.812.331-3.024 1.993-2.855 3.793l-.042.008l.888 4.864l.015-.003l.002.01a3.518 3.518 0 1 0 6.92-1.26s-.008-.005-.01-.012l.007-.001l-.888-4.864z"/><path fill="#FFF" d="M179.921 89.938a.87.87 0 0 0-.996-.633a.876.876 0 0 0-.711.944l-.009.002l.221 1.212h.002l.001.003a.876.876 0 1 0 1.723-.315l-.001-.003l-.221-1.212z"/><path fill="#68442A" d="M206.254 32.125c-16.859 3.078-39.632 11.197-40.263 11.944c-.637.753 2.554 5.158 1.942 5.999c-1.276 1.755-2.506 3.711-3.716 5.901c-1.118 2.023 1.265 2.592 8.581 1.552c1.904-.271.579 4.773 2.777 4.406c1.2-.2 20.965-13.652 27.177 20.377c.496 2.718 2.199 4.321 4.876 3.833c1.97-.36 9.725-1.324 11.322 7.425c1.82 9.972 29.926 14.394 30.601 13.341c4.545-7.081 7.297-23.742 4.454-39.312c-2.841-15.57-18.45-40.815-47.751-35.466"/><path fill="#E5AB83" d="m172.956 80.074l.52-.157a32 32 0 0 1 3.251-.744a25 25 0 0 1 2.244-.279a16 16 0 0 1 2.32-.025c.372.006.751.08 1.099.121c.348.037.694.152 1.001.219c.308.062.6.211.85.299c.253.087.468.209.644.319l.547.333a1.224 1.224 0 0 1-1.151 2.157l-.254-.117l-.319-.148a1.4 1.4 0 0 0-.388-.15c-.17-.036-.325-.122-.554-.142c-.225-.023-.442-.089-.714-.092c-.269-.005-.536-.044-.842-.02c-.595.013-1.246.068-1.903.183a21 21 0 0 0-1.931.407a29 29 0 0 0-2.831.902l-.417.165l-.041.016a1.72 1.72 0 1 1-1.266-3.202c.043-.015.091-.032.135-.045"/><path fill="#EDC0A2" d="M212.575 105.218a1.953 1.953 0 1 1-.701-3.843c3.478-.635 5.79-3.982 5.155-7.462s-3.981-5.795-7.459-5.16a1.953 1.953 0 1 1-.701-3.843c5.597-1.022 10.982 2.702 12.004 8.301s-2.701 10.985-8.298 12.007"/><path fill="#00B1FF" d="M286.67 383.246a1.736 1.736 0 1 1 2.552 2.354a1.736 1.736 0 0 1-2.552-2.354m.637-2.822a1.9 1.9 0 1 0 2.576-2.793a1.9 1.9 0 0 0-2.576 2.793m22.6-21.776a64 64 0 0 0-.693-.629c-3.171 6.927-1.725 15.386 4.177 20.834l9.723-8.016zm-7.892-4.597a1.59 1.59 0 0 0-2.097-.799c-.799.358-1.157 1.297-.799 2.097c2.115 4.722 1.19 10.082-2.414 13.987c-1.775 1.923-3.953 3.222-6.289 3.844c.02 1.1-.058 2.241-.179 3.3c3.278-.645 6.351-2.339 8.8-4.992c4.48-4.853 5.621-11.535 2.978-17.437"/><path fill="#FFF" d="M281.276 381.739a.83.83 0 0 1-.13-.653c.735-3.302 6.82-2.933 7.512-2.881a.826.826 0 0 1-.126 1.645c-1.74-.131-5.44.085-5.775 1.594a.825.825 0 0 1-1.481.295m-.153 5.728a.825.825 0 0 0 .985-.626c.335-1.508 4.036-1.725 5.776-1.594a.826.826 0 0 0 .126-1.645c-.692-.052-6.777-.421-7.512 2.881a.825.825 0 0 0 .625.984m17.834 12.566a34 34 0 0 0 2.138-2.343c-5.321-4.888-12.602-6.312-19.083-4.424a61 61 0 0 1-.992 3.708c5.878-2.506 12.938-1.537 17.937 3.059"/><path fill="#E5E5E5" d="M276.162 424.426a1.807 1.807 0 0 1 .136-2.534l.953-.865c.738-.653 1.549-1.46 2.525-2.376c.985-.893 2.007-2.019 3.157-3.2l1.783-1.854l1.865-2.056l4.02-4.447l.525-.581l.066-.073l.033-.036l.017-.018l-.028.031l.128-.151l.256-.303l1.035-1.224l2.105-2.491l4.294-5.081c1.395-1.72 2.636-3.497 3.94-5.211c1.254-1.702 2.623-3.462 3.906-5.14c1.302-1.669 2.514-3.337 3.75-4.823l3.536-4.132l6.088-7.112a1.807 1.807 0 0 1 2.601-.149l1.948 1.798c.736.679.785 1.823.105 2.557l-6.284 6.785l-3.643 3.932c-1.27 1.41-2.495 2.97-3.826 4.545c-1.319 1.592-2.669 3.188-4.089 4.965c-1.421 1.724-2.816 3.549-4.296 5.234l-4.491 4.91l-2.201 2.407l-1.082 1.183l-.585.631l-.553.566l-4.235 4.331l-1.965 2.003l-1.905 1.833c-1.229 1.168-2.314 2.271-3.378 3.165c-1.04.904-1.944 1.731-2.692 2.342l-.999.838a1.81 1.81 0 0 1-2.52-.199"/>
</svg>
);Firefox OS Emoji
More like it
Icons that share its tags, in the same style.
Search 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 ProTags
Browse by tag
Bicyclist is tagged transportation, fitness, leisure and 2 more. Related tags follow; each opens its icons from every library.
Pricing
Firefox OS Emoji MCP, with Pro
Ask for Bicyclist 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.
- 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 Bicyclist icon means and where it's used, then how to install, style, label and license it.
The bicyclist icon represents a person riding a bicycle. It's a symbol of transportation, exercise, and recreation.
Bicyclists are commonly seen on roads, bike paths, and trails. They use bicycles for transportation, exercise, and leisure activities.
In terms of UX, the bicyclist icon communicates a sense of activity and movement. It's often used in transportation and recreation-related applications to evoke feelings of energy and enthusiasm.
Bicyclist is one of 1,034 icons in Firefox OS Emoji, made by Mozilla and released under Apache 2.0. It is drawn on a 512 × 512 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds BicyclistIcon to components/icons/fxemoji-bicyclist.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed BicyclistIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Bicyclist icon, or any of 1,034 Firefox OS Emoji icons, and install it from a prompt.
It's multicolor, so it keeps its own colors.
Set width and height on the component, or a class like size-6. It's drawn on a 512 × 512 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It keeps its own colors in light and dark mode, so check it against both backgrounds. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Bicyclist", so screen readers say what it does.
Yes. BicyclistIcon passes every SVG prop to the svg element, so <BicyclistIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes. Apache 2.0 allows commercial use; keep the license notice when you ship the icons' source files. The full terms are in the license, linked on this page.
No visible credit is required: Apache 2.0 only asks that you keep the license notice if you ship the icons' source files. Icons installed with the shadcn CLI already start with a comment naming Firefox OS Emoji, Mozilla and the license.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
Its tags are transportation, fitness, leisure, recreation and exercise. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Bicyclist in another set.
4.9 out of 5 from 150+ developers
Install Bicyclist from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro