electric scooter icon
electric-scooter-outline-rounded from Material Symbols Light by Google · Outline Rounded · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- electric-scooter-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
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 electric scooter icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.108 17.5q-1.039 0-1.766-.728t-.726-1.77t.726-1.771t1.766-.731q.81 0 1.524.505t.937 1.495h6.07q.178-1.777 1.422-3.09q1.243-1.314 2.931-1.545l-1.515-6.884q-.038-.212-.211-.347q-.174-.134-.385-.134h-2.765q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143H15.9q.558 0 .996.348q.439.348.57.914l1.667 7.686q.03.121-.047.221q-.079.1-.201.1q-1.748 0-2.944 1.216q-1.195 1.217-1.32 2.729q-.03.34-.274.563q-.243.223-.593.223H7.569q-.223.99-.937 1.495t-1.524.505m1.066-1.441q.442-.442.442-1.059t-.442-1.059t-1.058-.441t-1.06.441q-.44.442-.44 1.059t.44 1.059q.442.441 1.06.441q.617 0 1.058-.441m10.942.751q-.731-.728-.731-1.77t.728-1.77t1.77-.731t1.77.728t.732 1.77t-.729 1.77t-1.769.732t-1.771-.729m2.827-.713q.441-.441.441-1.059t-.44-1.058t-1.06-.442t-1.058.442t-.441 1.058t.441 1.059t1.059.441t1.058-.441m-6.982 4.826v1.085q0 .22-.189.34q-.19.12-.407.01l-3.761-1.902q-.137-.081-.107-.23t.188-.149h2.546v-1.085q0-.22.19-.34q.189-.12.406-.01l3.762 1.902q.136.081.106.23t-.187.149zm5.924-5.884"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightElectricScooterOutlineRounded(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.108 17.5q-1.039 0-1.766-.728t-.726-1.77t.726-1.771t1.766-.731q.81 0 1.524.505t.937 1.495h6.07q.178-1.777 1.422-3.09q1.243-1.314 2.931-1.545l-1.515-6.884q-.038-.212-.211-.347q-.174-.134-.385-.134h-2.765q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143H15.9q.558 0 .996.348q.439.348.57.914l1.667 7.686q.03.121-.047.221q-.079.1-.201.1q-1.748 0-2.944 1.216q-1.195 1.217-1.32 2.729q-.03.34-.274.563q-.243.223-.593.223H7.569q-.223.99-.937 1.495t-1.524.505m1.066-1.441q.442-.442.442-1.059t-.442-1.059t-1.058-.441t-1.06.441q-.44.442-.44 1.059t.44 1.059q.442.441 1.06.441q.617 0 1.058-.441m10.942.751q-.731-.728-.731-1.77t.728-1.77t1.77-.731t1.77.728t.732 1.77t-.729 1.77t-1.769.732t-1.771-.729m2.827-.713q.441-.441.441-1.059t-.44-1.058t-1.06-.442t-1.058.442t-.441 1.058t.441 1.059t1.059.441t1.058-.441m-6.982 4.826v1.085q0 .22-.189.34q-.19.12-.407.01l-3.761-1.902q-.137-.081-.107-.23t.188-.149h2.546v-1.085q0-.22.19-.34q.189-.12.406-.01l3.762 1.902q.136.081.106.23t-.187.149zm5.924-5.884"/></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.108 17.5q-1.039 0-1.766-.728t-.726-1.77t.726-1.771t1.766-.731q.81 0 1.524.505t.937 1.495h6.07q.178-1.777 1.422-3.09q1.243-1.314 2.931-1.545l-1.515-6.884q-.038-.212-.211-.347q-.174-.134-.385-.134h-2.765q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143H15.9q.558 0 .996.348q.439.348.57.914l1.667 7.686q.03.121-.047.221q-.079.1-.201.1q-1.748 0-2.944 1.216q-1.195 1.217-1.32 2.729q-.03.34-.274.563q-.243.223-.593.223H7.569q-.223.99-.937 1.495t-1.524.505m1.066-1.441q.442-.442.442-1.059t-.442-1.059t-1.058-.441t-1.06.441q-.44.442-.44 1.059t.44 1.059q.442.441 1.06.441q.617 0 1.058-.441m10.942.751q-.731-.728-.731-1.77t.728-1.77t1.77-.731t1.77.728t.732 1.77t-.729 1.77t-1.769.732t-1.771-.729m2.827-.713q.441-.441.441-1.059t-.44-1.058t-1.06-.442t-1.058.442t-.441 1.058t.441 1.059t1.059.441t1.058-.441m-6.982 4.826v1.085q0 .22-.189.34q-.19.12-.407.01l-3.761-1.902q-.137-.081-.107-.23t.188-.149h2.546v-1.085q0-.22.19-.34q.189-.12.406-.01l3.762 1.902q.136.081.106.23t-.187.149zm5.924-5.884"/></svg> </template>
CSS
.icon-electric-scooter-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%22M5.108%2017.5q-1.039%200-1.766-.728t-.726-1.77t.726-1.771t1.766-.731q.81%200%201.524.505t.937%201.495h6.07q.178-1.777%201.422-3.09q1.243-1.314%202.931-1.545l-1.515-6.884q-.038-.212-.211-.347q-.174-.134-.385-.134h-2.765q-.213%200-.357-.144t-.143-.357t.143-.356t.357-.143H15.9q.558%200%20.996.348q.439.348.57.914l1.667%207.686q.03.121-.047.221q-.079.1-.201.1q-1.748%200-2.944%201.216q-1.195%201.217-1.32%202.729q-.03.34-.274.563q-.243.223-.593.223H7.569q-.223.99-.937%201.495t-1.524.505m1.066-1.441q.442-.442.442-1.059t-.442-1.059t-1.058-.441t-1.06.441q-.44.442-.44%201.059t.44%201.059q.442.441%201.06.441q.617%200%201.058-.441m10.942.751q-.731-.728-.731-1.77t.728-1.77t1.77-.731t1.77.728t.732%201.77t-.729%201.77t-1.769.732t-1.771-.729m2.827-.713q.441-.441.441-1.059t-.44-1.058t-1.06-.442t-1.058.442t-.441%201.058t.441%201.059t1.059.441t1.058-.441m-6.982%204.826v1.085q0%20.22-.189.34q-.19.12-.407.01l-3.761-1.902q-.137-.081-.107-.23t.188-.149h2.546v-1.085q0-.22.19-.34q.189-.12.406-.01l3.762%201.902q.136.081.106.23t-.187.149zm5.924-5.884%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.108%2017.5q-1.039%200-1.766-.728t-.726-1.77t.726-1.771t1.766-.731q.81%200%201.524.505t.937%201.495h6.07q.178-1.777%201.422-3.09q1.243-1.314%202.931-1.545l-1.515-6.884q-.038-.212-.211-.347q-.174-.134-.385-.134h-2.765q-.213%200-.357-.144t-.143-.357t.143-.356t.357-.143H15.9q.558%200%20.996.348q.439.348.57.914l1.667%207.686q.03.121-.047.221q-.079.1-.201.1q-1.748%200-2.944%201.216q-1.195%201.217-1.32%202.729q-.03.34-.274.563q-.243.223-.593.223H7.569q-.223.99-.937%201.495t-1.524.505m1.066-1.441q.442-.442.442-1.059t-.442-1.059t-1.058-.441t-1.06.441q-.44.442-.44%201.059t.44%201.059q.442.441%201.06.441q.617%200%201.058-.441m10.942.751q-.731-.728-.731-1.77t.728-1.77t1.77-.731t1.77.728t.732%201.77t-.729%201.77t-1.769.732t-1.771-.729m2.827-.713q.441-.441.441-1.059t-.44-1.058t-1.06-.442t-1.058.442t-.441%201.058t.441%201.059t1.059.441t1.058-.441m-6.982%204.826v1.085q0%20.22-.189.34q-.19.12-.407.01l-3.761-1.902q-.137-.081-.107-.23t.188-.149h2.546v-1.085q0-.22.19-.34q.189-.12.406-.01l3.762%201.902q.136.081.106.23t-.187.149zm5.924-5.884%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/electric-scooter-outline-rounded.svg?color=%231a73e8&size=48
