Location Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Collection: VS Code Codicons
Format: SVG, Font (WOFF2), npm, PNG
License: CC BY 4.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/307280.svg" alt="Location icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

.icon-location {
  background-image: url('https://proicons.com/icon/307280.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="M8 1C11.3137 1 14 3.68629 14 7C14 9.87377 10.9031 13.016 9.15918 14.5576C8.49082 15.1484 7.50918 15.1484 6.84082 14.5576C5.09688 13.016 2 9.87377 2 7C2 3.68629 4.68629 1 8 1ZM8 2C5.23858 2 3 4.23858 3 7C3 8.10839 3.61436 9.39536 4.56934 10.6826C5.50328 11.9415 6.65741 13.0603 7.50391 13.8086C7.79391 14.0647 8.20609 14.0647 8.49609 13.8086C9.34259 13.0603 10.4967 11.9415 11.4307 10.6826C12.3856 9.39536 13 8.10839 13 7C13 4.23858 10.7614 2 8 2ZM8 4.75C9.24264 4.75 10.25 5.75736 10.25 7C10.25 8.24264 9.24264 9.25 8 9.25C6.75736 9.25 5.75 8.24264 5.75 7C5.75 5.75736 6.75736 4.75 8 4.75ZM8 5.75C7.30964 5.75 6.75 6.30964 6.75 7C6.75 7.69036 7.30964 8.25 8 8.25C8.69036 8.25 9.25 7.69036 9.25 7C9.25 6.30964 8.69036 5.75 8 5.75Z"/></svg>