bike scooter icon
bike-scooter-outline from Material Symbols Light by Google · Outline · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- bike-scooter-outline
- Set
- Material Symbols Light
- Style
- Outline
- 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-laneboat-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-rightcar-fan-low-left
Use the bike scooter icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.23 18.5v-1h4.524q.179-1.777 1.422-3.09q1.243-1.314 2.932-1.545L7.58 5.961q-.039-.211-.222-.336q-.182-.125-.355-.125H3.73v-1h3.273q.502 0 .968.341q.467.342.597.901l1.758 8.027H10q-1.766 0-3.017 1.252q-1.252 1.252-1.252 3.017v.462zm8 1.308q-.73-.731-.73-1.77t.73-1.769t1.77-.73t1.77.73t.73 1.77t-.73 1.769t-1.77.73t-1.77-.73m2.829-.711q.441-.441.441-1.059t-.441-1.058T10 16.538t-1.059.442t-.441 1.058t.441 1.059t1.059.441t1.059-.441m8.172-1.636q-1.743 0-2.99-1.093T14.754 13.5h-2.696l-.22-1h2.916q.087-.69.51-1.623q.425-.933 1.236-1.416h-5.304l-.219-1h6.035l-1.6-4.384q-.058-.173-.193-.26q-.134-.086-.307-.086h-2.1v-1h2.1q.477 0 .874.263q.397.264.564.729l1.735 4.727h1.146q1.902 0 3.2 1.299t1.3 3.201q0 1.856-1.347 3.184q-1.348 1.327-3.153 1.327m0-.961q1.486 0 2.493-1.029T22.731 13q0-1.487-1.007-2.493T19.231 9.5q-.223 0-.416.01t-.377.067l1.039 2.765l-.938.354l-.989-2.765q-.865.483-1.342 1.327T15.73 13q0 1.442 1.007 2.471T19.23 16.5m0-3.5"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightBikeScooterOutline(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="M.23 18.5v-1h4.524q.179-1.777 1.422-3.09q1.243-1.314 2.932-1.545L7.58 5.961q-.039-.211-.222-.336q-.182-.125-.355-.125H3.73v-1h3.273q.502 0 .968.341q.467.342.597.901l1.758 8.027H10q-1.766 0-3.017 1.252q-1.252 1.252-1.252 3.017v.462zm8 1.308q-.73-.731-.73-1.77t.73-1.769t1.77-.73t1.77.73t.73 1.77t-.73 1.769t-1.77.73t-1.77-.73m2.829-.711q.441-.441.441-1.059t-.441-1.058T10 16.538t-1.059.442t-.441 1.058t.441 1.059t1.059.441t1.059-.441m8.172-1.636q-1.743 0-2.99-1.093T14.754 13.5h-2.696l-.22-1h2.916q.087-.69.51-1.623q.425-.933 1.236-1.416h-5.304l-.219-1h6.035l-1.6-4.384q-.058-.173-.193-.26q-.134-.086-.307-.086h-2.1v-1h2.1q.477 0 .874.263q.397.264.564.729l1.735 4.727h1.146q1.902 0 3.2 1.299t1.3 3.201q0 1.856-1.347 3.184q-1.348 1.327-3.153 1.327m0-.961q1.486 0 2.493-1.029T22.731 13q0-1.487-1.007-2.493T19.231 9.5q-.223 0-.416.01t-.377.067l1.039 2.765l-.938.354l-.989-2.765q-.865.483-1.342 1.327T15.73 13q0 1.442 1.007 2.471T19.23 16.5m0-3.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.23 18.5v-1h4.524q.179-1.777 1.422-3.09q1.243-1.314 2.932-1.545L7.58 5.961q-.039-.211-.222-.336q-.182-.125-.355-.125H3.73v-1h3.273q.502 0 .968.341q.467.342.597.901l1.758 8.027H10q-1.766 0-3.017 1.252q-1.252 1.252-1.252 3.017v.462zm8 1.308q-.73-.731-.73-1.77t.73-1.769t1.77-.73t1.77.73t.73 1.77t-.73 1.769t-1.77.73t-1.77-.73m2.829-.711q.441-.441.441-1.059t-.441-1.058T10 16.538t-1.059.442t-.441 1.058t.441 1.059t1.059.441t1.059-.441m8.172-1.636q-1.743 0-2.99-1.093T14.754 13.5h-2.696l-.22-1h2.916q.087-.69.51-1.623q.425-.933 1.236-1.416h-5.304l-.219-1h6.035l-1.6-4.384q-.058-.173-.193-.26q-.134-.086-.307-.086h-2.1v-1h2.1q.477 0 .874.263q.397.264.564.729l1.735 4.727h1.146q1.902 0 3.2 1.299t1.3 3.201q0 1.856-1.347 3.184q-1.348 1.327-3.153 1.327m0-.961q1.486 0 2.493-1.029T22.731 13q0-1.487-1.007-2.493T19.231 9.5q-.223 0-.416.01t-.377.067l1.039 2.765l-.938.354l-.989-2.765q-.865.483-1.342 1.327T15.73 13q0 1.442 1.007 2.471T19.23 16.5m0-3.5"/></svg> </template>
CSS
.icon-bike-scooter-outline {
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%22M.23%2018.5v-1h4.524q.179-1.777%201.422-3.09q1.243-1.314%202.932-1.545L7.58%205.961q-.039-.211-.222-.336q-.182-.125-.355-.125H3.73v-1h3.273q.502%200%20.968.341q.467.342.597.901l1.758%208.027H10q-1.766%200-3.017%201.252q-1.252%201.252-1.252%203.017v.462zm8%201.308q-.73-.731-.73-1.77t.73-1.769t1.77-.73t1.77.73t.73%201.77t-.73%201.769t-1.77.73t-1.77-.73m2.829-.711q.441-.441.441-1.059t-.441-1.058T10%2016.538t-1.059.442t-.441%201.058t.441%201.059t1.059.441t1.059-.441m8.172-1.636q-1.743%200-2.99-1.093T14.754%2013.5h-2.696l-.22-1h2.916q.087-.69.51-1.623q.425-.933%201.236-1.416h-5.304l-.219-1h6.035l-1.6-4.384q-.058-.173-.193-.26q-.134-.086-.307-.086h-2.1v-1h2.1q.477%200%20.874.263q.397.264.564.729l1.735%204.727h1.146q1.902%200%203.2%201.299t1.3%203.201q0%201.856-1.347%203.184q-1.348%201.327-3.153%201.327m0-.961q1.486%200%202.493-1.029T22.731%2013q0-1.487-1.007-2.493T19.231%209.5q-.223%200-.416.01t-.377.067l1.039%202.765l-.938.354l-.989-2.765q-.865.483-1.342%201.327T15.73%2013q0%201.442%201.007%202.471T19.23%2016.5m0-3.5%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%22M.23%2018.5v-1h4.524q.179-1.777%201.422-3.09q1.243-1.314%202.932-1.545L7.58%205.961q-.039-.211-.222-.336q-.182-.125-.355-.125H3.73v-1h3.273q.502%200%20.968.341q.467.342.597.901l1.758%208.027H10q-1.766%200-3.017%201.252q-1.252%201.252-1.252%203.017v.462zm8%201.308q-.73-.731-.73-1.77t.73-1.769t1.77-.73t1.77.73t.73%201.77t-.73%201.769t-1.77.73t-1.77-.73m2.829-.711q.441-.441.441-1.059t-.441-1.058T10%2016.538t-1.059.442t-.441%201.058t.441%201.059t1.059.441t1.059-.441m8.172-1.636q-1.743%200-2.99-1.093T14.754%2013.5h-2.696l-.22-1h2.916q.087-.69.51-1.623q.425-.933%201.236-1.416h-5.304l-.219-1h6.035l-1.6-4.384q-.058-.173-.193-.26q-.134-.086-.307-.086h-2.1v-1h2.1q.477%200%20.874.263q.397.264.564.729l1.735%204.727h1.146q1.902%200%203.2%201.299t1.3%203.201q0%201.856-1.347%203.184q-1.348%201.327-3.153%201.327m0-.961q1.486%200%202.493-1.029T22.731%2013q0-1.487-1.007-2.493T19.231%209.5q-.223%200-.416.01t-.377.067l1.039%202.765l-.938.354l-.989-2.765q-.865.483-1.342%201.327T15.73%2013q0%201.442%201.007%202.471T19.23%2016.5m0-3.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/bike-scooter-outline.svg?color=%231a73e8&size=48
