map icon
map from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- map
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
mapAkar IconsmapBootstrap IconsmapBoxIcons v2mapBoxIcons v2 SolidmapCarbonmapCodiconsmap-fillEva IconsmapFramework7 IconsmapFont Awesome 6 RegularmapFont Awesome 6 SolidmapFont Awesome RegularmapFont Awesome SolidmapFeather Iconsmap-16-filledFluent UI System IconsmapHeroIconsmapHumbleiconsmapIconoirmapIonIconsmapJam IconsmapLine AwesomemapLucidemapMajesticonsmapMaterial SymbolsmapMaterial Symbols Light
Related icons in Huge Icons
Use the map icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.996 3.344v14.718m7 2.03V5.882m-13 9.985V8.391c0-1.221 0-1.832.299-2.322c.298-.49.836-.764 1.912-1.31l.47-.239c1.633-.828 2.45-1.242 3.331-1.269c.882-.026 1.721.339 3.399 1.069l2.013.876c.777.338 1.166.507 1.576.507s.799-.17 1.576-.507l1.242-.54c1.89-.822 2.834-1.233 3.508-.782s.674 1.494.674 3.58v7.93c0 1.3 0 1.948-.33 2.457s-.918.764-2.094 1.276l-1.425.62c-1.553.675-2.33 1.013-3.15 1.013c-.822 0-1.599-.338-3.152-1.014L9.394 18.67c-.691-.3-1.037-.45-1.404-.466s-.723.105-1.437.346l-.608.206c-1.802.61-2.703.915-3.326.459s-.623-1.42-.623-3.348"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsMap(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M7.996 3.344v14.718m7 2.03V5.882m-13 9.985V8.391c0-1.221 0-1.832.299-2.322c.298-.49.836-.764 1.912-1.31l.47-.239c1.633-.828 2.45-1.242 3.331-1.269c.882-.026 1.721.339 3.399 1.069l2.013.876c.777.338 1.166.507 1.576.507s.799-.17 1.576-.507l1.242-.54c1.89-.822 2.834-1.233 3.508-.782s.674 1.494.674 3.58v7.93c0 1.3 0 1.948-.33 2.457s-.918.764-2.094 1.276l-1.425.62c-1.553.675-2.33 1.013-3.15 1.013c-.822 0-1.599-.338-3.152-1.014L9.394 18.67c-.691-.3-1.037-.45-1.404-.466s-.723.105-1.437.346l-.608.206c-1.802.61-2.703.915-3.326.459s-.623-1.42-.623-3.348"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.996 3.344v14.718m7 2.03V5.882m-13 9.985V8.391c0-1.221 0-1.832.299-2.322c.298-.49.836-.764 1.912-1.31l.47-.239c1.633-.828 2.45-1.242 3.331-1.269c.882-.026 1.721.339 3.399 1.069l2.013.876c.777.338 1.166.507 1.576.507s.799-.17 1.576-.507l1.242-.54c1.89-.822 2.834-1.233 3.508-.782s.674 1.494.674 3.58v7.93c0 1.3 0 1.948-.33 2.457s-.918.764-2.094 1.276l-1.425.62c-1.553.675-2.33 1.013-3.15 1.013c-.822 0-1.599-.338-3.152-1.014L9.394 18.67c-.691-.3-1.037-.45-1.404-.466s-.723.105-1.437.346l-.608.206c-1.802.61-2.703.915-3.326.459s-.623-1.42-.623-3.348"/></svg> </template>
CSS
.icon-map {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7.996%203.344v14.718m7%202.03V5.882m-13%209.985V8.391c0-1.221%200-1.832.299-2.322c.298-.49.836-.764%201.912-1.31l.47-.239c1.633-.828%202.45-1.242%203.331-1.269c.882-.026%201.721.339%203.399%201.069l2.013.876c.777.338%201.166.507%201.576.507s.799-.17%201.576-.507l1.242-.54c1.89-.822%202.834-1.233%203.508-.782s.674%201.494.674%203.58v7.93c0%201.3%200%201.948-.33%202.457s-.918.764-2.094%201.276l-1.425.62c-1.553.675-2.33%201.013-3.15%201.013c-.822%200-1.599-.338-3.152-1.014L9.394%2018.67c-.691-.3-1.037-.45-1.404-.466s-.723.105-1.437.346l-.608.206c-1.802.61-2.703.915-3.326.459s-.623-1.42-.623-3.348%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7.996%203.344v14.718m7%202.03V5.882m-13%209.985V8.391c0-1.221%200-1.832.299-2.322c.298-.49.836-.764%201.912-1.31l.47-.239c1.633-.828%202.45-1.242%203.331-1.269c.882-.026%201.721.339%203.399%201.069l2.013.876c.777.338%201.166.507%201.576.507s.799-.17%201.576-.507l1.242-.54c1.89-.822%202.834-1.233%203.508-.782s.674%201.494.674%203.58v7.93c0%201.3%200%201.948-.33%202.457s-.918.764-2.094%201.276l-1.425.62c-1.553.675-2.33%201.013-3.15%201.013c-.822%200-1.599-.338-3.152-1.014L9.394%2018.67c-.691-.3-1.037-.45-1.404-.466s-.723.105-1.437.346l-.608.206c-1.802.61-2.703.915-3.326.459s-.623-1.42-.623-3.348%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/map.svg?color=%231a73e8&size=48
