bicycle emoji
bicycle from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- bicycle
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
bicycleAkar IconsbicycleBootstrap IconsbicycleCarbonbicycleEmoji One (Colored)bicycleElement PlusbicycleFont Awesome 6 SolidbicycleFont Awesome SolidbicycleFluent EmojibicycleFluent Emoji High ContrastbicycleFirefox OS EmojibicycleHuge IconsbicycleIconoirbicycleIonIconsbicycleLine AwesomebicycleMaterial Design IconsbicycleNoto EmojibicycleOpenMojibicyclePhosphorbicycleStreamline EmojisbicycleTwitter Emoji
More travel & places icons from Fluent Emoji Flat
Use the bicycle emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f3eef8" fill-rule="evenodd" d="M12.5 24.5a5 5 0 1 1-10 0a5 5 0 0 1 10 0m-1.5 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m18.5 0a5 5 0 1 1-10 0a5 5 0 0 1 10 0m-1.5 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0" clip-rule="evenodd"/><path fill="#321b41" fill-rule="evenodd" d="M12 24.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0M7.5 30a5.5 5.5 0 1 0 0-11a5.5 5.5 0 0 0 0 11M29 24.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0M24.5 30a5.5 5.5 0 1 0 0-11a5.5 5.5 0 0 0 0 11" clip-rule="evenodd"/><path fill="#d3d3d3" d="M14 9.5a.5.5 0 0 0-.5-.5h-2a2.5 2.5 0 0 0 0 5h.164l-.636 1.264a.528.528 0 0 0 .944.472L12.845 14h.655a.5.5 0 0 0 0-1h-2a1.5 1.5 0 0 1 0-3h2a.5.5 0 0 0 .5-.5m6.104 3.983a.53.53 0 0 1 .413.62l-.5 2.5a.528.528 0 0 1-1.034-.207l.5-2.5a.53.53 0 0 1 .62-.414"/><path fill="#f92f60" d="M12.03 15.736a.58.58 0 0 0-1.06-.472l-4 9a.58.58 0 0 0 1.06.472l2.613-5.878l6.994 5.595a.58.58 0 0 0 .935-.352l1.22-6.918l4.274 7.485a.58.58 0 1 0 1.008-.576l-5.07-8.88a.58.58 0 0 0-1.076.187l-1.33 7.537l-6.468-5.175z"/><path fill="#f9c23c" d="m25.096 23.401l-6.871-1.383C17.05 21.858 16 22.79 16 24s1.04 2.141 2.225 1.982l6.87-.482c.52-.074.905-.52.905-1.05s-.395-.985-.904-1.049"/><path fill="#9d5044" d="M18 13a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1"/><path fill="#533566" d="M12 9.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5"/><path fill="#f4f4f4" d="M18 25a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatBicycle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f3eef8" fillRule="evenodd" d="M12.5 24.5a5 5 0 1 1-10 0a5 5 0 0 1 10 0m-1.5 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m18.5 0a5 5 0 1 1-10 0a5 5 0 0 1 10 0m-1.5 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0" clipRule="evenodd"/><path fill="#321b41" fillRule="evenodd" d="M12 24.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0M7.5 30a5.5 5.5 0 1 0 0-11a5.5 5.5 0 0 0 0 11M29 24.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0M24.5 30a5.5 5.5 0 1 0 0-11a5.5 5.5 0 0 0 0 11" clipRule="evenodd"/><path fill="#d3d3d3" d="M14 9.5a.5.5 0 0 0-.5-.5h-2a2.5 2.5 0 0 0 0 5h.164l-.636 1.264a.528.528 0 0 0 .944.472L12.845 14h.655a.5.5 0 0 0 0-1h-2a1.5 1.5 0 0 1 0-3h2a.5.5 0 0 0 .5-.5m6.104 3.983a.53.53 0 0 1 .413.62l-.5 2.5a.528.528 0 0 1-1.034-.207l.5-2.5a.53.53 0 0 1 .62-.414"/><path fill="#f92f60" d="M12.03 15.736a.58.58 0 0 0-1.06-.472l-4 9a.58.58 0 0 0 1.06.472l2.613-5.878l6.994 5.595a.58.58 0 0 0 .935-.352l1.22-6.918l4.274 7.485a.58.58 0 1 0 1.008-.576l-5.07-8.88a.58.58 0 0 0-1.076.187l-1.33 7.537l-6.468-5.175z"/><path fill="#f9c23c" d="m25.096 23.401l-6.871-1.383C17.05 21.858 16 22.79 16 24s1.04 2.141 2.225 1.982l6.87-.482c.52-.074.905-.52.905-1.05s-.395-.985-.904-1.049"/><path fill="#9d5044" d="M18 13a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1"/><path fill="#533566" d="M12 9.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5"/><path fill="#f4f4f4" d="M18 25a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f3eef8" fill-rule="evenodd" d="M12.5 24.5a5 5 0 1 1-10 0a5 5 0 0 1 10 0m-1.5 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m18.5 0a5 5 0 1 1-10 0a5 5 0 0 1 10 0m-1.5 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0" clip-rule="evenodd"/><path fill="#321b41" fill-rule="evenodd" d="M12 24.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0M7.5 30a5.5 5.5 0 1 0 0-11a5.5 5.5 0 0 0 0 11M29 24.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0M24.5 30a5.5 5.5 0 1 0 0-11a5.5 5.5 0 0 0 0 11" clip-rule="evenodd"/><path fill="#d3d3d3" d="M14 9.5a.5.5 0 0 0-.5-.5h-2a2.5 2.5 0 0 0 0 5h.164l-.636 1.264a.528.528 0 0 0 .944.472L12.845 14h.655a.5.5 0 0 0 0-1h-2a1.5 1.5 0 0 1 0-3h2a.5.5 0 0 0 .5-.5m6.104 3.983a.53.53 0 0 1 .413.62l-.5 2.5a.528.528 0 0 1-1.034-.207l.5-2.5a.53.53 0 0 1 .62-.414"/><path fill="#f92f60" d="M12.03 15.736a.58.58 0 0 0-1.06-.472l-4 9a.58.58 0 0 0 1.06.472l2.613-5.878l6.994 5.595a.58.58 0 0 0 .935-.352l1.22-6.918l4.274 7.485a.58.58 0 1 0 1.008-.576l-5.07-8.88a.58.58 0 0 0-1.076.187l-1.33 7.537l-6.468-5.175z"/><path fill="#f9c23c" d="m25.096 23.401l-6.871-1.383C17.05 21.858 16 22.79 16 24s1.04 2.141 2.225 1.982l6.87-.482c.52-.074.905-.52.905-1.05s-.395-.985-.904-1.049"/><path fill="#9d5044" d="M18 13a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1"/><path fill="#533566" d="M12 9.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5"/><path fill="#f4f4f4" d="M18 25a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></g></svg> </template>
CSS
.icon-bicycle {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f3eef8%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.5%2024.5a5%205%200%201%201-10%200a5%205%200%200%201%2010%200m-1.5%200a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200m18.5%200a5%205%200%201%201-10%200a5%205%200%200%201%2010%200m-1.5%200a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2024.5a4.5%204.5%200%201%201-9%200a4.5%204.5%200%200%201%209%200M7.5%2030a5.5%205.5%200%201%200%200-11a5.5%205.5%200%200%200%200%2011M29%2024.5a4.5%204.5%200%201%201-9%200a4.5%204.5%200%200%201%209%200M24.5%2030a5.5%205.5%200%201%200%200-11a5.5%205.5%200%200%200%200%2011%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M14%209.5a.5.5%200%200%200-.5-.5h-2a2.5%202.5%200%200%200%200%205h.164l-.636%201.264a.528.528%200%200%200%20.944.472L12.845%2014h.655a.5.5%200%200%200%200-1h-2a1.5%201.5%200%200%201%200-3h2a.5.5%200%200%200%20.5-.5m6.104%203.983a.53.53%200%200%201%20.413.62l-.5%202.5a.528.528%200%200%201-1.034-.207l.5-2.5a.53.53%200%200%201%20.62-.414%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M12.03%2015.736a.58.58%200%200%200-1.06-.472l-4%209a.58.58%200%200%200%201.06.472l2.613-5.878l6.994%205.595a.58.58%200%200%200%20.935-.352l1.22-6.918l4.274%207.485a.58.58%200%201%200%201.008-.576l-5.07-8.88a.58.58%200%200%200-1.076.187l-1.33%207.537l-6.468-5.175z%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22m25.096%2023.401l-6.871-1.383C17.05%2021.858%2016%2022.79%2016%2024s1.04%202.141%202.225%201.982l6.87-.482c.52-.074.905-.52.905-1.05s-.395-.985-.904-1.049%22%2F%3E%3Cpath%20fill%3D%22%239d5044%22%20d%3D%22M18%2013a1%201%200%200%201%201-1h2a1%201%200%201%201%200%202h-2a1%201%200%200%201-1-1%22%2F%3E%3Cpath%20fill%3D%22%23533566%22%20d%3D%22M12%209.5a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%200%201h-2a.5.5%200%200%201-.5-.5%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M18%2025a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f3eef8%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.5%2024.5a5%205%200%201%201-10%200a5%205%200%200%201%2010%200m-1.5%200a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200m18.5%200a5%205%200%201%201-10%200a5%205%200%200%201%2010%200m-1.5%200a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2024.5a4.5%204.5%200%201%201-9%200a4.5%204.5%200%200%201%209%200M7.5%2030a5.5%205.5%200%201%200%200-11a5.5%205.5%200%200%200%200%2011M29%2024.5a4.5%204.5%200%201%201-9%200a4.5%204.5%200%200%201%209%200M24.5%2030a5.5%205.5%200%201%200%200-11a5.5%205.5%200%200%200%200%2011%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M14%209.5a.5.5%200%200%200-.5-.5h-2a2.5%202.5%200%200%200%200%205h.164l-.636%201.264a.528.528%200%200%200%20.944.472L12.845%2014h.655a.5.5%200%200%200%200-1h-2a1.5%201.5%200%200%201%200-3h2a.5.5%200%200%200%20.5-.5m6.104%203.983a.53.53%200%200%201%20.413.62l-.5%202.5a.528.528%200%200%201-1.034-.207l.5-2.5a.53.53%200%200%201%20.62-.414%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M12.03%2015.736a.58.58%200%200%200-1.06-.472l-4%209a.58.58%200%200%200%201.06.472l2.613-5.878l6.994%205.595a.58.58%200%200%200%20.935-.352l1.22-6.918l4.274%207.485a.58.58%200%201%200%201.008-.576l-5.07-8.88a.58.58%200%200%200-1.076.187l-1.33%207.537l-6.468-5.175z%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22m25.096%2023.401l-6.871-1.383C17.05%2021.858%2016%2022.79%2016%2024s1.04%202.141%202.225%201.982l6.87-.482c.52-.074.905-.52.905-1.05s-.395-.985-.904-1.049%22%2F%3E%3Cpath%20fill%3D%22%239d5044%22%20d%3D%22M18%2013a1%201%200%200%201%201-1h2a1%201%200%201%201%200%202h-2a1%201%200%200%201-1-1%22%2F%3E%3Cpath%20fill%3D%22%23533566%22%20d%3D%22M12%209.5a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%200%201h-2a.5.5%200%200%201-.5-.5%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M18%2025a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/bicycle.svg?color=%231a73e8&size=48
