bicycle icon
bicycle from Carbon by IBM · Outline · Planning · Apache-2.0 Free for personal and commercial use.
- Name
- bicycle
- Set
- Carbon
- Style
- Outline
- Category
- Planning
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
bicycleAkar IconsbicycleBootstrap IconsbicycleEmoji One (Colored)bicycleElement PlusbicycleFont Awesome 6 SolidbicycleFont Awesome SolidbicycleFluent EmojibicycleFluent Emoji FlatbicycleFluent Emoji High ContrastbicycleFirefox OS EmojibicycleHuge IconsbicycleIconoirbicycleIonIconsbicycleLine AwesomebicycleMaterial Design IconsbicycleNoto EmojibicycleOpenMojibicyclePhosphorbicycleStreamline EmojisbicycleTwitter Emoji
More planning icons from Carbon
accumulation-iceaccumulation-precipitationaccumulation-rainaccumulation-snowagriculture-analyticsairline-digital-gateairline-manage-gatesairline-passenger-careairline-rapid-boardairport-01airport-02airport-locationalarmalarm-addalarm-subtractarray-date-timearray-timearrivalbaggage-claimbarbootbuoybuscabin-care
Use the bicycle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26 16c-.088 0-.173.01-.26.013L24.237 9H28V7h-5a1 1 0 0 0-.978 1.21L22.62 11H12.387l-1-3H14V6H7v2h2.28l1.041 3.123l-2.57 5.14A6 6 0 1 0 11.91 23h2.61a2 2 0 0 0 1.562-.75l7.058-8.824l.644 3.004A5.99 5.99 0 1 0 26 16M6 26a4 4 0 1 1 .836-7.91l-1.73 3.463l.009.004A1 1 0 0 0 5 22a.993.993 0 0 0 1.885.443l.01.004L8.618 19A3.984 3.984 0 0 1 6 26m5.91-5a6 6 0 0 0-2.373-3.836l1.678-3.358L13.613 21Zm3.458-1.06L13.054 13h7.865ZM26 26a3.988 3.988 0 0 1-1.786-7.56l.808 3.77l.02-.004A.986.986 0 0 0 26 23a1 1 0 0 0 1-1a1 1 0 0 0-.041-.206l.02-.004l-.81-3.773A3.993 3.993 0 0 1 26 26"/></svg>
React
import type { SVGProps } from "react";
export function CarbonBicycle(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="M26 16c-.088 0-.173.01-.26.013L24.237 9H28V7h-5a1 1 0 0 0-.978 1.21L22.62 11H12.387l-1-3H14V6H7v2h2.28l1.041 3.123l-2.57 5.14A6 6 0 1 0 11.91 23h2.61a2 2 0 0 0 1.562-.75l7.058-8.824l.644 3.004A5.99 5.99 0 1 0 26 16M6 26a4 4 0 1 1 .836-7.91l-1.73 3.463l.009.004A1 1 0 0 0 5 22a.993.993 0 0 0 1.885.443l.01.004L8.618 19A3.984 3.984 0 0 1 6 26m5.91-5a6 6 0 0 0-2.373-3.836l1.678-3.358L13.613 21Zm3.458-1.06L13.054 13h7.865ZM26 26a3.988 3.988 0 0 1-1.786-7.56l.808 3.77l.02-.004A.986.986 0 0 0 26 23a1 1 0 0 0 1-1a1 1 0 0 0-.041-.206l.02-.004l-.81-3.773A3.993 3.993 0 0 1 26 26"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26 16c-.088 0-.173.01-.26.013L24.237 9H28V7h-5a1 1 0 0 0-.978 1.21L22.62 11H12.387l-1-3H14V6H7v2h2.28l1.041 3.123l-2.57 5.14A6 6 0 1 0 11.91 23h2.61a2 2 0 0 0 1.562-.75l7.058-8.824l.644 3.004A5.99 5.99 0 1 0 26 16M6 26a4 4 0 1 1 .836-7.91l-1.73 3.463l.009.004A1 1 0 0 0 5 22a.993.993 0 0 0 1.885.443l.01.004L8.618 19A3.984 3.984 0 0 1 6 26m5.91-5a6 6 0 0 0-2.373-3.836l1.678-3.358L13.613 21Zm3.458-1.06L13.054 13h7.865ZM26 26a3.988 3.988 0 0 1-1.786-7.56l.808 3.77l.02-.004A.986.986 0 0 0 26 23a1 1 0 0 0 1-1a1 1 0 0 0-.041-.206l.02-.004l-.81-3.773A3.993 3.993 0 0 1 26 26"/></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%22M26%2016c-.088%200-.173.01-.26.013L24.237%209H28V7h-5a1%201%200%200%200-.978%201.21L22.62%2011H12.387l-1-3H14V6H7v2h2.28l1.041%203.123l-2.57%205.14A6%206%200%201%200%2011.91%2023h2.61a2%202%200%200%200%201.562-.75l7.058-8.824l.644%203.004A5.99%205.99%200%201%200%2026%2016M6%2026a4%204%200%201%201%20.836-7.91l-1.73%203.463l.009.004A1%201%200%200%200%205%2022a.993.993%200%200%200%201.885.443l.01.004L8.618%2019A3.984%203.984%200%200%201%206%2026m5.91-5a6%206%200%200%200-2.373-3.836l1.678-3.358L13.613%2021Zm3.458-1.06L13.054%2013h7.865ZM26%2026a3.988%203.988%200%200%201-1.786-7.56l.808%203.77l.02-.004A.986.986%200%200%200%2026%2023a1%201%200%200%200%201-1a1%201%200%200%200-.041-.206l.02-.004l-.81-3.773A3.993%203.993%200%200%201%2026%2026%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%22M26%2016c-.088%200-.173.01-.26.013L24.237%209H28V7h-5a1%201%200%200%200-.978%201.21L22.62%2011H12.387l-1-3H14V6H7v2h2.28l1.041%203.123l-2.57%205.14A6%206%200%201%200%2011.91%2023h2.61a2%202%200%200%200%201.562-.75l7.058-8.824l.644%203.004A5.99%205.99%200%201%200%2026%2016M6%2026a4%204%200%201%201%20.836-7.91l-1.73%203.463l.009.004A1%201%200%200%200%205%2022a.993.993%200%200%200%201.885.443l.01.004L8.618%2019A3.984%203.984%200%200%201%206%2026m5.91-5a6%206%200%200%200-2.373-3.836l1.678-3.358L13.613%2021Zm3.458-1.06L13.054%2013h7.865ZM26%2026a3.988%203.988%200%200%201-1.786-7.56l.808%203.77l.02-.004A.986.986%200%200%200%2026%2023a1%201%200%200%200%201-1a1%201%200%200%200-.041-.206l.02-.004l-.81-3.773A3.993%203.993%200%200%201%2026%2026%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/bicycle.svg?color=%231a73e8&size=48
