bike lane icon
bike-lane from Material Symbols Light by Google · Regular · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- bike-lane
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Transit
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- bike-lane-outline, bike-lane-outline-sharp, bike-lane-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More transit icons from Material Symbols Light
agricultureairlinesairport-shuttleambulanceauto-towingauto-transmissionbike-dockbike-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-rightcar-fan-low-left
Use the bike lane icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.654 20q.96 0 1.643-.684q.684-.683.684-1.662t-.684-1.663t-1.643-.683q-.979 0-1.672.683q-.694.684-.694 1.663t.694 1.662t1.672.684m0 1q-1.4 0-2.373-.973t-.973-2.373q0-1.381.973-2.363q.973-.983 2.373-.983q1.38 0 2.363.983q.983.982.983 2.363q0 1.4-.983 2.373q-.982.973-2.363.973m-3.68-13.166q-.358-.359-.358-.853t.358-.853t.853-.359t.853.359t.359.853t-.36.853t-.852.358t-.853-.358m-2.493 10.782V14.92l-2.364-1.963q-.477-.402-.495-1.037t.459-1.08l1.846-1.83q.421-.401 1.015-.418t1.016.424l.978.939q1.016.98 1.945 1.243t1.792.262v1q-1.327 0-2.546-.523t-2.104-1.463l-.327-.327l-2.312 2.294l2.097 2.077v4.097zM6.346 20q.979 0 1.663-.684q.683-.683.683-1.662T8.01 15.99t-1.663-.683t-1.662.683T4 17.654t.684 1.662T6.346 20M4.66 7.77L7.629 4.8l-.621-.627l-2.324 2.323l-1-.98l-.626.632zM6.346 21q-1.38 0-2.363-.973T3 17.654q0-1.381.983-2.364t2.363-.982q1.4 0 2.373.982q.973.983.973 2.364q0 1.4-.973 2.373T6.346 21m-1-10.577q-1.494-.367-2.42-1.651Q2 7.489 2 5.838V3.3L5.346 2l3.346 1.3v2.539q0 1.65-.926 2.933q-.926 1.284-2.42 1.651"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightBikeLane(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="M17.654 20q.96 0 1.643-.684q.684-.683.684-1.662t-.684-1.663t-1.643-.683q-.979 0-1.672.683q-.694.684-.694 1.663t.694 1.662t1.672.684m0 1q-1.4 0-2.373-.973t-.973-2.373q0-1.381.973-2.363q.973-.983 2.373-.983q1.38 0 2.363.983q.983.982.983 2.363q0 1.4-.983 2.373q-.982.973-2.363.973m-3.68-13.166q-.358-.359-.358-.853t.358-.853t.853-.359t.853.359t.359.853t-.36.853t-.852.358t-.853-.358m-2.493 10.782V14.92l-2.364-1.963q-.477-.402-.495-1.037t.459-1.08l1.846-1.83q.421-.401 1.015-.418t1.016.424l.978.939q1.016.98 1.945 1.243t1.792.262v1q-1.327 0-2.546-.523t-2.104-1.463l-.327-.327l-2.312 2.294l2.097 2.077v4.097zM6.346 20q.979 0 1.663-.684q.683-.683.683-1.662T8.01 15.99t-1.663-.683t-1.662.683T4 17.654t.684 1.662T6.346 20M4.66 7.77L7.629 4.8l-.621-.627l-2.324 2.323l-1-.98l-.626.632zM6.346 21q-1.38 0-2.363-.973T3 17.654q0-1.381.983-2.364t2.363-.982q1.4 0 2.373.982q.973.983.973 2.364q0 1.4-.973 2.373T6.346 21m-1-10.577q-1.494-.367-2.42-1.651Q2 7.489 2 5.838V3.3L5.346 2l3.346 1.3v2.539q0 1.65-.926 2.933q-.926 1.284-2.42 1.651"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.654 20q.96 0 1.643-.684q.684-.683.684-1.662t-.684-1.663t-1.643-.683q-.979 0-1.672.683q-.694.684-.694 1.663t.694 1.662t1.672.684m0 1q-1.4 0-2.373-.973t-.973-2.373q0-1.381.973-2.363q.973-.983 2.373-.983q1.38 0 2.363.983q.983.982.983 2.363q0 1.4-.983 2.373q-.982.973-2.363.973m-3.68-13.166q-.358-.359-.358-.853t.358-.853t.853-.359t.853.359t.359.853t-.36.853t-.852.358t-.853-.358m-2.493 10.782V14.92l-2.364-1.963q-.477-.402-.495-1.037t.459-1.08l1.846-1.83q.421-.401 1.015-.418t1.016.424l.978.939q1.016.98 1.945 1.243t1.792.262v1q-1.327 0-2.546-.523t-2.104-1.463l-.327-.327l-2.312 2.294l2.097 2.077v4.097zM6.346 20q.979 0 1.663-.684q.683-.683.683-1.662T8.01 15.99t-1.663-.683t-1.662.683T4 17.654t.684 1.662T6.346 20M4.66 7.77L7.629 4.8l-.621-.627l-2.324 2.323l-1-.98l-.626.632zM6.346 21q-1.38 0-2.363-.973T3 17.654q0-1.381.983-2.364t2.363-.982q1.4 0 2.373.982q.973.983.973 2.364q0 1.4-.973 2.373T6.346 21m-1-10.577q-1.494-.367-2.42-1.651Q2 7.489 2 5.838V3.3L5.346 2l3.346 1.3v2.539q0 1.65-.926 2.933q-.926 1.284-2.42 1.651"/></svg> </template>
CSS
.icon-bike-lane {
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%22M17.654%2020q.96%200%201.643-.684q.684-.683.684-1.662t-.684-1.663t-1.643-.683q-.979%200-1.672.683q-.694.684-.694%201.663t.694%201.662t1.672.684m0%201q-1.4%200-2.373-.973t-.973-2.373q0-1.381.973-2.363q.973-.983%202.373-.983q1.38%200%202.363.983q.983.982.983%202.363q0%201.4-.983%202.373q-.982.973-2.363.973m-3.68-13.166q-.358-.359-.358-.853t.358-.853t.853-.359t.853.359t.359.853t-.36.853t-.852.358t-.853-.358m-2.493%2010.782V14.92l-2.364-1.963q-.477-.402-.495-1.037t.459-1.08l1.846-1.83q.421-.401%201.015-.418t1.016.424l.978.939q1.016.98%201.945%201.243t1.792.262v1q-1.327%200-2.546-.523t-2.104-1.463l-.327-.327l-2.312%202.294l2.097%202.077v4.097zM6.346%2020q.979%200%201.663-.684q.683-.683.683-1.662T8.01%2015.99t-1.663-.683t-1.662.683T4%2017.654t.684%201.662T6.346%2020M4.66%207.77L7.629%204.8l-.621-.627l-2.324%202.323l-1-.98l-.626.632zM6.346%2021q-1.38%200-2.363-.973T3%2017.654q0-1.381.983-2.364t2.363-.982q1.4%200%202.373.982q.973.983.973%202.364q0%201.4-.973%202.373T6.346%2021m-1-10.577q-1.494-.367-2.42-1.651Q2%207.489%202%205.838V3.3L5.346%202l3.346%201.3v2.539q0%201.65-.926%202.933q-.926%201.284-2.42%201.651%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%22M17.654%2020q.96%200%201.643-.684q.684-.683.684-1.662t-.684-1.663t-1.643-.683q-.979%200-1.672.683q-.694.684-.694%201.663t.694%201.662t1.672.684m0%201q-1.4%200-2.373-.973t-.973-2.373q0-1.381.973-2.363q.973-.983%202.373-.983q1.38%200%202.363.983q.983.982.983%202.363q0%201.4-.983%202.373q-.982.973-2.363.973m-3.68-13.166q-.358-.359-.358-.853t.358-.853t.853-.359t.853.359t.359.853t-.36.853t-.852.358t-.853-.358m-2.493%2010.782V14.92l-2.364-1.963q-.477-.402-.495-1.037t.459-1.08l1.846-1.83q.421-.401%201.015-.418t1.016.424l.978.939q1.016.98%201.945%201.243t1.792.262v1q-1.327%200-2.546-.523t-2.104-1.463l-.327-.327l-2.312%202.294l2.097%202.077v4.097zM6.346%2020q.979%200%201.663-.684q.683-.683.683-1.662T8.01%2015.99t-1.663-.683t-1.662.683T4%2017.654t.684%201.662T6.346%2020M4.66%207.77L7.629%204.8l-.621-.627l-2.324%202.323l-1-.98l-.626.632zM6.346%2021q-1.38%200-2.363-.973T3%2017.654q0-1.381.983-2.364t2.363-.982q1.4%200%202.373.982q.973.983.973%202.364q0%201.4-.973%202.373T6.346%2021m-1-10.577q-1.494-.367-2.42-1.651Q2%207.489%202%205.838V3.3L5.346%202l3.346%201.3v2.539q0%201.65-.926%202.933q-.926%201.284-2.42%201.651%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-lane.svg?color=%231a73e8&size=48
