Location Pin Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Location Pin Svg 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/308871.svg" alt="Location Pin Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308871.svg" alt="Location Pin Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308871.svg" alt="Location Pin Svg icon" :width="24" :height="24" />
CSS background
.icon-location-pin---svg {
background-image: url('https://proicons.com/icon/308871.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 fill-rule="evenodd" clip-rule="evenodd" d="M18.2071 4.7929C14.779 1.36481 9.22096 1.36481 5.79287 4.7929C2.36478 8.22099 2.36478 13.779 5.79287 17.2071L11.2929 22.7071C11.4804 22.8946 11.7348 23 12 23C12.2652 23 12.5195 22.8946 12.7071 22.7071L18.2071 17.2071C21.6352 13.779 21.6352 8.22099 18.2071 4.7929ZM10.5 11C10.5 10.1716 11.1715 9.50001 12 9.50001H12.01C12.8384 9.50001 13.51 10.1716 13.51 11V11.01C13.51 11.8384 12.8384 12.51 12.01 12.51H12C11.1715 12.51 10.5 11.8384 10.5 11.01V11Z" fill="#292929"/> </svg>
Copied!