bicycle emoji
bicycle from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- bicycle
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
bicycleAkar IconsbicycleBootstrap IconsbicycleCarbonbicycleEmoji One (Colored)bicycleElement PlusbicycleFont Awesome 6 SolidbicycleFont Awesome SolidbicycleFluent EmojibicycleFluent Emoji FlatbicycleFluent Emoji High ContrastbicycleFirefox OS EmojibicycleHuge IconsbicycleIconoirbicycleIonIconsbicycleLine AwesomebicycleMaterial Design IconsbicycleNoto EmojibicycleOpenMojibicyclePhosphorbicycleStreamline Emojis
More travel & places icons from Twitter Emoji
Use the bicycle emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ea596e" d="M7 24c1.957 0 3.633 1.135 4.455 2.772l3.477-1.739C13.488 22.058 10.446 20 6.916 20a8.9 8.9 0 0 0-3.649.787l1.668 3.67A5 5 0 0 1 7 24m22 0c1.467 0 2.772.643 3.688 1.648l2.897-2.635A8.88 8.88 0 0 0 28.916 20c-3.576 0-6.652 2.111-8.073 5.15l3.648 1.722C25.293 25.18 27.003 24 29 24"/><path fill="#292f33" d="M7 22a7 7 0 1 0 0 14a7 7 0 0 0 0-14m0 12a5 5 0 1 1 0-10a5 5 0 0 1 0 10m22-12a7 7 0 1 0 .001 14.001A7 7 0 0 0 29 22m0 12a5 5 0 1 1 0-10a5 5 0 0 1 0 10"/><path fill="#dd2e44" d="M29.984 28.922a1 1 0 0 0-.04-.198a1 1 0 0 0-.071-.186c-.013-.024-.015-.052-.029-.075l-7-11a1 1 0 0 0-1.381-.307a.98.98 0 0 0-.445.843H12a1 1 0 1 0 0 2h10c.027 0 .05-.014.077-.016L27.178 28H18a1 1 0 1 0 0 2h11.001a1 1 0 0 0 .44-.112c.031-.017.066-.024.097-.044c.03-.02.048-.051.075-.072a.95.95 0 0 0 .251-.297c.03-.056.055-.11.075-.172a1 1 0 0 0 .04-.201c.004-.036.021-.066.021-.102c0-.027-.014-.051-.016-.078"/><path fill="#dd2e44" d="m21.581 16l-2.899 8.117l-5.929-6.775a1 1 0 1 0-1.505 1.317l6.664 7.615l-.854 2.39a1 1 0 0 0 1.884.672L23.705 16z"/><path fill="#dd2e44" d="M7 30a1 1 0 0 1-.893-1.447l3.062-6.106C9.186 22.419 11 19.651 11 17c0-3.242-2.293-4.043-2.316-4.051a1 1 0 1 1 .633-1.897C9.467 11.102 13 12.333 13 17c0 3.068-1.836 6.042-2.131 6.497l-2.974 5.949A1 1 0 0 1 7 30"/><path fill="#292f33" d="M14.612 13.663a1 1 0 0 1-.165-.014l-6-1a1 1 0 0 1 .329-1.973l6 1a1 1 0 0 1-.164 1.987M26.383 17l-.089-.006l-5.672-.708a.708.708 0 0 1 .087-1.413c.041 0 4.067-.018 5.989-1.299a.71.71 0 0 1 .824.026a.71.71 0 0 1 .241.788l-.709 2.127a.705.705 0 0 1-.671.485"/><path fill="#66757f" d="M20 29a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBicycle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ea596e" d="M7 24c1.957 0 3.633 1.135 4.455 2.772l3.477-1.739C13.488 22.058 10.446 20 6.916 20a8.9 8.9 0 0 0-3.649.787l1.668 3.67A5 5 0 0 1 7 24m22 0c1.467 0 2.772.643 3.688 1.648l2.897-2.635A8.88 8.88 0 0 0 28.916 20c-3.576 0-6.652 2.111-8.073 5.15l3.648 1.722C25.293 25.18 27.003 24 29 24"/><path fill="#292f33" d="M7 22a7 7 0 1 0 0 14a7 7 0 0 0 0-14m0 12a5 5 0 1 1 0-10a5 5 0 0 1 0 10m22-12a7 7 0 1 0 .001 14.001A7 7 0 0 0 29 22m0 12a5 5 0 1 1 0-10a5 5 0 0 1 0 10"/><path fill="#dd2e44" d="M29.984 28.922a1 1 0 0 0-.04-.198a1 1 0 0 0-.071-.186c-.013-.024-.015-.052-.029-.075l-7-11a1 1 0 0 0-1.381-.307a.98.98 0 0 0-.445.843H12a1 1 0 1 0 0 2h10c.027 0 .05-.014.077-.016L27.178 28H18a1 1 0 1 0 0 2h11.001a1 1 0 0 0 .44-.112c.031-.017.066-.024.097-.044c.03-.02.048-.051.075-.072a.95.95 0 0 0 .251-.297c.03-.056.055-.11.075-.172a1 1 0 0 0 .04-.201c.004-.036.021-.066.021-.102c0-.027-.014-.051-.016-.078"/><path fill="#dd2e44" d="m21.581 16l-2.899 8.117l-5.929-6.775a1 1 0 1 0-1.505 1.317l6.664 7.615l-.854 2.39a1 1 0 0 0 1.884.672L23.705 16z"/><path fill="#dd2e44" d="M7 30a1 1 0 0 1-.893-1.447l3.062-6.106C9.186 22.419 11 19.651 11 17c0-3.242-2.293-4.043-2.316-4.051a1 1 0 1 1 .633-1.897C9.467 11.102 13 12.333 13 17c0 3.068-1.836 6.042-2.131 6.497l-2.974 5.949A1 1 0 0 1 7 30"/><path fill="#292f33" d="M14.612 13.663a1 1 0 0 1-.165-.014l-6-1a1 1 0 0 1 .329-1.973l6 1a1 1 0 0 1-.164 1.987M26.383 17l-.089-.006l-5.672-.708a.708.708 0 0 1 .087-1.413c.041 0 4.067-.018 5.989-1.299a.71.71 0 0 1 .824.026a.71.71 0 0 1 .241.788l-.709 2.127a.705.705 0 0 1-.671.485"/><path fill="#66757f" d="M20 29a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ea596e" d="M7 24c1.957 0 3.633 1.135 4.455 2.772l3.477-1.739C13.488 22.058 10.446 20 6.916 20a8.9 8.9 0 0 0-3.649.787l1.668 3.67A5 5 0 0 1 7 24m22 0c1.467 0 2.772.643 3.688 1.648l2.897-2.635A8.88 8.88 0 0 0 28.916 20c-3.576 0-6.652 2.111-8.073 5.15l3.648 1.722C25.293 25.18 27.003 24 29 24"/><path fill="#292f33" d="M7 22a7 7 0 1 0 0 14a7 7 0 0 0 0-14m0 12a5 5 0 1 1 0-10a5 5 0 0 1 0 10m22-12a7 7 0 1 0 .001 14.001A7 7 0 0 0 29 22m0 12a5 5 0 1 1 0-10a5 5 0 0 1 0 10"/><path fill="#dd2e44" d="M29.984 28.922a1 1 0 0 0-.04-.198a1 1 0 0 0-.071-.186c-.013-.024-.015-.052-.029-.075l-7-11a1 1 0 0 0-1.381-.307a.98.98 0 0 0-.445.843H12a1 1 0 1 0 0 2h10c.027 0 .05-.014.077-.016L27.178 28H18a1 1 0 1 0 0 2h11.001a1 1 0 0 0 .44-.112c.031-.017.066-.024.097-.044c.03-.02.048-.051.075-.072a.95.95 0 0 0 .251-.297c.03-.056.055-.11.075-.172a1 1 0 0 0 .04-.201c.004-.036.021-.066.021-.102c0-.027-.014-.051-.016-.078"/><path fill="#dd2e44" d="m21.581 16l-2.899 8.117l-5.929-6.775a1 1 0 1 0-1.505 1.317l6.664 7.615l-.854 2.39a1 1 0 0 0 1.884.672L23.705 16z"/><path fill="#dd2e44" d="M7 30a1 1 0 0 1-.893-1.447l3.062-6.106C9.186 22.419 11 19.651 11 17c0-3.242-2.293-4.043-2.316-4.051a1 1 0 1 1 .633-1.897C9.467 11.102 13 12.333 13 17c0 3.068-1.836 6.042-2.131 6.497l-2.974 5.949A1 1 0 0 1 7 30"/><path fill="#292f33" d="M14.612 13.663a1 1 0 0 1-.165-.014l-6-1a1 1 0 0 1 .329-1.973l6 1a1 1 0 0 1-.164 1.987M26.383 17l-.089-.006l-5.672-.708a.708.708 0 0 1 .087-1.413c.041 0 4.067-.018 5.989-1.299a.71.71 0 0 1 .824.026a.71.71 0 0 1 .241.788l-.709 2.127a.705.705 0 0 1-.671.485"/><path fill="#66757f" d="M20 29a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M7%2024c1.957%200%203.633%201.135%204.455%202.772l3.477-1.739C13.488%2022.058%2010.446%2020%206.916%2020a8.9%208.9%200%200%200-3.649.787l1.668%203.67A5%205%200%200%201%207%2024m22%200c1.467%200%202.772.643%203.688%201.648l2.897-2.635A8.88%208.88%200%200%200%2028.916%2020c-3.576%200-6.652%202.111-8.073%205.15l3.648%201.722C25.293%2025.18%2027.003%2024%2029%2024%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M7%2022a7%207%200%201%200%200%2014a7%207%200%200%200%200-14m0%2012a5%205%200%201%201%200-10a5%205%200%200%201%200%2010m22-12a7%207%200%201%200%20.001%2014.001A7%207%200%200%200%2029%2022m0%2012a5%205%200%201%201%200-10a5%205%200%200%201%200%2010%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M29.984%2028.922a1%201%200%200%200-.04-.198a1%201%200%200%200-.071-.186c-.013-.024-.015-.052-.029-.075l-7-11a1%201%200%200%200-1.381-.307a.98.98%200%200%200-.445.843H12a1%201%200%201%200%200%202h10c.027%200%20.05-.014.077-.016L27.178%2028H18a1%201%200%201%200%200%202h11.001a1%201%200%200%200%20.44-.112c.031-.017.066-.024.097-.044c.03-.02.048-.051.075-.072a.95.95%200%200%200%20.251-.297c.03-.056.055-.11.075-.172a1%201%200%200%200%20.04-.201c.004-.036.021-.066.021-.102c0-.027-.014-.051-.016-.078%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22m21.581%2016l-2.899%208.117l-5.929-6.775a1%201%200%201%200-1.505%201.317l6.664%207.615l-.854%202.39a1%201%200%200%200%201.884.672L23.705%2016z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M7%2030a1%201%200%200%201-.893-1.447l3.062-6.106C9.186%2022.419%2011%2019.651%2011%2017c0-3.242-2.293-4.043-2.316-4.051a1%201%200%201%201%20.633-1.897C9.467%2011.102%2013%2012.333%2013%2017c0%203.068-1.836%206.042-2.131%206.497l-2.974%205.949A1%201%200%200%201%207%2030%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M14.612%2013.663a1%201%200%200%201-.165-.014l-6-1a1%201%200%200%201%20.329-1.973l6%201a1%201%200%200%201-.164%201.987M26.383%2017l-.089-.006l-5.672-.708a.708.708%200%200%201%20.087-1.413c.041%200%204.067-.018%205.989-1.299a.71.71%200%200%201%20.824.026a.71.71%200%200%201%20.241.788l-.709%202.127a.705.705%200%200%201-.671.485%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M20%2029a2%202%200%201%201-4%200a2%202%200%200%201%204%200%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M7%2024c1.957%200%203.633%201.135%204.455%202.772l3.477-1.739C13.488%2022.058%2010.446%2020%206.916%2020a8.9%208.9%200%200%200-3.649.787l1.668%203.67A5%205%200%200%201%207%2024m22%200c1.467%200%202.772.643%203.688%201.648l2.897-2.635A8.88%208.88%200%200%200%2028.916%2020c-3.576%200-6.652%202.111-8.073%205.15l3.648%201.722C25.293%2025.18%2027.003%2024%2029%2024%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M7%2022a7%207%200%201%200%200%2014a7%207%200%200%200%200-14m0%2012a5%205%200%201%201%200-10a5%205%200%200%201%200%2010m22-12a7%207%200%201%200%20.001%2014.001A7%207%200%200%200%2029%2022m0%2012a5%205%200%201%201%200-10a5%205%200%200%201%200%2010%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M29.984%2028.922a1%201%200%200%200-.04-.198a1%201%200%200%200-.071-.186c-.013-.024-.015-.052-.029-.075l-7-11a1%201%200%200%200-1.381-.307a.98.98%200%200%200-.445.843H12a1%201%200%201%200%200%202h10c.027%200%20.05-.014.077-.016L27.178%2028H18a1%201%200%201%200%200%202h11.001a1%201%200%200%200%20.44-.112c.031-.017.066-.024.097-.044c.03-.02.048-.051.075-.072a.95.95%200%200%200%20.251-.297c.03-.056.055-.11.075-.172a1%201%200%200%200%20.04-.201c.004-.036.021-.066.021-.102c0-.027-.014-.051-.016-.078%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22m21.581%2016l-2.899%208.117l-5.929-6.775a1%201%200%201%200-1.505%201.317l6.664%207.615l-.854%202.39a1%201%200%200%200%201.884.672L23.705%2016z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M7%2030a1%201%200%200%201-.893-1.447l3.062-6.106C9.186%2022.419%2011%2019.651%2011%2017c0-3.242-2.293-4.043-2.316-4.051a1%201%200%201%201%20.633-1.897C9.467%2011.102%2013%2012.333%2013%2017c0%203.068-1.836%206.042-2.131%206.497l-2.974%205.949A1%201%200%200%201%207%2030%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M14.612%2013.663a1%201%200%200%201-.165-.014l-6-1a1%201%200%200%201%20.329-1.973l6%201a1%201%200%200%201-.164%201.987M26.383%2017l-.089-.006l-5.672-.708a.708.708%200%200%201%20.087-1.413c.041%200%204.067-.018%205.989-1.299a.71.71%200%200%201%20.824.026a.71.71%200%200%201%20.241.788l-.709%202.127a.705.705%200%200%201-.671.485%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M20%2029a2%202%200%201%201-4%200a2%202%200%200%201%204%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/bicycle.svg?color=%231a73e8&size=48
