walk bike icon
walk-bike from Material Symbols Light by Google · Regular · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- walk-bike
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Transit
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- walk-bike-outline
2 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 walk bike icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.212 19L6.018 7.875l-2.403.973v2.036h-1.23v-2.13q0-.34.182-.61t.492-.406l3.664-1.477q.402-.148.786-.012q.383.135.525.501q.075.15.175.618t.404.965t.87.889q.569.394 1.536.394h.635v1.23h-.635q-.788 0-1.38-.235t-1.204-.648l-.458 2.614l1.548 1.511q.167.149.254.356q.087.208.087.437V19H8.635v-3.884L6.48 13.058L5.46 19zM6.916 5.026q-.378-.378-.378-.93t.378-.94t.93-.387t.92.388t.368.94q0 .551-.368.929t-.92.378t-.93-.378m11.315 15.98q-1.366 0-2.39-.819t-1.347-2.072H11.5l.5-1h2.385q-.008-.857.343-1.61q.35-.753 1.036-1.274h-3.302l.5-1h3.411l-.752-2.25q-.057-.192-.211-.317t-.366-.125H13.54v-1h1.505q.535 0 .954.304t.58.815l.876 2.702q.182-.044.379-.061q.196-.016.398-.016q1.605 0 2.748 1.133q1.142 1.132 1.142 2.738t-1.142 2.729t-2.748 1.123m0-.987q1.204 0 2.044-.84t.84-2.044q0-1.187-.825-2.005t-2.007-.841q-.135 0-.26.009q-.125.01-.24.048l.783 2.387l-.958.317l-.783-2.38q-.644.35-1.042 1.004q-.398.655-.398 1.46q0 1.204.83 2.045q.831.84 2.016.84"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightWalkBike(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="M4.212 19L6.018 7.875l-2.403.973v2.036h-1.23v-2.13q0-.34.182-.61t.492-.406l3.664-1.477q.402-.148.786-.012q.383.135.525.501q.075.15.175.618t.404.965t.87.889q.569.394 1.536.394h.635v1.23h-.635q-.788 0-1.38-.235t-1.204-.648l-.458 2.614l1.548 1.511q.167.149.254.356q.087.208.087.437V19H8.635v-3.884L6.48 13.058L5.46 19zM6.916 5.026q-.378-.378-.378-.93t.378-.94t.93-.387t.92.388t.368.94q0 .551-.368.929t-.92.378t-.93-.378m11.315 15.98q-1.366 0-2.39-.819t-1.347-2.072H11.5l.5-1h2.385q-.008-.857.343-1.61q.35-.753 1.036-1.274h-3.302l.5-1h3.411l-.752-2.25q-.057-.192-.211-.317t-.366-.125H13.54v-1h1.505q.535 0 .954.304t.58.815l.876 2.702q.182-.044.379-.061q.196-.016.398-.016q1.605 0 2.748 1.133q1.142 1.132 1.142 2.738t-1.142 2.729t-2.748 1.123m0-.987q1.204 0 2.044-.84t.84-2.044q0-1.187-.825-2.005t-2.007-.841q-.135 0-.26.009q-.125.01-.24.048l.783 2.387l-.958.317l-.783-2.38q-.644.35-1.042 1.004q-.398.655-.398 1.46q0 1.204.83 2.045q.831.84 2.016.84"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.212 19L6.018 7.875l-2.403.973v2.036h-1.23v-2.13q0-.34.182-.61t.492-.406l3.664-1.477q.402-.148.786-.012q.383.135.525.501q.075.15.175.618t.404.965t.87.889q.569.394 1.536.394h.635v1.23h-.635q-.788 0-1.38-.235t-1.204-.648l-.458 2.614l1.548 1.511q.167.149.254.356q.087.208.087.437V19H8.635v-3.884L6.48 13.058L5.46 19zM6.916 5.026q-.378-.378-.378-.93t.378-.94t.93-.387t.92.388t.368.94q0 .551-.368.929t-.92.378t-.93-.378m11.315 15.98q-1.366 0-2.39-.819t-1.347-2.072H11.5l.5-1h2.385q-.008-.857.343-1.61q.35-.753 1.036-1.274h-3.302l.5-1h3.411l-.752-2.25q-.057-.192-.211-.317t-.366-.125H13.54v-1h1.505q.535 0 .954.304t.58.815l.876 2.702q.182-.044.379-.061q.196-.016.398-.016q1.605 0 2.748 1.133q1.142 1.132 1.142 2.738t-1.142 2.729t-2.748 1.123m0-.987q1.204 0 2.044-.84t.84-2.044q0-1.187-.825-2.005t-2.007-.841q-.135 0-.26.009q-.125.01-.24.048l.783 2.387l-.958.317l-.783-2.38q-.644.35-1.042 1.004q-.398.655-.398 1.46q0 1.204.83 2.045q.831.84 2.016.84"/></svg> </template>
CSS
.icon-walk-bike {
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%22M4.212%2019L6.018%207.875l-2.403.973v2.036h-1.23v-2.13q0-.34.182-.61t.492-.406l3.664-1.477q.402-.148.786-.012q.383.135.525.501q.075.15.175.618t.404.965t.87.889q.569.394%201.536.394h.635v1.23h-.635q-.788%200-1.38-.235t-1.204-.648l-.458%202.614l1.548%201.511q.167.149.254.356q.087.208.087.437V19H8.635v-3.884L6.48%2013.058L5.46%2019zM6.916%205.026q-.378-.378-.378-.93t.378-.94t.93-.387t.92.388t.368.94q0%20.551-.368.929t-.92.378t-.93-.378m11.315%2015.98q-1.366%200-2.39-.819t-1.347-2.072H11.5l.5-1h2.385q-.008-.857.343-1.61q.35-.753%201.036-1.274h-3.302l.5-1h3.411l-.752-2.25q-.057-.192-.211-.317t-.366-.125H13.54v-1h1.505q.535%200%20.954.304t.58.815l.876%202.702q.182-.044.379-.061q.196-.016.398-.016q1.605%200%202.748%201.133q1.142%201.132%201.142%202.738t-1.142%202.729t-2.748%201.123m0-.987q1.204%200%202.044-.84t.84-2.044q0-1.187-.825-2.005t-2.007-.841q-.135%200-.26.009q-.125.01-.24.048l.783%202.387l-.958.317l-.783-2.38q-.644.35-1.042%201.004q-.398.655-.398%201.46q0%201.204.83%202.045q.831.84%202.016.84%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%22M4.212%2019L6.018%207.875l-2.403.973v2.036h-1.23v-2.13q0-.34.182-.61t.492-.406l3.664-1.477q.402-.148.786-.012q.383.135.525.501q.075.15.175.618t.404.965t.87.889q.569.394%201.536.394h.635v1.23h-.635q-.788%200-1.38-.235t-1.204-.648l-.458%202.614l1.548%201.511q.167.149.254.356q.087.208.087.437V19H8.635v-3.884L6.48%2013.058L5.46%2019zM6.916%205.026q-.378-.378-.378-.93t.378-.94t.93-.387t.92.388t.368.94q0%20.551-.368.929t-.92.378t-.93-.378m11.315%2015.98q-1.366%200-2.39-.819t-1.347-2.072H11.5l.5-1h2.385q-.008-.857.343-1.61q.35-.753%201.036-1.274h-3.302l.5-1h3.411l-.752-2.25q-.057-.192-.211-.317t-.366-.125H13.54v-1h1.505q.535%200%20.954.304t.58.815l.876%202.702q.182-.044.379-.061q.196-.016.398-.016q1.605%200%202.748%201.133q1.142%201.132%201.142%202.738t-1.142%202.729t-2.748%201.123m0-.987q1.204%200%202.044-.84t.84-2.044q0-1.187-.825-2.005t-2.007-.841q-.135%200-.26.009q-.125.01-.24.048l.783%202.387l-.958.317l-.783-2.38q-.644.35-1.042%201.004q-.398.655-.398%201.46q0%201.204.83%202.045q.831.84%202.016.84%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/walk-bike.svg?color=%231a73e8&size=48
