walk bike icon
walk-bike-sharp from Material Symbols Light by Google · Sharp · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- walk-bike-sharp
- Set
- Material Symbols Light
- Style
- Sharp
- Category
- Transit
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- walk-bike-outline-sharp
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.23V8.018l4.338-1.755q.402-.148.786-.013q.383.136.525.501q.075.15.175.618t.404.965t.87.889t1.536.394h.635v1.23h-.635q-.788 0-1.38-.234t-1.204-.648l-.458 2.613l1.889 1.846V19H8.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-.887-2.692H13.54v-1h2.667l1.248 3.82q.183-.043.379-.06q.196-.016.398-.016q1.606 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 MaterialSymbolsLightWalkBikeSharp(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.23V8.018l4.338-1.755q.402-.148.786-.013q.383.136.525.501q.075.15.175.618t.404.965t.87.889t1.536.394h.635v1.23h-.635q-.788 0-1.38-.234t-1.204-.648l-.458 2.613l1.889 1.846V19H8.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-.887-2.692H13.54v-1h2.667l1.248 3.82q.183-.043.379-.06q.196-.016.398-.016q1.606 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.23V8.018l4.338-1.755q.402-.148.786-.013q.383.136.525.501q.075.15.175.618t.404.965t.87.889t1.536.394h.635v1.23h-.635q-.788 0-1.38-.234t-1.204-.648l-.458 2.613l1.889 1.846V19H8.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-.887-2.692H13.54v-1h2.667l1.248 3.82q.183-.043.379-.06q.196-.016.398-.016q1.606 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-sharp {
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.23V8.018l4.338-1.755q.402-.148.786-.013q.383.136.525.501q.075.15.175.618t.404.965t.87.889t1.536.394h.635v1.23h-.635q-.788%200-1.38-.234t-1.204-.648l-.458%202.613l1.889%201.846V19H8.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-.887-2.692H13.54v-1h2.667l1.248%203.82q.183-.043.379-.06q.196-.016.398-.016q1.606%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.23V8.018l4.338-1.755q.402-.148.786-.013q.383.136.525.501q.075.15.175.618t.404.965t.87.889t1.536.394h.635v1.23h-.635q-.788%200-1.38-.234t-1.204-.648l-.458%202.613l1.889%201.846V19H8.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-.887-2.692H13.54v-1h2.667l1.248%203.82q.183-.043.379-.06q.196-.016.398-.016q1.606%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-sharp.svg?color=%231a73e8&size=48
