bicycle icon
bicycle-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- bicycle-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon 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 EmojibicycleOpenMojibicycleStreamline EmojisbicycleTwitter Emoji
Use the bicycle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 116a43.7 43.7 0 0 0-18.62 4.15L159 68h33a12 12 0 0 1 12 12a4 4 0 0 0 8 0a20 20 0 0 0-20-20h-40a4 4 0 0 0-3.46 6l15.16 26H97L79.46 62A4 4 0 0 0 76 60H48a4 4 0 0 0 0 8h25.7l16.19 27.76l-19.32 26.49A44.21 44.21 0 1 0 77 127l17.29-23.7l34.25 58.7a4 4 0 0 0 3.46 2a4.1 4.1 0 0 0 2-.54a4 4 0 0 0 1.44-5.48l-33.83-58h66.74l14.11 24.19A44 44 0 1 0 208 116M84 160a36 36 0 1 1-18.16-31.25l-21.07 28.89a4 4 0 0 0 6.46 4.72l21.07-28.9A35.92 35.92 0 0 1 84 160m124 36a36 36 0 0 1-21.47-64.88l18 30.9a4 4 0 0 0 3.46 2a4.1 4.1 0 0 0 2-.54a4 4 0 0 0 1.44-5.48l-18-30.89A36 36 0 1 1 208 196"/></svg>
React
import type { SVGProps } from "react";
export function PhBicycleThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 116a43.7 43.7 0 0 0-18.62 4.15L159 68h33a12 12 0 0 1 12 12a4 4 0 0 0 8 0a20 20 0 0 0-20-20h-40a4 4 0 0 0-3.46 6l15.16 26H97L79.46 62A4 4 0 0 0 76 60H48a4 4 0 0 0 0 8h25.7l16.19 27.76l-19.32 26.49A44.21 44.21 0 1 0 77 127l17.29-23.7l34.25 58.7a4 4 0 0 0 3.46 2a4.1 4.1 0 0 0 2-.54a4 4 0 0 0 1.44-5.48l-33.83-58h66.74l14.11 24.19A44 44 0 1 0 208 116M84 160a36 36 0 1 1-18.16-31.25l-21.07 28.89a4 4 0 0 0 6.46 4.72l21.07-28.9A35.92 35.92 0 0 1 84 160m124 36a36 36 0 0 1-21.47-64.88l18 30.9a4 4 0 0 0 3.46 2a4.1 4.1 0 0 0 2-.54a4 4 0 0 0 1.44-5.48l-18-30.89A36 36 0 1 1 208 196"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 116a43.7 43.7 0 0 0-18.62 4.15L159 68h33a12 12 0 0 1 12 12a4 4 0 0 0 8 0a20 20 0 0 0-20-20h-40a4 4 0 0 0-3.46 6l15.16 26H97L79.46 62A4 4 0 0 0 76 60H48a4 4 0 0 0 0 8h25.7l16.19 27.76l-19.32 26.49A44.21 44.21 0 1 0 77 127l17.29-23.7l34.25 58.7a4 4 0 0 0 3.46 2a4.1 4.1 0 0 0 2-.54a4 4 0 0 0 1.44-5.48l-33.83-58h66.74l14.11 24.19A44 44 0 1 0 208 116M84 160a36 36 0 1 1-18.16-31.25l-21.07 28.89a4 4 0 0 0 6.46 4.72l21.07-28.9A35.92 35.92 0 0 1 84 160m124 36a36 36 0 0 1-21.47-64.88l18 30.9a4 4 0 0 0 3.46 2a4.1 4.1 0 0 0 2-.54a4 4 0 0 0 1.44-5.48l-18-30.89A36 36 0 1 1 208 196"/></svg> </template>
CSS
.icon-bicycle-thin {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M208%20116a43.7%2043.7%200%200%200-18.62%204.15L159%2068h33a12%2012%200%200%201%2012%2012a4%204%200%200%200%208%200a20%2020%200%200%200-20-20h-40a4%204%200%200%200-3.46%206l15.16%2026H97L79.46%2062A4%204%200%200%200%2076%2060H48a4%204%200%200%200%200%208h25.7l16.19%2027.76l-19.32%2026.49A44.21%2044.21%200%201%200%2077%20127l17.29-23.7l34.25%2058.7a4%204%200%200%200%203.46%202a4.1%204.1%200%200%200%202-.54a4%204%200%200%200%201.44-5.48l-33.83-58h66.74l14.11%2024.19A44%2044%200%201%200%20208%20116M84%20160a36%2036%200%201%201-18.16-31.25l-21.07%2028.89a4%204%200%200%200%206.46%204.72l21.07-28.9A35.92%2035.92%200%200%201%2084%20160m124%2036a36%2036%200%200%201-21.47-64.88l18%2030.9a4%204%200%200%200%203.46%202a4.1%204.1%200%200%200%202-.54a4%204%200%200%200%201.44-5.48l-18-30.89A36%2036%200%201%201%20208%20196%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M208%20116a43.7%2043.7%200%200%200-18.62%204.15L159%2068h33a12%2012%200%200%201%2012%2012a4%204%200%200%200%208%200a20%2020%200%200%200-20-20h-40a4%204%200%200%200-3.46%206l15.16%2026H97L79.46%2062A4%204%200%200%200%2076%2060H48a4%204%200%200%200%200%208h25.7l16.19%2027.76l-19.32%2026.49A44.21%2044.21%200%201%200%2077%20127l17.29-23.7l34.25%2058.7a4%204%200%200%200%203.46%202a4.1%204.1%200%200%200%202-.54a4%204%200%200%200%201.44-5.48l-33.83-58h66.74l14.11%2024.19A44%2044%200%201%200%20208%20116M84%20160a36%2036%200%201%201-18.16-31.25l-21.07%2028.89a4%204%200%200%200%206.46%204.72l21.07-28.9A35.92%2035.92%200%200%201%2084%20160m124%2036a36%2036%200%200%201-21.47-64.88l18%2030.9a4%204%200%200%200%203.46%202a4.1%204.1%200%200%200%202-.54a4%204%200%200%200%201.44-5.48l-18-30.89A36%2036%200%201%201%20208%20196%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/bicycle-thin.svg?color=%231a73e8&size=48
