motorcycle icon
motorcycle from Material Symbols Light by Google · Regular · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- motorcycle
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Transit
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
motorcycleEmoji One (Colored)motorcycleFont Awesome 6 SolidmotorcycleFont Awesome SolidmotorcycleFluent EmojimotorcycleFluent Emoji FlatmotorcycleFluent Emoji High ContrastmotorcycleFirefox OS EmojimotorcycleIconoirmotorcycleLine AwesomemotorcycleMaterial SymbolsmotorcycleNoto EmojimotorcycleOpenMojimotorcyclePhosphormotorcycleTwitter Emoji
More transit icons from Material Symbols Light
agricultureairlinesairport-shuttleambulanceauto-towingauto-transmissionbike-dockbike-lanebike-scooterboat-busboat-railwaybus-alertbus-map-pinbus-railwaycable-carcar-crashcar-defrost-leftcar-defrost-low-leftcar-defrost-low-rightcar-defrost-mid-leftcar-defrost-mid-low-leftcar-defrost-mid-low-rightcar-defrost-mid-rightcar-defrost-right
Use the motorcycle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.385 18q-1.671 0-2.836-1.164Q1.385 15.67 1.385 14t1.164-2.835T5.385 10h11.83L14.39 7.173q-.097-.096-.202-.134T13.966 7h-2.581V6h2.575q.323 0 .628.13t.522.349l3.532 3.532q1.662-.003 2.818 1.162q1.156 1.166 1.156 2.827q0 1.671-1.165 2.836Q20.287 18 18.616 18t-2.836-1.164T14.616 14q0-.777.35-1.474q.351-.697.911-1.237h-1.693l-3.21 3.211h-1.65Q9.166 16 8.041 17t-2.657 1m13.232-1q1.25 0 2.125-.875T21.616 14t-.875-2.125T18.616 11t-2.125.875T15.616 14t.875 2.125t2.125.875M5.385 17q1.103 0 1.933-.713t1.02-1.787H5.386v-1H8.34q-.191-1.073-1.02-1.786T5.384 11q-1.25 0-2.125.875T2.385 14t.875 2.125T5.385 17"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightMotorcycle(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="M5.385 18q-1.671 0-2.836-1.164Q1.385 15.67 1.385 14t1.164-2.835T5.385 10h11.83L14.39 7.173q-.097-.096-.202-.134T13.966 7h-2.581V6h2.575q.323 0 .628.13t.522.349l3.532 3.532q1.662-.003 2.818 1.162q1.156 1.166 1.156 2.827q0 1.671-1.165 2.836Q20.287 18 18.616 18t-2.836-1.164T14.616 14q0-.777.35-1.474q.351-.697.911-1.237h-1.693l-3.21 3.211h-1.65Q9.166 16 8.041 17t-2.657 1m13.232-1q1.25 0 2.125-.875T21.616 14t-.875-2.125T18.616 11t-2.125.875T15.616 14t.875 2.125t2.125.875M5.385 17q1.103 0 1.933-.713t1.02-1.787H5.386v-1H8.34q-.191-1.073-1.02-1.786T5.384 11q-1.25 0-2.125.875T2.385 14t.875 2.125T5.385 17"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.385 18q-1.671 0-2.836-1.164Q1.385 15.67 1.385 14t1.164-2.835T5.385 10h11.83L14.39 7.173q-.097-.096-.202-.134T13.966 7h-2.581V6h2.575q.323 0 .628.13t.522.349l3.532 3.532q1.662-.003 2.818 1.162q1.156 1.166 1.156 2.827q0 1.671-1.165 2.836Q20.287 18 18.616 18t-2.836-1.164T14.616 14q0-.777.35-1.474q.351-.697.911-1.237h-1.693l-3.21 3.211h-1.65Q9.166 16 8.041 17t-2.657 1m13.232-1q1.25 0 2.125-.875T21.616 14t-.875-2.125T18.616 11t-2.125.875T15.616 14t.875 2.125t2.125.875M5.385 17q1.103 0 1.933-.713t1.02-1.787H5.386v-1H8.34q-.191-1.073-1.02-1.786T5.384 11q-1.25 0-2.125.875T2.385 14t.875 2.125T5.385 17"/></svg> </template>
CSS
.icon-motorcycle {
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%22M5.385%2018q-1.671%200-2.836-1.164Q1.385%2015.67%201.385%2014t1.164-2.835T5.385%2010h11.83L14.39%207.173q-.097-.096-.202-.134T13.966%207h-2.581V6h2.575q.323%200%20.628.13t.522.349l3.532%203.532q1.662-.003%202.818%201.162q1.156%201.166%201.156%202.827q0%201.671-1.165%202.836Q20.287%2018%2018.616%2018t-2.836-1.164T14.616%2014q0-.777.35-1.474q.351-.697.911-1.237h-1.693l-3.21%203.211h-1.65Q9.166%2016%208.041%2017t-2.657%201m13.232-1q1.25%200%202.125-.875T21.616%2014t-.875-2.125T18.616%2011t-2.125.875T15.616%2014t.875%202.125t2.125.875M5.385%2017q1.103%200%201.933-.713t1.02-1.787H5.386v-1H8.34q-.191-1.073-1.02-1.786T5.384%2011q-1.25%200-2.125.875T2.385%2014t.875%202.125T5.385%2017%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%22M5.385%2018q-1.671%200-2.836-1.164Q1.385%2015.67%201.385%2014t1.164-2.835T5.385%2010h11.83L14.39%207.173q-.097-.096-.202-.134T13.966%207h-2.581V6h2.575q.323%200%20.628.13t.522.349l3.532%203.532q1.662-.003%202.818%201.162q1.156%201.166%201.156%202.827q0%201.671-1.165%202.836Q20.287%2018%2018.616%2018t-2.836-1.164T14.616%2014q0-.777.35-1.474q.351-.697.911-1.237h-1.693l-3.21%203.211h-1.65Q9.166%2016%208.041%2017t-2.657%201m13.232-1q1.25%200%202.125-.875T21.616%2014t-.875-2.125T18.616%2011t-2.125.875T15.616%2014t.875%202.125t2.125.875M5.385%2017q1.103%200%201.933-.713t1.02-1.787H5.386v-1H8.34q-.191-1.073-1.02-1.786T5.384%2011q-1.25%200-2.125.875T2.385%2014t.875%202.125T5.385%2017%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/motorcycle.svg?color=%231a73e8&size=48
