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/308567.svg" alt="Location Pin Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308567.svg" alt="Location Pin Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308567.svg" alt="Location Pin Svg icon" :width="24" :height="24" />
CSS background
.icon-location-pin---svg {
background-image: url('https://proicons.com/icon/308567.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 opacity="0.16" fill-rule="evenodd" clip-rule="evenodd" d="M17.5 16.5L12 22L6.49998 16.5C3.46241 13.4624 3.46241 8.53757 6.49997 5.50001C9.53754 2.46244 14.4624 2.46244 17.5 5.50001C20.5375 8.53757 20.5375 13.4624 17.5 16.5ZM12 12C12.5523 12 13 11.5523 13 11C13 10.4477 12.5523 10 12 10C11.4477 10 11 10.4477 11 11C11 11.5523 11.4477 12 12 12Z" fill="#292929"/> <rect x="12" y="11" width="0.01" height="0.01" stroke="#292929" stroke-width="3" stroke-linejoin="round"/> <path d="M12 22L17.5 16.5C20.5376 13.4624 20.5376 8.53757 17.5 5.5C14.4624 2.46244 9.53757 2.46244 6.5 5.5C3.46244 8.53757 3.46244 13.4624 6.5 16.5L12 22Z" stroke="#292929" stroke-width="2" stroke-linejoin="round"/> </svg>
Copied!