Map Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Map 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/307289.svg" alt="Map icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307289.svg" alt="Map icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307289.svg" alt="Map icon" :width="24" :height="24" />
CSS background
.icon-map {
background-image: url('https://proicons.com/icon/307289.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M5.235 2.076C5.38271 1.98368 5.56781 1.97489 5.72361 2.05279L10.4728 4.42738L14.235 2.076C14.3891 1.97967 14.5834 1.97457 14.7424 2.06268C14.9014 2.15079 15 2.31824 15 2.5V11C15 11.1724 14.9112 11.3326 14.765 11.424L10.765 13.924C10.6173 14.0163 10.4322 14.0251 10.2764 13.9472L5.52721 11.5726L1.765 13.924C1.61087 14.0203 1.41659 14.0254 1.25762 13.9373C1.09864 13.8492 1 13.6818 1 13.5V5C1 4.82761 1.08881 4.66737 1.235 4.576L5.235 2.076ZM6 10.691L10 12.691V5.30902L6 3.30902V10.691ZM5 3.40212L2 5.27712V12.5979L5 10.7229V3.40212ZM11 5.27712V12.5979L14 10.7229V3.40212L11 5.27712Z"/></svg>
Copied!