Location Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Tags: location map pin place gps navigation

The Location icon is commonly used in maps, store locators and delivery tracking. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/310204.svg" alt="Location icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310204.svg" alt="Location icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310204.svg"
  alt="Location icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-location {
  background-image: url('https://proicons.com/icon/310204.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.4501 11.2272H20.0601C19.8784 9.33674 19.0446 7.56842 17.7017 6.22552C16.3588 4.88263 14.5905 4.04886 12.7001 3.86719V2.47717C12.7001 2.27826 12.621 2.08749 12.4803 1.94684C12.3397 1.80619 12.149 1.72717 11.9501 1.72717C11.7512 1.72717 11.5603 1.80619 11.4197 1.94684C11.279 2.08749 11.2001 2.27826 11.2001 2.47717V3.86719C9.31791 4.05794 7.56019 4.89593 6.22705 6.23819C4.89391 7.58045 4.06793 9.34376 3.89001 11.2272H2.5C2.30109 11.2272 2.11038 11.3062 1.96973 11.4468C1.82907 11.5875 1.75 11.7783 1.75 11.9772C1.75 12.1761 1.82907 12.3669 1.96973 12.5075C2.11038 12.6482 2.30109 12.7272 2.5 12.7272H3.89001C4.07168 14.6176 4.90552 16.3859 6.24841 17.7288C7.59131 19.0717 9.35957 19.9055 11.25 20.0872V21.4772C11.25 21.6761 11.3291 21.8669 11.4697 22.0075C11.6104 22.1482 11.8011 22.2272 12 22.2272C12.1989 22.2272 12.3897 22.1482 12.5304 22.0075C12.671 21.8669 12.75 21.6761 12.75 21.4772V20.0872C14.6397 19.9036 16.407 19.0693 17.7495 17.7267C19.092 16.3842 19.9265 14.6169 20.11 12.7272H21.5C21.6989 12.7272 21.8897 12.6482 22.0304 12.5075C22.171 12.3669 22.25 12.1761 22.25 11.9772C22.25 11.7783 22.171 11.5875 22.0304 11.4468C21.8897 11.3062 21.6989 11.2272 21.5 11.2272H21.4501ZM11.9501 18.6172C10.6368 18.6172 9.35293 18.2278 8.26099 17.4981C7.16904 16.7685 6.318 15.7315 5.81543 14.5182C5.31286 13.3049 5.18142 11.9698 5.43762 10.6818C5.69383 9.39373 6.32626 8.2106 7.25488 7.28198C8.1835 6.35336 9.36663 5.72096 10.6547 5.46475C11.9427 5.20855 13.2778 5.34005 14.4911 5.84262C15.7044 6.34519 16.7413 7.19624 17.4709 8.28818C18.2006 9.38012 18.59 10.6639 18.59 11.9772C18.59 13.7391 17.8907 15.4291 16.6458 16.6759C15.4008 17.9227 13.712 18.6245 11.9501 18.6272V18.6172Z" fill="black"/>
<path d="M16.4803 11.9872C16.4803 12.8856 16.2139 13.7637 15.7146 14.5105C15.2153 15.2574 14.5055 15.8392 13.6754 16.1826C12.8452 16.5259 11.9319 16.6152 11.051 16.4392C10.17 16.2632 9.36105 15.8299 8.72652 15.1939C8.09199 14.558 7.66046 13.7481 7.48641 12.8668C7.31236 11.9854 7.40371 11.0723 7.74886 10.2429C8.09402 9.4135 8.67746 8.70513 9.42537 8.20747C10.1733 7.70981 11.052 7.44524 11.9504 7.44722C12.5461 7.44721 13.136 7.5647 13.6862 7.79298C14.2365 8.02126 14.7363 8.35586 15.1571 8.77757C15.5778 9.19928 15.9113 9.69983 16.1384 10.2506C16.3655 10.8014 16.4816 11.3915 16.4803 11.9872Z" fill="black"/>
</svg>