map icon
map-duotone from Reicon by REICON · Duotone · Map · MIT Free for personal and commercial use.
- Name
- map-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Map
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All map icons →mapAkar IconsmapBootstrap IconsmapBoxIcons v2mapBoxIcons v2 SolidmapCarbonmapCodiconsmap-fillEva IconsmapFramework7 IconsmapFont Awesome 6 RegularmapFont Awesome 6 SolidmapFont Awesome RegularmapFont Awesome SolidmapFeather Iconsmap-16-filledFluent UI System IconsmapHeroIconsmapHuge IconsmapHumbleiconsmapIconoirmapIonIconsmapJam IconsmapKeyline IconsmapLine AwesomemapLucidemapMajesticons
More map icons from Reicon
Use the map icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3 8.71v8.128c0 1.043 0 1.565.283 1.958s.778.558 1.768.888l1.165.388c1.367.456 2.05.684 2.739.591L9 20.657v-14a3 3 0 0 1-.34.031c-.54.019-1.074-.16-2.141-.515c-1.398-.466-2.097-.699-2.629-.462a1.5 1.5 0 0 0-.497.358C3 6.5 3 7.236 3 8.71m18 6.58V7.163c0-1.043 0-1.565-.283-1.958s-.778-.558-1.768-.888l-1.165-.388c-1.367-.456-2.05-.684-2.739-.591L15 3.343v14q.17-.025.34-.031c.54-.019 1.074.16 2.141.515c1.398.466 2.097.699 2.629.462a1.5 1.5 0 0 0 .497-.358C21 17.5 21 16.764 21 15.29" opacity=".5"/><path d="M9.247 6.61q-.123.027-.247.047v14c.67-.104 1.269-.503 2.442-1.285l1.382-.922c.936-.624 1.404-.936 1.93-1.06q.12-.03.246-.047v-14c-.67.103-1.269.503-2.442 1.284l-1.382.922c-.936.624-1.404.936-1.93 1.06m8.235 11.218l.254.084z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconMapDuotone(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="M3 8.71v8.128c0 1.043 0 1.565.283 1.958s.778.558 1.768.888l1.165.388c1.367.456 2.05.684 2.739.591L9 20.657v-14a3 3 0 0 1-.34.031c-.54.019-1.074-.16-2.141-.515c-1.398-.466-2.097-.699-2.629-.462a1.5 1.5 0 0 0-.497.358C3 6.5 3 7.236 3 8.71m18 6.58V7.163c0-1.043 0-1.565-.283-1.958s-.778-.558-1.768-.888l-1.165-.388c-1.367-.456-2.05-.684-2.739-.591L15 3.343v14q.17-.025.34-.031c.54-.019 1.074.16 2.141.515c1.398.466 2.097.699 2.629.462a1.5 1.5 0 0 0 .497-.358C21 17.5 21 16.764 21 15.29" opacity=".5"/><path d="M9.247 6.61q-.123.027-.247.047v14c.67-.104 1.269-.503 2.442-1.285l1.382-.922c.936-.624 1.404-.936 1.93-1.06q.12-.03.246-.047v-14c-.67.103-1.269.503-2.442 1.284l-1.382.922c-.936.624-1.404.936-1.93 1.06m8.235 11.218l.254.084z"/></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="M3 8.71v8.128c0 1.043 0 1.565.283 1.958s.778.558 1.768.888l1.165.388c1.367.456 2.05.684 2.739.591L9 20.657v-14a3 3 0 0 1-.34.031c-.54.019-1.074-.16-2.141-.515c-1.398-.466-2.097-.699-2.629-.462a1.5 1.5 0 0 0-.497.358C3 6.5 3 7.236 3 8.71m18 6.58V7.163c0-1.043 0-1.565-.283-1.958s-.778-.558-1.768-.888l-1.165-.388c-1.367-.456-2.05-.684-2.739-.591L15 3.343v14q.17-.025.34-.031c.54-.019 1.074.16 2.141.515c1.398.466 2.097.699 2.629.462a1.5 1.5 0 0 0 .497-.358C21 17.5 21 16.764 21 15.29" opacity=".5"/><path d="M9.247 6.61q-.123.027-.247.047v14c.67-.104 1.269-.503 2.442-1.285l1.382-.922c.936-.624 1.404-.936 1.93-1.06q.12-.03.246-.047v-14c-.67.103-1.269.503-2.442 1.284l-1.382.922c-.936.624-1.404.936-1.93 1.06m8.235 11.218l.254.084z"/></g></svg> </template>
CSS
.icon-map-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%22M3%208.71v8.128c0%201.043%200%201.565.283%201.958s.778.558%201.768.888l1.165.388c1.367.456%202.05.684%202.739.591L9%2020.657v-14a3%203%200%200%201-.34.031c-.54.019-1.074-.16-2.141-.515c-1.398-.466-2.097-.699-2.629-.462a1.5%201.5%200%200%200-.497.358C3%206.5%203%207.236%203%208.71m18%206.58V7.163c0-1.043%200-1.565-.283-1.958s-.778-.558-1.768-.888l-1.165-.388c-1.367-.456-2.05-.684-2.739-.591L15%203.343v14q.17-.025.34-.031c.54-.019%201.074.16%202.141.515c1.398.466%202.097.699%202.629.462a1.5%201.5%200%200%200%20.497-.358C21%2017.5%2021%2016.764%2021%2015.29%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M9.247%206.61q-.123.027-.247.047v14c.67-.104%201.269-.503%202.442-1.285l1.382-.922c.936-.624%201.404-.936%201.93-1.06q.12-.03.246-.047v-14c-.67.103-1.269.503-2.442%201.284l-1.382.922c-.936.624-1.404.936-1.93%201.06m8.235%2011.218l.254.084z%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%22M3%208.71v8.128c0%201.043%200%201.565.283%201.958s.778.558%201.768.888l1.165.388c1.367.456%202.05.684%202.739.591L9%2020.657v-14a3%203%200%200%201-.34.031c-.54.019-1.074-.16-2.141-.515c-1.398-.466-2.097-.699-2.629-.462a1.5%201.5%200%200%200-.497.358C3%206.5%203%207.236%203%208.71m18%206.58V7.163c0-1.043%200-1.565-.283-1.958s-.778-.558-1.768-.888l-1.165-.388c-1.367-.456-2.05-.684-2.739-.591L15%203.343v14q.17-.025.34-.031c.54-.019%201.074.16%202.141.515c1.398.466%202.097.699%202.629.462a1.5%201.5%200%200%200%20.497-.358C21%2017.5%2021%2016.764%2021%2015.29%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M9.247%206.61q-.123.027-.247.047v14c.67-.104%201.269-.503%202.442-1.285l1.382-.922c.936-.624%201.404-.936%201.93-1.06q.12-.03.246-.047v-14c-.67.103-1.269.503-2.442%201.284l-1.382.922c-.936.624-1.404.936-1.93%201.06m8.235%2011.218l.254.084z%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/map-duotone.svg?color=%231a73e8&size=48
