Map Pin

By Refactoring UI Inc in HeroIcons

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24">
  <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
    <path d="M15 10.5a3 3 0 1 1-6 0a3 3 0 0 1 6 0Z"/>
    <path d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
  </g>
</svg>


Map Pin Icons examples

See what this icon looks like in some mockup designs
Map PinHome

Related icons in HeroIcons

copy save
academic-cap
copy save
academic-cap-16-solid
copy save
academic-cap-20-solid
copy save
academic-cap-solid
copy save
adjustments-horizontal
copy save
adjustments-horizontal-16-solid
copy save
adjustments-horizontal-20-solid
copy save
adjustments-horizontal-solid
copy save
adjustments-vertical
copy save
adjustments-vertical-16-solid
copy save
adjustments-vertical-20-solid
copy save
adjustments-vertical-solid
copy save
archive-box
copy save
archive-box-16-solid
copy save
archive-box-20-solid
copy save
archive-box-arrow-down
copy save
archive-box-arrow-down-16-solid
copy save
archive-box-arrow-down-20-solid
copy save
archive-box-arrow-down-solid
copy save
archive-box-solid