motorbike off icon

motorbike-off from Material Design Icons by Pictogrammers · Filled · Transportation + Road · Apache-2.0 Free for personal and commercial use.

Name: motorbike-off
Set: Material Design Icons
Style: Filled
Category: Transportation + Road
Viewbox: 24×24
License: Apache 2.0
Aliases: motorcycle-off

More transportation + road icons from Material Design Icons

Use the motorbike off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.1 21.5L2.4 1.7L1.1 3l7 7H6.5C4 10 2 12 2 14.5S4 19 6.5 19c2.2 0 4.1-1.6 4.4-3.7l1.5-.9l.6.6c.2 2.1 1.9 3.8 4 4l3.8 3.8zM8.8 15.3c-.3 1-1.3 1.7-2.4 1.7C5.1 17 4 15.9 4 14.5S5.1 12 6.5 12c1.1 0 2 .7 2.4 1.8H6v1.5zM11.2 8l-2-2h4.2l4 4h.1c2.5 0 4.5 2 4.5 4.5c0 1.2-.5 2.3-1.2 3.1l-1.4-1.4c.4-.4.6-1 .6-1.6c0-1.4-1.1-2.5-2.5-2.5c-.6 0-1.2.2-1.6.6L13.2 10h1.4l-2-2z"/></svg>

React

import type { SVGProps } from "react";

export function MdiMotorbikeOff(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="M22.1 21.5L2.4 1.7L1.1 3l7 7H6.5C4 10 2 12 2 14.5S4 19 6.5 19c2.2 0 4.1-1.6 4.4-3.7l1.5-.9l.6.6c.2 2.1 1.9 3.8 4 4l3.8 3.8zM8.8 15.3c-.3 1-1.3 1.7-2.4 1.7C5.1 17 4 15.9 4 14.5S5.1 12 6.5 12c1.1 0 2 .7 2.4 1.8H6v1.5zM11.2 8l-2-2h4.2l4 4h.1c2.5 0 4.5 2 4.5 4.5c0 1.2-.5 2.3-1.2 3.1l-1.4-1.4c.4-.4.6-1 .6-1.6c0-1.4-1.1-2.5-2.5-2.5c-.6 0-1.2.2-1.6.6L13.2 10h1.4l-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="M22.1 21.5L2.4 1.7L1.1 3l7 7H6.5C4 10 2 12 2 14.5S4 19 6.5 19c2.2 0 4.1-1.6 4.4-3.7l1.5-.9l.6.6c.2 2.1 1.9 3.8 4 4l3.8 3.8zM8.8 15.3c-.3 1-1.3 1.7-2.4 1.7C5.1 17 4 15.9 4 14.5S5.1 12 6.5 12c1.1 0 2 .7 2.4 1.8H6v1.5zM11.2 8l-2-2h4.2l4 4h.1c2.5 0 4.5 2 4.5 4.5c0 1.2-.5 2.3-1.2 3.1l-1.4-1.4c.4-.4.6-1 .6-1.6c0-1.4-1.1-2.5-2.5-2.5c-.6 0-1.2.2-1.6.6L13.2 10h1.4l-2-2z"/></svg>
</template>

CSS

.icon-motorbike-off {
  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%22M22.1%2021.5L2.4%201.7L1.1%203l7%207H6.5C4%2010%202%2012%202%2014.5S4%2019%206.5%2019c2.2%200%204.1-1.6%204.4-3.7l1.5-.9l.6.6c.2%202.1%201.9%203.8%204%204l3.8%203.8zM8.8%2015.3c-.3%201-1.3%201.7-2.4%201.7C5.1%2017%204%2015.9%204%2014.5S5.1%2012%206.5%2012c1.1%200%202%20.7%202.4%201.8H6v1.5zM11.2%208l-2-2h4.2l4%204h.1c2.5%200%204.5%202%204.5%204.5c0%201.2-.5%202.3-1.2%203.1l-1.4-1.4c.4-.4.6-1%20.6-1.6c0-1.4-1.1-2.5-2.5-2.5c-.6%200-1.2.2-1.6.6L13.2%2010h1.4l-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%22M22.1%2021.5L2.4%201.7L1.1%203l7%207H6.5C4%2010%202%2012%202%2014.5S4%2019%206.5%2019c2.2%200%204.1-1.6%204.4-3.7l1.5-.9l.6.6c.2%202.1%201.9%203.8%204%204l3.8%203.8zM8.8%2015.3c-.3%201-1.3%201.7-2.4%201.7C5.1%2017%204%2015.9%204%2014.5S5.1%2012%206.5%2012c1.1%200%202%20.7%202.4%201.8H6v1.5zM11.2%208l-2-2h4.2l4%204h.1c2.5%200%204.5%202%204.5%204.5c0%201.2-.5%202.3-1.2%203.1l-1.4-1.4c.4-.4.6-1%20.6-1.6c0-1.4-1.1-2.5-2.5-2.5c-.6%200-1.2.2-1.6.6L13.2%2010h1.4l-2-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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