ebike icon

ebike-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.

Name: ebike-line
Set: MingCute Icon
Style: Line
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

Use the ebike icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 6V5a1 1 0 0 0-1 1zm0 4h-1a1 1 0 0 0 1 1zM3 17H2a1 1 0 0 0 1 1zm9-14a1 1 0 1 0 0 2zm6.92 6.606a1 1 0 1 0-1.84.788L18 10zm1.16 7.788a1 1 0 1 0 1.84-.788L21 17zM4 18a1 1 0 1 0 0-2zm5-.5H8A1.5 1.5 0 0 1 6.5 19v2a3.5 3.5 0 0 0 3.5-3.5zM6.5 20v-1A1.5 1.5 0 0 1 5 17.5H3A3.5 3.5 0 0 0 6.5 21zM4 17.5h1A1.5 1.5 0 0 1 6.5 16v-2A3.5 3.5 0 0 0 3 17.5zM6.5 15v1A1.5 1.5 0 0 1 8 17.5h2A3.5 3.5 0 0 0 6.5 14zM21 17.5h-1a1.5 1.5 0 0 1-1.5 1.5v2a3.5 3.5 0 0 0 3.5-3.5zM18.5 20v-1a1.5 1.5 0 0 1-1.5-1.5h-2a3.5 3.5 0 0 0 3.5 3.5zM16 17.5h1a1.5 1.5 0 0 1 1.5-1.5v-2a3.5 3.5 0 0 0-3.5 3.5zm2.5-2.5v1a1.5 1.5 0 0 1 1.5 1.5h2a3.5 3.5 0 0 0-3.5-3.5zM9 12v-1H3v2h6zm6-6v1h4V5h-4zm5 1h-1v2h2V7zm-1 3V9h-4v2h4zm-4 0h1V6h-2v4zm-6 8v1h7v-2H9zm0-9H8v2h2V9zm6 2h1V5h-2v6zm-1-7V3h-2v2h2zM8 8V7H4v2h4zM3 9H2v8h2V9zm15 1l-.92.394l3 7L21 17l.92-.394l-3-7zM3 17v1h1v-2H3zM15 5h1a2 2 0 0 0-2-2v2zm-3 9v1a4 4 0 0 0 4-4h-2a2 2 0 0 1-2 2zm-3-3H8a4 4 0 0 0 4 4v-2a2 2 0 0 1-2-2zm0-2h1a2 2 0 0 0-2-2v2zm11 0h-1v2a2 2 0 0 0 2-2zM4 8V7a2 2 0 0 0-2 2h2zm15-2v1h2a2 2 0 0 0-2-2z"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteEbikeLine(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="M15 6V5a1 1 0 0 0-1 1zm0 4h-1a1 1 0 0 0 1 1zM3 17H2a1 1 0 0 0 1 1zm9-14a1 1 0 1 0 0 2zm6.92 6.606a1 1 0 1 0-1.84.788L18 10zm1.16 7.788a1 1 0 1 0 1.84-.788L21 17zM4 18a1 1 0 1 0 0-2zm5-.5H8A1.5 1.5 0 0 1 6.5 19v2a3.5 3.5 0 0 0 3.5-3.5zM6.5 20v-1A1.5 1.5 0 0 1 5 17.5H3A3.5 3.5 0 0 0 6.5 21zM4 17.5h1A1.5 1.5 0 0 1 6.5 16v-2A3.5 3.5 0 0 0 3 17.5zM6.5 15v1A1.5 1.5 0 0 1 8 17.5h2A3.5 3.5 0 0 0 6.5 14zM21 17.5h-1a1.5 1.5 0 0 1-1.5 1.5v2a3.5 3.5 0 0 0 3.5-3.5zM18.5 20v-1a1.5 1.5 0 0 1-1.5-1.5h-2a3.5 3.5 0 0 0 3.5 3.5zM16 17.5h1a1.5 1.5 0 0 1 1.5-1.5v-2a3.5 3.5 0 0 0-3.5 3.5zm2.5-2.5v1a1.5 1.5 0 0 1 1.5 1.5h2a3.5 3.5 0 0 0-3.5-3.5zM9 12v-1H3v2h6zm6-6v1h4V5h-4zm5 1h-1v2h2V7zm-1 3V9h-4v2h4zm-4 0h1V6h-2v4zm-6 8v1h7v-2H9zm0-9H8v2h2V9zm6 2h1V5h-2v6zm-1-7V3h-2v2h2zM8 8V7H4v2h4zM3 9H2v8h2V9zm15 1l-.92.394l3 7L21 17l.92-.394l-3-7zM3 17v1h1v-2H3zM15 5h1a2 2 0 0 0-2-2v2zm-3 9v1a4 4 0 0 0 4-4h-2a2 2 0 0 1-2 2zm-3-3H8a4 4 0 0 0 4 4v-2a2 2 0 0 1-2-2zm0-2h1a2 2 0 0 0-2-2v2zm11 0h-1v2a2 2 0 0 0 2-2zM4 8V7a2 2 0 0 0-2 2h2zm15-2v1h2a2 2 0 0 0-2-2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 6V5a1 1 0 0 0-1 1zm0 4h-1a1 1 0 0 0 1 1zM3 17H2a1 1 0 0 0 1 1zm9-14a1 1 0 1 0 0 2zm6.92 6.606a1 1 0 1 0-1.84.788L18 10zm1.16 7.788a1 1 0 1 0 1.84-.788L21 17zM4 18a1 1 0 1 0 0-2zm5-.5H8A1.5 1.5 0 0 1 6.5 19v2a3.5 3.5 0 0 0 3.5-3.5zM6.5 20v-1A1.5 1.5 0 0 1 5 17.5H3A3.5 3.5 0 0 0 6.5 21zM4 17.5h1A1.5 1.5 0 0 1 6.5 16v-2A3.5 3.5 0 0 0 3 17.5zM6.5 15v1A1.5 1.5 0 0 1 8 17.5h2A3.5 3.5 0 0 0 6.5 14zM21 17.5h-1a1.5 1.5 0 0 1-1.5 1.5v2a3.5 3.5 0 0 0 3.5-3.5zM18.5 20v-1a1.5 1.5 0 0 1-1.5-1.5h-2a3.5 3.5 0 0 0 3.5 3.5zM16 17.5h1a1.5 1.5 0 0 1 1.5-1.5v-2a3.5 3.5 0 0 0-3.5 3.5zm2.5-2.5v1a1.5 1.5 0 0 1 1.5 1.5h2a3.5 3.5 0 0 0-3.5-3.5zM9 12v-1H3v2h6zm6-6v1h4V5h-4zm5 1h-1v2h2V7zm-1 3V9h-4v2h4zm-4 0h1V6h-2v4zm-6 8v1h7v-2H9zm0-9H8v2h2V9zm6 2h1V5h-2v6zm-1-7V3h-2v2h2zM8 8V7H4v2h4zM3 9H2v8h2V9zm15 1l-.92.394l3 7L21 17l.92-.394l-3-7zM3 17v1h1v-2H3zM15 5h1a2 2 0 0 0-2-2v2zm-3 9v1a4 4 0 0 0 4-4h-2a2 2 0 0 1-2 2zm-3-3H8a4 4 0 0 0 4 4v-2a2 2 0 0 1-2-2zm0-2h1a2 2 0 0 0-2-2v2zm11 0h-1v2a2 2 0 0 0 2-2zM4 8V7a2 2 0 0 0-2 2h2zm15-2v1h2a2 2 0 0 0-2-2z"/></svg>
</template>

CSS

.icon-ebike-line {
  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%22M15%206V5a1%201%200%200%200-1%201zm0%204h-1a1%201%200%200%200%201%201zM3%2017H2a1%201%200%200%200%201%201zm9-14a1%201%200%201%200%200%202zm6.92%206.606a1%201%200%201%200-1.84.788L18%2010zm1.16%207.788a1%201%200%201%200%201.84-.788L21%2017zM4%2018a1%201%200%201%200%200-2zm5-.5H8A1.5%201.5%200%200%201%206.5%2019v2a3.5%203.5%200%200%200%203.5-3.5zM6.5%2020v-1A1.5%201.5%200%200%201%205%2017.5H3A3.5%203.5%200%200%200%206.5%2021zM4%2017.5h1A1.5%201.5%200%200%201%206.5%2016v-2A3.5%203.5%200%200%200%203%2017.5zM6.5%2015v1A1.5%201.5%200%200%201%208%2017.5h2A3.5%203.5%200%200%200%206.5%2014zM21%2017.5h-1a1.5%201.5%200%200%201-1.5%201.5v2a3.5%203.5%200%200%200%203.5-3.5zM18.5%2020v-1a1.5%201.5%200%200%201-1.5-1.5h-2a3.5%203.5%200%200%200%203.5%203.5zM16%2017.5h1a1.5%201.5%200%200%201%201.5-1.5v-2a3.5%203.5%200%200%200-3.5%203.5zm2.5-2.5v1a1.5%201.5%200%200%201%201.5%201.5h2a3.5%203.5%200%200%200-3.5-3.5zM9%2012v-1H3v2h6zm6-6v1h4V5h-4zm5%201h-1v2h2V7zm-1%203V9h-4v2h4zm-4%200h1V6h-2v4zm-6%208v1h7v-2H9zm0-9H8v2h2V9zm6%202h1V5h-2v6zm-1-7V3h-2v2h2zM8%208V7H4v2h4zM3%209H2v8h2V9zm15%201l-.92.394l3%207L21%2017l.92-.394l-3-7zM3%2017v1h1v-2H3zM15%205h1a2%202%200%200%200-2-2v2zm-3%209v1a4%204%200%200%200%204-4h-2a2%202%200%200%201-2%202zm-3-3H8a4%204%200%200%200%204%204v-2a2%202%200%200%201-2-2zm0-2h1a2%202%200%200%200-2-2v2zm11%200h-1v2a2%202%200%200%200%202-2zM4%208V7a2%202%200%200%200-2%202h2zm15-2v1h2a2%202%200%200%200-2-2z%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%22M15%206V5a1%201%200%200%200-1%201zm0%204h-1a1%201%200%200%200%201%201zM3%2017H2a1%201%200%200%200%201%201zm9-14a1%201%200%201%200%200%202zm6.92%206.606a1%201%200%201%200-1.84.788L18%2010zm1.16%207.788a1%201%200%201%200%201.84-.788L21%2017zM4%2018a1%201%200%201%200%200-2zm5-.5H8A1.5%201.5%200%200%201%206.5%2019v2a3.5%203.5%200%200%200%203.5-3.5zM6.5%2020v-1A1.5%201.5%200%200%201%205%2017.5H3A3.5%203.5%200%200%200%206.5%2021zM4%2017.5h1A1.5%201.5%200%200%201%206.5%2016v-2A3.5%203.5%200%200%200%203%2017.5zM6.5%2015v1A1.5%201.5%200%200%201%208%2017.5h2A3.5%203.5%200%200%200%206.5%2014zM21%2017.5h-1a1.5%201.5%200%200%201-1.5%201.5v2a3.5%203.5%200%200%200%203.5-3.5zM18.5%2020v-1a1.5%201.5%200%200%201-1.5-1.5h-2a3.5%203.5%200%200%200%203.5%203.5zM16%2017.5h1a1.5%201.5%200%200%201%201.5-1.5v-2a3.5%203.5%200%200%200-3.5%203.5zm2.5-2.5v1a1.5%201.5%200%200%201%201.5%201.5h2a3.5%203.5%200%200%200-3.5-3.5zM9%2012v-1H3v2h6zm6-6v1h4V5h-4zm5%201h-1v2h2V7zm-1%203V9h-4v2h4zm-4%200h1V6h-2v4zm-6%208v1h7v-2H9zm0-9H8v2h2V9zm6%202h1V5h-2v6zm-1-7V3h-2v2h2zM8%208V7H4v2h4zM3%209H2v8h2V9zm15%201l-.92.394l3%207L21%2017l.92-.394l-3-7zM3%2017v1h1v-2H3zM15%205h1a2%202%200%200%200-2-2v2zm-3%209v1a4%204%200%200%200%204-4h-2a2%202%200%200%201-2%202zm-3-3H8a4%204%200%200%200%204%204v-2a2%202%200%200%201-2-2zm0-2h1a2%202%200%200%200-2-2v2zm11%200h-1v2a2%202%200%200%200%202-2zM4%208V7a2%202%200%200%200-2%202h2zm15-2v1h2a2%202%200%200%200-2-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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