Map Boundary Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Map Boundary icon is commonly used in location finders, store locators and travel apps. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/318352.svg" alt="Map Boundary icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/318352.svg" alt="Map Boundary icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/318352.svg" alt="Map Boundary icon" :width="24" :height="24" />
CSS background
.icon-map-boundary {
background-image: url('https://proicons.com/icon/318352.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
</style>
</defs>
<rect x="12" y="10" width="2" height="4"/>
<rect x="18" y="18" width="4" height="2"/>
<polygon points="14 18 14 16 12 16 12 20 16 20 16 18 14 18"/>
<rect x="16" y="4" width="12" height="12"/>
<polygon points="17.885 29.997 11.819 26.142 4 27.989 4 4 14 4 14 8 12 8 12 6 6 6 6 25.461 12.181 24.001 18.115 27.773 22.818 26 26 26 26 20 24 20 24 18 28 18 28 28 23.182 28 17.885 29.997"/>
<rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/>
</svg>
Copied!