bicycle emoji
bicycle from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- bicycle
- Set
- Fluent Emoji High Contrast
- 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 FlatbicycleFirefox OS EmojibicycleHuge IconsbicycleIconoirbicycleIonIconsbicycleLine AwesomebicycleMaterial Design IconsbicycleNoto EmojibicycleOpenMojibicyclePhosphorbicycleStreamline EmojisbicycleTwitter Emoji
More travel & places icons from Fluent Emoji High Contrast
Use the bicycle emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.5 10a.5.5 0 0 0 0-1h-3a2.5 2.5 0 0 0 0 5h.16l-.524 1.048a.6.6 0 0 0-.166.216l-1.78 4.001a5.5 5.5 0 1 0 1.06.472l.392-.88l5.476 4.381A2 2 0 0 0 16 24c0 1.209 1.029 2.141 2.202 1.982l.981-.07a5.5 5.5 0 1 0 3.22-6.499l-2.183-3.822l.297-1.487a.5.5 0 0 0 .01-.104H21a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h.462l-.194.968a.58.58 0 0 0-.34.431l-1.155 6.546c-.35.037-.678.167-.954.367l-5.689-4.551l.9-2.025a.6.6 0 0 0 .05-.217L12.84 14h.66a.5.5 0 0 0 0-1h-.831a.53.53 0 0 0-.338 0H11.5a1.5 1.5 0 0 1 0-3zm5.703 15.84l2.412-.17l2.312-.116a1.13 1.13 0 0 0 .165-2.236l-.519-.103l-1.669-2.924a4.5 4.5 0 1 1-2.701 5.55m1.678-5l1.183 2.073l-2.547-.51a4.5 4.5 0 0 1 1.364-1.563m-.498-.872a5.5 5.5 0 0 0-1.88 2.232l-.576-.115l.865-4.902zM7.5 20c.446 0 .876.065 1.282.185l-1.812 4.08a.58.58 0 0 0 1.06.47l1.813-4.078A4.5 4.5 0 1 1 7.5 20"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastBicycle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.5 10a.5.5 0 0 0 0-1h-3a2.5 2.5 0 0 0 0 5h.16l-.524 1.048a.6.6 0 0 0-.166.216l-1.78 4.001a5.5 5.5 0 1 0 1.06.472l.392-.88l5.476 4.381A2 2 0 0 0 16 24c0 1.209 1.029 2.141 2.202 1.982l.981-.07a5.5 5.5 0 1 0 3.22-6.499l-2.183-3.822l.297-1.487a.5.5 0 0 0 .01-.104H21a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h.462l-.194.968a.58.58 0 0 0-.34.431l-1.155 6.546c-.35.037-.678.167-.954.367l-5.689-4.551l.9-2.025a.6.6 0 0 0 .05-.217L12.84 14h.66a.5.5 0 0 0 0-1h-.831a.53.53 0 0 0-.338 0H11.5a1.5 1.5 0 0 1 0-3zm5.703 15.84l2.412-.17l2.312-.116a1.13 1.13 0 0 0 .165-2.236l-.519-.103l-1.669-2.924a4.5 4.5 0 1 1-2.701 5.55m1.678-5l1.183 2.073l-2.547-.51a4.5 4.5 0 0 1 1.364-1.563m-.498-.872a5.5 5.5 0 0 0-1.88 2.232l-.576-.115l.865-4.902zM7.5 20c.446 0 .876.065 1.282.185l-1.812 4.08a.58.58 0 0 0 1.06.47l1.813-4.078A4.5 4.5 0 1 1 7.5 20"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.5 10a.5.5 0 0 0 0-1h-3a2.5 2.5 0 0 0 0 5h.16l-.524 1.048a.6.6 0 0 0-.166.216l-1.78 4.001a5.5 5.5 0 1 0 1.06.472l.392-.88l5.476 4.381A2 2 0 0 0 16 24c0 1.209 1.029 2.141 2.202 1.982l.981-.07a5.5 5.5 0 1 0 3.22-6.499l-2.183-3.822l.297-1.487a.5.5 0 0 0 .01-.104H21a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h.462l-.194.968a.58.58 0 0 0-.34.431l-1.155 6.546c-.35.037-.678.167-.954.367l-5.689-4.551l.9-2.025a.6.6 0 0 0 .05-.217L12.84 14h.66a.5.5 0 0 0 0-1h-.831a.53.53 0 0 0-.338 0H11.5a1.5 1.5 0 0 1 0-3zm5.703 15.84l2.412-.17l2.312-.116a1.13 1.13 0 0 0 .165-2.236l-.519-.103l-1.669-2.924a4.5 4.5 0 1 1-2.701 5.55m1.678-5l1.183 2.073l-2.547-.51a4.5 4.5 0 0 1 1.364-1.563m-.498-.872a5.5 5.5 0 0 0-1.88 2.232l-.576-.115l.865-4.902zM7.5 20c.446 0 .876.065 1.282.185l-1.812 4.08a.58.58 0 0 0 1.06.47l1.813-4.078A4.5 4.5 0 1 1 7.5 20"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%2010a.5.5%200%200%200%200-1h-3a2.5%202.5%200%200%200%200%205h.16l-.524%201.048a.6.6%200%200%200-.166.216l-1.78%204.001a5.5%205.5%200%201%200%201.06.472l.392-.88l5.476%204.381A2%202%200%200%200%2016%2024c0%201.209%201.029%202.141%202.202%201.982l.981-.07a5.5%205.5%200%201%200%203.22-6.499l-2.183-3.822l.297-1.487a.5.5%200%200%200%20.01-.104H21a1%201%200%201%200%200-2h-2a1%201%200%201%200%200%202h.462l-.194.968a.58.58%200%200%200-.34.431l-1.155%206.546c-.35.037-.678.167-.954.367l-5.689-4.551l.9-2.025a.6.6%200%200%200%20.05-.217L12.84%2014h.66a.5.5%200%200%200%200-1h-.831a.53.53%200%200%200-.338%200H11.5a1.5%201.5%200%200%201%200-3zm5.703%2015.84l2.412-.17l2.312-.116a1.13%201.13%200%200%200%20.165-2.236l-.519-.103l-1.669-2.924a4.5%204.5%200%201%201-2.701%205.55m1.678-5l1.183%202.073l-2.547-.51a4.5%204.5%200%200%201%201.364-1.563m-.498-.872a5.5%205.5%200%200%200-1.88%202.232l-.576-.115l.865-4.902zM7.5%2020c.446%200%20.876.065%201.282.185l-1.812%204.08a.58.58%200%200%200%201.06.47l1.813-4.078A4.5%204.5%200%201%201%207.5%2020%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%2010a.5.5%200%200%200%200-1h-3a2.5%202.5%200%200%200%200%205h.16l-.524%201.048a.6.6%200%200%200-.166.216l-1.78%204.001a5.5%205.5%200%201%200%201.06.472l.392-.88l5.476%204.381A2%202%200%200%200%2016%2024c0%201.209%201.029%202.141%202.202%201.982l.981-.07a5.5%205.5%200%201%200%203.22-6.499l-2.183-3.822l.297-1.487a.5.5%200%200%200%20.01-.104H21a1%201%200%201%200%200-2h-2a1%201%200%201%200%200%202h.462l-.194.968a.58.58%200%200%200-.34.431l-1.155%206.546c-.35.037-.678.167-.954.367l-5.689-4.551l.9-2.025a.6.6%200%200%200%20.05-.217L12.84%2014h.66a.5.5%200%200%200%200-1h-.831a.53.53%200%200%200-.338%200H11.5a1.5%201.5%200%200%201%200-3zm5.703%2015.84l2.412-.17l2.312-.116a1.13%201.13%200%200%200%20.165-2.236l-.519-.103l-1.669-2.924a4.5%204.5%200%201%201-2.701%205.55m1.678-5l1.183%202.073l-2.547-.51a4.5%204.5%200%200%201%201.364-1.563m-.498-.872a5.5%205.5%200%200%200-1.88%202.232l-.576-.115l.865-4.902zM7.5%2020c.446%200%20.876.065%201.282.185l-1.812%204.08a.58.58%200%200%200%201.06.47l1.813-4.078A4.5%204.5%200%201%201%207.5%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/bicycle.svg?color=%231a73e8&size=48
