streets nav icon
streets-nav-filled from Reicon by REICON · Filled · Map · MIT Free for personal and commercial use.
- Name
- streets-nav-filled
- Set
- Reicon
- Style
- Filled
- Category
- Map
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More map icons from Reicon
Use the streets nav icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.5 2h-5c-2.616 0-4.191 0-5.283.458l9.689 7.046l6.366-6.79C19.168 2 17.534 2 14.5 2m6.823 1.786l-6.216 6.63l6.18 4.855C22 14.168 22 12.534 22 9.5c0-2.982 0-4.611-.677-5.714M2 9.5c0 3.287 0 4.931.908 6.038a4 4 0 0 0 .554.554c.616.505 1.398.73 2.538.829c.608.053 1.317.07 2.157.076l.57-1.138l.045-.092c.382-.764.74-1.48 1.098-1.993c.366-.524 1.03-1.274 2.13-1.274s1.764.75 2.13 1.274c.358.513.716 1.23 1.098 1.993l.046.092l.569 1.138c.84-.006 1.55-.023 2.157-.076c.944-.082 1.642-.25 2.204-.592l-6.656-5.23l-10.587-7.7l-.053.063C2 4.57 2 6.212 2 9.5"/><path d="m15.267 19.2l-1.335-2.67C13.089 14.843 12.668 14 12 14s-1.089.843-1.932 2.53L8.733 19.2c-.512 1.024-.768 1.537-.73 1.859c.057.465.407.842.868.93c.318.062.847-.157 1.905-.595c.39-.162.587-.243.787-.284c.288-.06.586-.06.874 0c.2.041.396.122.787.284c1.058.438 1.586.657 1.905.596c.46-.09.81-.465.867-.931c.04-.323-.217-.835-.729-1.858"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconStreetsNavFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.5 2h-5c-2.616 0-4.191 0-5.283.458l9.689 7.046l6.366-6.79C19.168 2 17.534 2 14.5 2m6.823 1.786l-6.216 6.63l6.18 4.855C22 14.168 22 12.534 22 9.5c0-2.982 0-4.611-.677-5.714M2 9.5c0 3.287 0 4.931.908 6.038a4 4 0 0 0 .554.554c.616.505 1.398.73 2.538.829c.608.053 1.317.07 2.157.076l.57-1.138l.045-.092c.382-.764.74-1.48 1.098-1.993c.366-.524 1.03-1.274 2.13-1.274s1.764.75 2.13 1.274c.358.513.716 1.23 1.098 1.993l.046.092l.569 1.138c.84-.006 1.55-.023 2.157-.076c.944-.082 1.642-.25 2.204-.592l-6.656-5.23l-10.587-7.7l-.053.063C2 4.57 2 6.212 2 9.5"/><path d="m15.267 19.2l-1.335-2.67C13.089 14.843 12.668 14 12 14s-1.089.843-1.932 2.53L8.733 19.2c-.512 1.024-.768 1.537-.73 1.859c.057.465.407.842.868.93c.318.062.847-.157 1.905-.595c.39-.162.587-.243.787-.284c.288-.06.586-.06.874 0c.2.041.396.122.787.284c1.058.438 1.586.657 1.905.596c.46-.09.81-.465.867-.931c.04-.323-.217-.835-.729-1.858"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.5 2h-5c-2.616 0-4.191 0-5.283.458l9.689 7.046l6.366-6.79C19.168 2 17.534 2 14.5 2m6.823 1.786l-6.216 6.63l6.18 4.855C22 14.168 22 12.534 22 9.5c0-2.982 0-4.611-.677-5.714M2 9.5c0 3.287 0 4.931.908 6.038a4 4 0 0 0 .554.554c.616.505 1.398.73 2.538.829c.608.053 1.317.07 2.157.076l.57-1.138l.045-.092c.382-.764.74-1.48 1.098-1.993c.366-.524 1.03-1.274 2.13-1.274s1.764.75 2.13 1.274c.358.513.716 1.23 1.098 1.993l.046.092l.569 1.138c.84-.006 1.55-.023 2.157-.076c.944-.082 1.642-.25 2.204-.592l-6.656-5.23l-10.587-7.7l-.053.063C2 4.57 2 6.212 2 9.5"/><path d="m15.267 19.2l-1.335-2.67C13.089 14.843 12.668 14 12 14s-1.089.843-1.932 2.53L8.733 19.2c-.512 1.024-.768 1.537-.73 1.859c.057.465.407.842.868.93c.318.062.847-.157 1.905-.595c.39-.162.587-.243.787-.284c.288-.06.586-.06.874 0c.2.041.396.122.787.284c1.058.438 1.586.657 1.905.596c.46-.09.81-.465.867-.931c.04-.323-.217-.835-.729-1.858"/></g></svg> </template>
CSS
.icon-streets-nav-filled {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.5%202h-5c-2.616%200-4.191%200-5.283.458l9.689%207.046l6.366-6.79C19.168%202%2017.534%202%2014.5%202m6.823%201.786l-6.216%206.63l6.18%204.855C22%2014.168%2022%2012.534%2022%209.5c0-2.982%200-4.611-.677-5.714M2%209.5c0%203.287%200%204.931.908%206.038a4%204%200%200%200%20.554.554c.616.505%201.398.73%202.538.829c.608.053%201.317.07%202.157.076l.57-1.138l.045-.092c.382-.764.74-1.48%201.098-1.993c.366-.524%201.03-1.274%202.13-1.274s1.764.75%202.13%201.274c.358.513.716%201.23%201.098%201.993l.046.092l.569%201.138c.84-.006%201.55-.023%202.157-.076c.944-.082%201.642-.25%202.204-.592l-6.656-5.23l-10.587-7.7l-.053.063C2%204.57%202%206.212%202%209.5%22%2F%3E%3Cpath%20d%3D%22m15.267%2019.2l-1.335-2.67C13.089%2014.843%2012.668%2014%2012%2014s-1.089.843-1.932%202.53L8.733%2019.2c-.512%201.024-.768%201.537-.73%201.859c.057.465.407.842.868.93c.318.062.847-.157%201.905-.595c.39-.162.587-.243.787-.284c.288-.06.586-.06.874%200c.2.041.396.122.787.284c1.058.438%201.586.657%201.905.596c.46-.09.81-.465.867-.931c.04-.323-.217-.835-.729-1.858%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.5%202h-5c-2.616%200-4.191%200-5.283.458l9.689%207.046l6.366-6.79C19.168%202%2017.534%202%2014.5%202m6.823%201.786l-6.216%206.63l6.18%204.855C22%2014.168%2022%2012.534%2022%209.5c0-2.982%200-4.611-.677-5.714M2%209.5c0%203.287%200%204.931.908%206.038a4%204%200%200%200%20.554.554c.616.505%201.398.73%202.538.829c.608.053%201.317.07%202.157.076l.57-1.138l.045-.092c.382-.764.74-1.48%201.098-1.993c.366-.524%201.03-1.274%202.13-1.274s1.764.75%202.13%201.274c.358.513.716%201.23%201.098%201.993l.046.092l.569%201.138c.84-.006%201.55-.023%202.157-.076c.944-.082%201.642-.25%202.204-.592l-6.656-5.23l-10.587-7.7l-.053.063C2%204.57%202%206.212%202%209.5%22%2F%3E%3Cpath%20d%3D%22m15.267%2019.2l-1.335-2.67C13.089%2014.843%2012.668%2014%2012%2014s-1.089.843-1.932%202.53L8.733%2019.2c-.512%201.024-.768%201.537-.73%201.859c.057.465.407.842.868.93c.318.062.847-.157%201.905-.595c.39-.162.587-.243.787-.284c.288-.06.586-.06.874%200c.2.041.396.122.787.284c1.058.438%201.586.657%201.905.596c.46-.09.81-.465.867-.931c.04-.323-.217-.835-.729-1.858%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/streets-nav-filled.svg?color=%231a73e8&size=48
