motorcycle icon
motorcycle-outline-rounded from Material Symbols Light by Google · Outline Rounded · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- motorcycle-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- 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="M10.546 11H7.95h5.096zm-5.161 7q-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.081q-.214 0-.357-.143q-.144-.143-.144-.357t.144-.357t.357-.143h2.075q.323 0 .628.13t.522.349l3.532 3.533q1.662-.004 2.818 1.161T22.616 14q0 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-2.968 2.969q-.131.13-.27.186q-.14.056-.302.056H9.323Q9.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.886q-.214 0-.357-.143T5.385 14t.143-.357q.143-.143.357-.143h2.454q-.191-1.073-1.02-1.786T5.384 11q-1.25 0-2.125.875T2.385 14t.875 2.125T5.385 17m3.988-3.5h1.173l2.5-2.5H7.95q.606.444.98 1.098q.376.654.443 1.402"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightMotorcycleOutlineRounded(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.546 11H7.95h5.096zm-5.161 7q-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.081q-.214 0-.357-.143q-.144-.143-.144-.357t.144-.357t.357-.143h2.075q.323 0 .628.13t.522.349l3.532 3.533q1.662-.004 2.818 1.161T22.616 14q0 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-2.968 2.969q-.131.13-.27.186q-.14.056-.302.056H9.323Q9.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.886q-.214 0-.357-.143T5.385 14t.143-.357q.143-.143.357-.143h2.454q-.191-1.073-1.02-1.786T5.384 11q-1.25 0-2.125.875T2.385 14t.875 2.125T5.385 17m3.988-3.5h1.173l2.5-2.5H7.95q.606.444.98 1.098q.376.654.443 1.402"/></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.546 11H7.95h5.096zm-5.161 7q-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.081q-.214 0-.357-.143q-.144-.143-.144-.357t.144-.357t.357-.143h2.075q.323 0 .628.13t.522.349l3.532 3.533q1.662-.004 2.818 1.161T22.616 14q0 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-2.968 2.969q-.131.13-.27.186q-.14.056-.302.056H9.323Q9.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.886q-.214 0-.357-.143T5.385 14t.143-.357q.143-.143.357-.143h2.454q-.191-1.073-1.02-1.786T5.384 11q-1.25 0-2.125.875T2.385 14t.875 2.125T5.385 17m3.988-3.5h1.173l2.5-2.5H7.95q.606.444.98 1.098q.376.654.443 1.402"/></svg> </template>
CSS
.icon-motorcycle-outline-rounded {
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.546%2011H7.95h5.096zm-5.161%207q-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.081q-.214%200-.357-.143q-.144-.143-.144-.357t.144-.357t.357-.143h2.075q.323%200%20.628.13t.522.349l3.532%203.533q1.662-.004%202.818%201.161T22.616%2014q0%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-2.968%202.969q-.131.13-.27.186q-.14.056-.302.056H9.323Q9.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.886q-.214%200-.357-.143T5.385%2014t.143-.357q.143-.143.357-.143h2.454q-.191-1.073-1.02-1.786T5.384%2011q-1.25%200-2.125.875T2.385%2014t.875%202.125T5.385%2017m3.988-3.5h1.173l2.5-2.5H7.95q.606.444.98%201.098q.376.654.443%201.402%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.546%2011H7.95h5.096zm-5.161%207q-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.081q-.214%200-.357-.143q-.144-.143-.144-.357t.144-.357t.357-.143h2.075q.323%200%20.628.13t.522.349l3.532%203.533q1.662-.004%202.818%201.161T22.616%2014q0%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-2.968%202.969q-.131.13-.27.186q-.14.056-.302.056H9.323Q9.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.886q-.214%200-.357-.143T5.385%2014t.143-.357q.143-.143.357-.143h2.454q-.191-1.073-1.02-1.786T5.384%2011q-1.25%200-2.125.875T2.385%2014t.875%202.125T5.385%2017m3.988-3.5h1.173l2.5-2.5H7.95q.606.444.98%201.098q.376.654.443%201.402%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-outline-rounded.svg?color=%231a73e8&size=48
