bike icon

bike-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: bike-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

The same icon in other sets

bikeHealth Icons bikeHuge Icons bikeHumbleicons bikeIconPark bikeIconPark Outline bikeIconPark Solid bikeIconPark TwoTone bikeLucide bikeMaterial Design Icons bikeMyna UI Icons bike-fillRemix Icon bikeTabler Icons

Use the bike icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 5a1 1 0 0 1 1-1h2.614a3 3 0 0 1 2.809 1.947l2.294 6.117a4.001 4.001 0 1 1-2.072.171L16.182 11L9.21 13.614A4 4 0 1 1 6 12h.022l-1.111-2H4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2h-.8l1.026 1.847l7.254-2.72l-.93-2.478A1 1 0 0 0 13.614 6H11a1 1 0 0 1-1-1"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteBikeFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 5a1 1 0 0 1 1-1h2.614a3 3 0 0 1 2.809 1.947l2.294 6.117a4.001 4.001 0 1 1-2.072.171L16.182 11L9.21 13.614A4 4 0 1 1 6 12h.022l-1.111-2H4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2h-.8l1.026 1.847l7.254-2.72l-.93-2.478A1 1 0 0 0 13.614 6H11a1 1 0 0 1-1-1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 5a1 1 0 0 1 1-1h2.614a3 3 0 0 1 2.809 1.947l2.294 6.117a4.001 4.001 0 1 1-2.072.171L16.182 11L9.21 13.614A4 4 0 1 1 6 12h.022l-1.111-2H4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2h-.8l1.026 1.847l7.254-2.72l-.93-2.478A1 1 0 0 0 13.614 6H11a1 1 0 0 1-1-1"/></svg>
</template>

CSS

.icon-bike-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%205a1%201%200%200%201%201-1h2.614a3%203%200%200%201%202.809%201.947l2.294%206.117a4.001%204.001%200%201%201-2.072.171L16.182%2011L9.21%2013.614A4%204%200%201%201%206%2012h.022l-1.111-2H4a1%201%200%200%201%200-2h4a1%201%200%200%201%200%202h-.8l1.026%201.847l7.254-2.72l-.93-2.478A1%201%200%200%200%2013.614%206H11a1%201%200%200%201-1-1%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%205a1%201%200%200%201%201-1h2.614a3%203%200%200%201%202.809%201.947l2.294%206.117a4.001%204.001%200%201%201-2.072.171L16.182%2011L9.21%2013.614A4%204%200%201%201%206%2012h.022l-1.111-2H4a1%201%200%200%201%200-2h4a1%201%200%200%201%200%202h-.8l1.026%201.847l7.254-2.72l-.93-2.478A1%201%200%200%200%2013.614%206H11a1%201%200%200%201-1-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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