directions bike icon
directions-bike-sharp from Material Symbols Light by Google · Sharp · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- directions-bike-sharp
- Set
- Material Symbols Light
- Style
- Sharp
- Category
- Transit
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- directions-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 directions bike icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.116 5.385q-.633 0-1.067-.434t-.433-1.066t.433-1.067t1.067-.433t1.066.433t.434 1.067t-.434 1.066t-1.066.434m-4.893 5l2.277 2.377V18.5h-1v-4.942l-4.642-3.523l4.088-4.089q.229-.229.524-.347t.63-.118t.63.118t.524.347l1.9 1.9q.656.656 1.527 1.088t1.919.527V10.5q-1.325-.096-2.37-.601t-1.884-1.345L13.2 7.408zm-4.838 2.23q1.856 0 3.12 1.265T9.769 17t-1.264 3.12t-3.12 1.264t-3.12-1.264T1 17t1.265-3.12t3.12-1.265m2.481 6.867Q8.885 18.463 8.885 17t-1.019-2.482T5.385 13.5t-2.482 1.018Q1.885 15.537 1.885 17t1.018 2.482T5.385 20.5q1.463 0 2.481-1.018m13.87-5.602Q23 15.144 23 17t-1.264 3.12t-3.12 1.264t-3.12-1.264T14.23 17t1.264-3.12q1.265-1.265 3.12-1.265t3.12 1.265m-.638 5.602q1.019-1.019 1.019-2.482t-1.019-2.482t-2.482-1.018t-2.481 1.018T15.116 17t1.018 2.482t2.482 1.018t2.481-1.018"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightDirectionsBikeSharp(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="M15.116 5.385q-.633 0-1.067-.434t-.433-1.066t.433-1.067t1.067-.433t1.066.433t.434 1.067t-.434 1.066t-1.066.434m-4.893 5l2.277 2.377V18.5h-1v-4.942l-4.642-3.523l4.088-4.089q.229-.229.524-.347t.63-.118t.63.118t.524.347l1.9 1.9q.656.656 1.527 1.088t1.919.527V10.5q-1.325-.096-2.37-.601t-1.884-1.345L13.2 7.408zm-4.838 2.23q1.856 0 3.12 1.265T9.769 17t-1.264 3.12t-3.12 1.264t-3.12-1.264T1 17t1.265-3.12t3.12-1.265m2.481 6.867Q8.885 18.463 8.885 17t-1.019-2.482T5.385 13.5t-2.482 1.018Q1.885 15.537 1.885 17t1.018 2.482T5.385 20.5q1.463 0 2.481-1.018m13.87-5.602Q23 15.144 23 17t-1.264 3.12t-3.12 1.264t-3.12-1.264T14.23 17t1.264-3.12q1.265-1.265 3.12-1.265t3.12 1.265m-.638 5.602q1.019-1.019 1.019-2.482t-1.019-2.482t-2.482-1.018t-2.481 1.018T15.116 17t1.018 2.482t2.482 1.018t2.481-1.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="M15.116 5.385q-.633 0-1.067-.434t-.433-1.066t.433-1.067t1.067-.433t1.066.433t.434 1.067t-.434 1.066t-1.066.434m-4.893 5l2.277 2.377V18.5h-1v-4.942l-4.642-3.523l4.088-4.089q.229-.229.524-.347t.63-.118t.63.118t.524.347l1.9 1.9q.656.656 1.527 1.088t1.919.527V10.5q-1.325-.096-2.37-.601t-1.884-1.345L13.2 7.408zm-4.838 2.23q1.856 0 3.12 1.265T9.769 17t-1.264 3.12t-3.12 1.264t-3.12-1.264T1 17t1.265-3.12t3.12-1.265m2.481 6.867Q8.885 18.463 8.885 17t-1.019-2.482T5.385 13.5t-2.482 1.018Q1.885 15.537 1.885 17t1.018 2.482T5.385 20.5q1.463 0 2.481-1.018m13.87-5.602Q23 15.144 23 17t-1.264 3.12t-3.12 1.264t-3.12-1.264T14.23 17t1.264-3.12q1.265-1.265 3.12-1.265t3.12 1.265m-.638 5.602q1.019-1.019 1.019-2.482t-1.019-2.482t-2.482-1.018t-2.481 1.018T15.116 17t1.018 2.482t2.482 1.018t2.481-1.018"/></svg> </template>
CSS
.icon-directions-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%22M15.116%205.385q-.633%200-1.067-.434t-.433-1.066t.433-1.067t1.067-.433t1.066.433t.434%201.067t-.434%201.066t-1.066.434m-4.893%205l2.277%202.377V18.5h-1v-4.942l-4.642-3.523l4.088-4.089q.229-.229.524-.347t.63-.118t.63.118t.524.347l1.9%201.9q.656.656%201.527%201.088t1.919.527V10.5q-1.325-.096-2.37-.601t-1.884-1.345L13.2%207.408zm-4.838%202.23q1.856%200%203.12%201.265T9.769%2017t-1.264%203.12t-3.12%201.264t-3.12-1.264T1%2017t1.265-3.12t3.12-1.265m2.481%206.867Q8.885%2018.463%208.885%2017t-1.019-2.482T5.385%2013.5t-2.482%201.018Q1.885%2015.537%201.885%2017t1.018%202.482T5.385%2020.5q1.463%200%202.481-1.018m13.87-5.602Q23%2015.144%2023%2017t-1.264%203.12t-3.12%201.264t-3.12-1.264T14.23%2017t1.264-3.12q1.265-1.265%203.12-1.265t3.12%201.265m-.638%205.602q1.019-1.019%201.019-2.482t-1.019-2.482t-2.482-1.018t-2.481%201.018T15.116%2017t1.018%202.482t2.482%201.018t2.481-1.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%22M15.116%205.385q-.633%200-1.067-.434t-.433-1.066t.433-1.067t1.067-.433t1.066.433t.434%201.067t-.434%201.066t-1.066.434m-4.893%205l2.277%202.377V18.5h-1v-4.942l-4.642-3.523l4.088-4.089q.229-.229.524-.347t.63-.118t.63.118t.524.347l1.9%201.9q.656.656%201.527%201.088t1.919.527V10.5q-1.325-.096-2.37-.601t-1.884-1.345L13.2%207.408zm-4.838%202.23q1.856%200%203.12%201.265T9.769%2017t-1.264%203.12t-3.12%201.264t-3.12-1.264T1%2017t1.265-3.12t3.12-1.265m2.481%206.867Q8.885%2018.463%208.885%2017t-1.019-2.482T5.385%2013.5t-2.482%201.018Q1.885%2015.537%201.885%2017t1.018%202.482T5.385%2020.5q1.463%200%202.481-1.018m13.87-5.602Q23%2015.144%2023%2017t-1.264%203.12t-3.12%201.264t-3.12-1.264T14.23%2017t1.264-3.12q1.265-1.265%203.12-1.265t3.12%201.265m-.638%205.602q1.019-1.019%201.019-2.482t-1.019-2.482t-2.482-1.018t-2.481%201.018T15.116%2017t1.018%202.482t2.482%201.018t2.481-1.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/directions-bike-sharp.svg?color=%231a73e8&size=48
