Skip to content

Map Pin

Usage

With Web Components

html
<ss-icon icon="map-pin"></ss-icon>

With icon tag

html
<i class="ss ss-map-pin"></i>

With custom stroke width / thickness

html
<ss-icon icon="map-pin" thickness="1.2"></ss-icon>

Icon Details

PropertyValue
NameMap Pin
Slugmap-pin
Tagslocation, marker, spot, point, destination, gps, map-pin

SVG Path

M15 10.5a3 3 0 11-6 0 3 3 0 016 0zM19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z

Raw SVG

html
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0zM19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"></path>
</svg>

← Back to Icon Library