bicycle icon

bicycle from Font Awesome 6 Solid by Dave Gandy · Regular · Fitness · CC-BY-4.0 Attribution required.

Name
bicycle
Set
Font Awesome 6 Solid
Style
Regular
Category
Fitness
Viewbox
640×512
License
CC BY 4.0

The same icon in other sets

bicycleAkar IconsbicycleBootstrap IconsbicycleCarbonbicycleEmoji One (Colored)bicycleElement PlusbicycleFont Awesome SolidbicycleFluent EmojibicycleFluent Emoji FlatbicycleFluent Emoji High ContrastbicycleFirefox OS EmojibicycleHuge IconsbicycleIconoirbicycleIonIconsbicycleLine AwesomebicycleMaterial Design IconsbicycleNoto EmojibicycleOpenMojibicyclePhosphorbicycleStreamline EmojisbicycleTwitter Emoji

More fitness icons from Font Awesome 6 Solid

spa

Use the bicycle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M312 32c-13.3 0-24 10.7-24 24s10.7 24 24 24h25.7l34.6 64H222.9l-27.4-38c-4.5-6.3-11.8-10-19.5-10h-56c-13.3 0-24 10.7-24 24s10.7 24 24 24h43.7l22.1 30.7l-26.6 53.1c-10-2.5-20.5-3.8-31.2-3.8C57.3 224 0 281.3 0 352s57.3 128 128 128c65.3 0 119.1-48.9 127-112h49c8.5 0 16.3-4.5 20.7-11.8l84.8-143.5l21.7 40.1C402.4 276.3 384 312 384 352c0 70.7 57.3 128 128 128s128-57.3 128-128s-57.3-128-128-128c-13.5 0-26.5 2.1-38.7 6L375.4 48.8C369.8 38.4 359 32 347.2 32zm146.6 271.7l32.3 59.7c6.3 11.7 20.9 16 32.5 9.7s16-20.9 9.7-32.5l-32.3-59.7c3.6-.6 7.4-.9 11.2-.9c39.8 0 72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72c0-18.6 7-35.5 18.6-48.3M133.2 368h65c-7.3 32.1-36 56-70.2 56c-39.8 0-72-32.2-72-72s32.2-72 72-72c1.7 0 3.4.1 5.1.2l-24.2 48.5c-9 18.1 4.1 39.4 24.3 39.4zm33.7-48l50.7-101.3l72.9 101.2l-.1.1zm90.6-128H366l-49 82.8l-59.6-82.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidBicycle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M312 32c-13.3 0-24 10.7-24 24s10.7 24 24 24h25.7l34.6 64H222.9l-27.4-38c-4.5-6.3-11.8-10-19.5-10h-56c-13.3 0-24 10.7-24 24s10.7 24 24 24h43.7l22.1 30.7l-26.6 53.1c-10-2.5-20.5-3.8-31.2-3.8C57.3 224 0 281.3 0 352s57.3 128 128 128c65.3 0 119.1-48.9 127-112h49c8.5 0 16.3-4.5 20.7-11.8l84.8-143.5l21.7 40.1C402.4 276.3 384 312 384 352c0 70.7 57.3 128 128 128s128-57.3 128-128s-57.3-128-128-128c-13.5 0-26.5 2.1-38.7 6L375.4 48.8C369.8 38.4 359 32 347.2 32zm146.6 271.7l32.3 59.7c6.3 11.7 20.9 16 32.5 9.7s16-20.9 9.7-32.5l-32.3-59.7c3.6-.6 7.4-.9 11.2-.9c39.8 0 72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72c0-18.6 7-35.5 18.6-48.3M133.2 368h65c-7.3 32.1-36 56-70.2 56c-39.8 0-72-32.2-72-72s32.2-72 72-72c1.7 0 3.4.1 5.1.2l-24.2 48.5c-9 18.1 4.1 39.4 24.3 39.4zm33.7-48l50.7-101.3l72.9 101.2l-.1.1zm90.6-128H366l-49 82.8l-59.6-82.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M312 32c-13.3 0-24 10.7-24 24s10.7 24 24 24h25.7l34.6 64H222.9l-27.4-38c-4.5-6.3-11.8-10-19.5-10h-56c-13.3 0-24 10.7-24 24s10.7 24 24 24h43.7l22.1 30.7l-26.6 53.1c-10-2.5-20.5-3.8-31.2-3.8C57.3 224 0 281.3 0 352s57.3 128 128 128c65.3 0 119.1-48.9 127-112h49c8.5 0 16.3-4.5 20.7-11.8l84.8-143.5l21.7 40.1C402.4 276.3 384 312 384 352c0 70.7 57.3 128 128 128s128-57.3 128-128s-57.3-128-128-128c-13.5 0-26.5 2.1-38.7 6L375.4 48.8C369.8 38.4 359 32 347.2 32zm146.6 271.7l32.3 59.7c6.3 11.7 20.9 16 32.5 9.7s16-20.9 9.7-32.5l-32.3-59.7c3.6-.6 7.4-.9 11.2-.9c39.8 0 72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72c0-18.6 7-35.5 18.6-48.3M133.2 368h65c-7.3 32.1-36 56-70.2 56c-39.8 0-72-32.2-72-72s32.2-72 72-72c1.7 0 3.4.1 5.1.2l-24.2 48.5c-9 18.1 4.1 39.4 24.3 39.4zm33.7-48l50.7-101.3l72.9 101.2l-.1.1zm90.6-128H366l-49 82.8l-59.6-82.8z"/></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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M312%2032c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h25.7l34.6%2064H222.9l-27.4-38c-4.5-6.3-11.8-10-19.5-10h-56c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h43.7l22.1%2030.7l-26.6%2053.1c-10-2.5-20.5-3.8-31.2-3.8C57.3%20224%200%20281.3%200%20352s57.3%20128%20128%20128c65.3%200%20119.1-48.9%20127-112h49c8.5%200%2016.3-4.5%2020.7-11.8l84.8-143.5l21.7%2040.1C402.4%20276.3%20384%20312%20384%20352c0%2070.7%2057.3%20128%20128%20128s128-57.3%20128-128s-57.3-128-128-128c-13.5%200-26.5%202.1-38.7%206L375.4%2048.8C369.8%2038.4%20359%2032%20347.2%2032zm146.6%20271.7l32.3%2059.7c6.3%2011.7%2020.9%2016%2032.5%209.7s16-20.9%209.7-32.5l-32.3-59.7c3.6-.6%207.4-.9%2011.2-.9c39.8%200%2072%2032.2%2072%2072s-32.2%2072-72%2072s-72-32.2-72-72c0-18.6%207-35.5%2018.6-48.3M133.2%20368h65c-7.3%2032.1-36%2056-70.2%2056c-39.8%200-72-32.2-72-72s32.2-72%2072-72c1.7%200%203.4.1%205.1.2l-24.2%2048.5c-9%2018.1%204.1%2039.4%2024.3%2039.4zm33.7-48l50.7-101.3l72.9%20101.2l-.1.1zm90.6-128H366l-49%2082.8l-59.6-82.8z%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M312%2032c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h25.7l34.6%2064H222.9l-27.4-38c-4.5-6.3-11.8-10-19.5-10h-56c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h43.7l22.1%2030.7l-26.6%2053.1c-10-2.5-20.5-3.8-31.2-3.8C57.3%20224%200%20281.3%200%20352s57.3%20128%20128%20128c65.3%200%20119.1-48.9%20127-112h49c8.5%200%2016.3-4.5%2020.7-11.8l84.8-143.5l21.7%2040.1C402.4%20276.3%20384%20312%20384%20352c0%2070.7%2057.3%20128%20128%20128s128-57.3%20128-128s-57.3-128-128-128c-13.5%200-26.5%202.1-38.7%206L375.4%2048.8C369.8%2038.4%20359%2032%20347.2%2032zm146.6%20271.7l32.3%2059.7c6.3%2011.7%2020.9%2016%2032.5%209.7s16-20.9%209.7-32.5l-32.3-59.7c3.6-.6%207.4-.9%2011.2-.9c39.8%200%2072%2032.2%2072%2072s-32.2%2072-72%2072s-72-32.2-72-72c0-18.6%207-35.5%2018.6-48.3M133.2%20368h65c-7.3%2032.1-36%2056-70.2%2056c-39.8%200-72-32.2-72-72s32.2-72%2072-72c1.7%200%203.4.1%205.1.2l-24.2%2048.5c-9%2018.1%204.1%2039.4%2024.3%2039.4zm33.7-48l50.7-101.3l72.9%20101.2l-.1.1zm90.6-128H366l-49%2082.8l-59.6-82.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/bicycle.svg?color=%231a73e8&size=48

Bicycle icon — Font Awesome 6 Solid · IconsDB