streets nav icon
streets-nav-duotone from Reicon by REICON · Duotone · Map · MIT Free for personal and commercial use.
- Name
- streets-nav-duotone
- Set
- Reicon
- Style
- Duotone
- 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="m21.323 3.786l-6.216 6.63l6.18 4.855C22 14.169 22 12.535 22 9.502c0-2.983 0-4.612-.677-5.715M15.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"/><path d="M2 9.5v.04c0 3.26.004 4.896.908 5.998q.25.305.554.554q.27.222.591.377C5.15 17 6.75 17 9.497 17H14.5l1.343-.003c.84-.005 1.55-.023 2.157-.076c.944-.082 1.642-.25 2.204-.592l-6.656-5.23l-10.587-7.7l-.053.064C2 4.569 2 6.213 2 9.5" opacity=".5"/><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 2"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconStreetsNavDuotone(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="m21.323 3.786l-6.216 6.63l6.18 4.855C22 14.169 22 12.535 22 9.502c0-2.983 0-4.612-.677-5.715M15.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"/><path d="M2 9.5v.04c0 3.26.004 4.896.908 5.998q.25.305.554.554q.27.222.591.377C5.15 17 6.75 17 9.497 17H14.5l1.343-.003c.84-.005 1.55-.023 2.157-.076c.944-.082 1.642-.25 2.204-.592l-6.656-5.23l-10.587-7.7l-.053.064C2 4.569 2 6.213 2 9.5" opacity=".5"/><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 2"/></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="m21.323 3.786l-6.216 6.63l6.18 4.855C22 14.169 22 12.535 22 9.502c0-2.983 0-4.612-.677-5.715M15.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"/><path d="M2 9.5v.04c0 3.26.004 4.896.908 5.998q.25.305.554.554q.27.222.591.377C5.15 17 6.75 17 9.497 17H14.5l1.343-.003c.84-.005 1.55-.023 2.157-.076c.944-.082 1.642-.25 2.204-.592l-6.656-5.23l-10.587-7.7l-.053.064C2 4.569 2 6.213 2 9.5" opacity=".5"/><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 2"/></g></svg> </template>
CSS
.icon-streets-nav-duotone {
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%22m21.323%203.786l-6.216%206.63l6.18%204.855C22%2014.169%2022%2012.535%2022%209.502c0-2.983%200-4.612-.677-5.715M15.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%3Cpath%20d%3D%22M2%209.5v.04c0%203.26.004%204.896.908%205.998q.25.305.554.554q.27.222.591.377C5.15%2017%206.75%2017%209.497%2017H14.5l1.343-.003c.84-.005%201.55-.023%202.157-.076c.944-.082%201.642-.25%202.204-.592l-6.656-5.23l-10.587-7.7l-.053.064C2%204.569%202%206.213%202%209.5%22%20opacity%3D%22.5%22%2F%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%202%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%22m21.323%203.786l-6.216%206.63l6.18%204.855C22%2014.169%2022%2012.535%2022%209.502c0-2.983%200-4.612-.677-5.715M15.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%3Cpath%20d%3D%22M2%209.5v.04c0%203.26.004%204.896.908%205.998q.25.305.554.554q.27.222.591.377C5.15%2017%206.75%2017%209.497%2017H14.5l1.343-.003c.84-.005%201.55-.023%202.157-.076c.944-.082%201.642-.25%202.204-.592l-6.656-5.23l-10.587-7.7l-.053.064C2%204.569%202%206.213%202%209.5%22%20opacity%3D%22.5%22%2F%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%202%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-duotone.svg?color=%231a73e8&size=48
