bike lane icon
bike-lane-rounded from Material Symbols Light by Google · Rounded · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- bike-lane-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Transit
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- bike-lane-outline-rounded
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-3.59 4.608l1.855 1.835q.13.13.186.28t.056.31v3.249q0 .213-.143.356q-.144.144-.357.144t-.357-.144t-.143-.357v-3.194l-2.364-1.963q-.477-.402-.495-1.037t.459-1.08l1.846-1.83q.421-.401 1.015-.418t1.016.424l.978.939q.885.855 1.695 1.15q.81.296 1.563.338q.214.012.348.164q.135.151.123.365q-.011.213-.16.348q-.15.135-.363.123q-1.18-.079-2.25-.596q-1.069-.517-1.869-1.373l-.327-.327zM6.347 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.685 6.496l-.681-.662q-.148-.147-.316-.147t-.317.148t-.148.323t.148.323l.723.723q.242.242.565.242q.324 0 .566-.242l2.096-2.09q.129-.13.138-.304q.01-.175-.138-.323t-.313-.149t-.314.148zM6.345 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-.994-10.658q-.136 0-.27-.018t-.27-.068Q3.529 9.727 2.765 8.53T2 5.839V3.864q0-.242.137-.456q.136-.215.372-.301l2.247-.89q.292-.107.59-.107t.59.106l2.247.89q.236.087.373.302q.136.214.136.457v1.973q0 1.494-.764 2.69q-.765 1.198-2.047 1.727q-.131.05-.262.068t-.267.018"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightBikeLaneRounded(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-3.59 4.608l1.855 1.835q.13.13.186.28t.056.31v3.249q0 .213-.143.356q-.144.144-.357.144t-.357-.144t-.143-.357v-3.194l-2.364-1.963q-.477-.402-.495-1.037t.459-1.08l1.846-1.83q.421-.401 1.015-.418t1.016.424l.978.939q.885.855 1.695 1.15q.81.296 1.563.338q.214.012.348.164q.135.151.123.365q-.011.213-.16.348q-.15.135-.363.123q-1.18-.079-2.25-.596q-1.069-.517-1.869-1.373l-.327-.327zM6.347 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.685 6.496l-.681-.662q-.148-.147-.316-.147t-.317.148t-.148.323t.148.323l.723.723q.242.242.565.242q.324 0 .566-.242l2.096-2.09q.129-.13.138-.304q.01-.175-.138-.323t-.313-.149t-.314.148zM6.345 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-.994-10.658q-.136 0-.27-.018t-.27-.068Q3.529 9.727 2.765 8.53T2 5.839V3.864q0-.242.137-.456q.136-.215.372-.301l2.247-.89q.292-.107.59-.107t.59.106l2.247.89q.236.087.373.302q.136.214.136.457v1.973q0 1.494-.764 2.69q-.765 1.198-2.047 1.727q-.131.05-.262.068t-.267.018"/></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-3.59 4.608l1.855 1.835q.13.13.186.28t.056.31v3.249q0 .213-.143.356q-.144.144-.357.144t-.357-.144t-.143-.357v-3.194l-2.364-1.963q-.477-.402-.495-1.037t.459-1.08l1.846-1.83q.421-.401 1.015-.418t1.016.424l.978.939q.885.855 1.695 1.15q.81.296 1.563.338q.214.012.348.164q.135.151.123.365q-.011.213-.16.348q-.15.135-.363.123q-1.18-.079-2.25-.596q-1.069-.517-1.869-1.373l-.327-.327zM6.347 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.685 6.496l-.681-.662q-.148-.147-.316-.147t-.317.148t-.148.323t.148.323l.723.723q.242.242.565.242q.324 0 .566-.242l2.096-2.09q.129-.13.138-.304q.01-.175-.138-.323t-.313-.149t-.314.148zM6.345 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-.994-10.658q-.136 0-.27-.018t-.27-.068Q3.529 9.727 2.765 8.53T2 5.839V3.864q0-.242.137-.456q.136-.215.372-.301l2.247-.89q.292-.107.59-.107t.59.106l2.247.89q.236.087.373.302q.136.214.136.457v1.973q0 1.494-.764 2.69q-.765 1.198-2.047 1.727q-.131.05-.262.068t-.267.018"/></svg> </template>
CSS
.icon-bike-lane-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%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-3.59%204.608l1.855%201.835q.13.13.186.28t.056.31v3.249q0%20.213-.143.356q-.144.144-.357.144t-.357-.144t-.143-.357v-3.194l-2.364-1.963q-.477-.402-.495-1.037t.459-1.08l1.846-1.83q.421-.401%201.015-.418t1.016.424l.978.939q.885.855%201.695%201.15q.81.296%201.563.338q.214.012.348.164q.135.151.123.365q-.011.213-.16.348q-.15.135-.363.123q-1.18-.079-2.25-.596q-1.069-.517-1.869-1.373l-.327-.327zM6.347%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.685%206.496l-.681-.662q-.148-.147-.316-.147t-.317.148t-.148.323t.148.323l.723.723q.242.242.565.242q.324%200%20.566-.242l2.096-2.09q.129-.13.138-.304q.01-.175-.138-.323t-.313-.149t-.314.148zM6.345%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-.994-10.658q-.136%200-.27-.018t-.27-.068Q3.529%209.727%202.765%208.53T2%205.839V3.864q0-.242.137-.456q.136-.215.372-.301l2.247-.89q.292-.107.59-.107t.59.106l2.247.89q.236.087.373.302q.136.214.136.457v1.973q0%201.494-.764%202.69q-.765%201.198-2.047%201.727q-.131.05-.262.068t-.267.018%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-3.59%204.608l1.855%201.835q.13.13.186.28t.056.31v3.249q0%20.213-.143.356q-.144.144-.357.144t-.357-.144t-.143-.357v-3.194l-2.364-1.963q-.477-.402-.495-1.037t.459-1.08l1.846-1.83q.421-.401%201.015-.418t1.016.424l.978.939q.885.855%201.695%201.15q.81.296%201.563.338q.214.012.348.164q.135.151.123.365q-.011.213-.16.348q-.15.135-.363.123q-1.18-.079-2.25-.596q-1.069-.517-1.869-1.373l-.327-.327zM6.347%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.685%206.496l-.681-.662q-.148-.147-.316-.147t-.317.148t-.148.323t.148.323l.723.723q.242.242.565.242q.324%200%20.566-.242l2.096-2.09q.129-.13.138-.304q.01-.175-.138-.323t-.313-.149t-.314.148zM6.345%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-.994-10.658q-.136%200-.27-.018t-.27-.068Q3.529%209.727%202.765%208.53T2%205.839V3.864q0-.242.137-.456q.136-.215.372-.301l2.247-.89q.292-.107.59-.107t.59.106l2.247.89q.236.087.373.302q.136.214.136.457v1.973q0%201.494-.764%202.69q-.765%201.198-2.047%201.727q-.131.05-.262.068t-.267.018%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-rounded.svg?color=%231a73e8&size=48
