Bicycle
bicycleA 24px icon in Bloom’s Parts category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.
- Category
- Tags
- Motion
Bicycle in five styles
- Linear
- Line Duotone
- Outline
- Bold
- Bold Duotone
Linear at 16, 20, 24 and 32px
- 16px
- 20px
- 24px
- 32px
Get the SVG
The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.
npx -y bloom-icons get bicycle --style linearIt also moves on hover: add --motion to the command, or take dist/motion/<style>/bicycle.svg.
- Linear
dist/linear/bicycle.svgsvg/linear/bicycle.svg - Line Duotone
dist/line-duotone/bicycle.svgsvg/line-duotone/bicycle.svg - Outline
dist/outline/bicycle.svgsvg/outline/bicycle.svg - Bold
dist/bold/bicycle.svgsvg/bold/bicycle.svg - Bold Duotone
dist/bold-duotone/bicycle.svgsvg/bold-duotone/bicycle.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="5.25" cy="15.75" r="3"/>
<circle cx="18.75" cy="15.75" r="3"/>
<path d="M5.25 15.75H11.202L16.36 6.818M11.202 15.75L9.317 8.706L5.25 15.75M9.317 8.706L16.36 6.818L18.75 15.75"/>
<path d="M9.317 8.706L8.391 5.25M6.891 5.25H9.891"/>
<path d="M16.36 6.818L15.94 5.25H18.375"/>
</svg>