Gentleface › Maps & places › map-pin-ripple

map-pin-ripple icon

Map pin ripple: live location, live location sharing, real time location, share live location. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M5.844 1.316C6.376 1.105 6.928 1 7.5 1C8.072 1 8.624 1.105 9.156 1.316C9.734 1.545 10.243 1.879 10.682 2.318C11.121 2.757 11.455 3.266 11.684 3.844C11.895 4.376 12 4.928 12 5.5C12 6.27 11.876 7.016 11.629 7.74C11.411 8.379 11.09 9.016 10.666 9.652C10.319 10.173 9.876 10.729 9.339 11.321C9.021 11.67 8.526 12.181 7.854 12.854C7.754 12.953 7.636 13.003 7.5 13.003C7.364 13.003 7.246 12.953 7.146 12.854C6.474 12.181 5.979 11.67 5.661 11.321C5.124 10.729 4.681 10.173 4.334 9.652C3.91 9.016 3.589 8.379 3.371 7.74C3.124 7.016 3 6.27 3 5.5C3 4.928 3.105 4.376 3.316 3.844C3.545 3.266 3.879 2.757 4.318 2.318C4.757 1.879 5.266 1.545 5.844 1.316ZM6.401 10.648C6.651 10.922 7.017 11.304 7.5 11.791C7.983 11.304 8.349 10.922 8.599 10.648C9.103 10.094 9.515 9.577 9.834 9.098C10.21 8.534 10.493 7.973 10.683 7.417C10.894 6.798 11 6.159 11 5.5C11 5.055 10.918 4.625 10.754 4.212C10.576 3.762 10.317 3.367 9.975 3.025C9.633 2.683 9.238 2.424 8.788 2.246C8.375 2.082 7.945 2 7.5 2C7.055 2 6.625 2.082 6.212 2.246C5.762 2.424 5.367 2.683 5.025 3.025C4.683 3.367 4.424 3.762 4.246 4.212C4.082 4.625 4 5.055 4 5.5C4 6.159 4.106 6.798 4.317 7.417C4.507 7.973 4.79 8.534 5.166 9.098C5.485 9.577 5.897 10.094 6.401 10.648ZM9 5.5C9 5.914 8.854 6.268 8.561 6.561C8.268 6.854 7.914 7 7.5 7C7.086 7 6.732 6.854 6.439 6.561C6.146 6.268 6 5.914 6 5.5C6 5.086 6.146 4.732 6.439 4.439C6.732 4.146 7.086 4 7.5 4C7.914 4 8.268 4.146 8.561 4.439C8.854 4.732 9 5.086 9 5.5ZM11.27 10.537C11.376 10.491 11.489 10.485 11.608 10.52C12.311 10.726 12.863 10.978 13.265 11.275C13.755 11.636 14 12.045 14 12.5C14 12.909 13.8 13.282 13.401 13.619C13.047 13.916 12.547 14.173 11.901 14.389C11.285 14.594 10.576 14.749 9.774 14.855C9.043 14.952 8.285 15 7.5 15C6.715 15 5.957 14.952 5.226 14.855C4.424 14.749 3.715 14.594 3.099 14.389C2.453 14.173 1.953 13.916 1.599 13.619C1.2 13.282 1 12.909 1 12.5C1 12.045 1.245 11.636 1.735 11.275C2.137 10.978 2.689 10.726 3.392 10.52C3.511 10.485 3.624 10.491 3.73 10.537C3.825 10.669 3.925 10.802 4.03 10.937C4.044 11.042 4.025 11.142 3.972 11.239C3.906 11.36 3.806 11.44 3.674 11.479C3.084 11.653 2.636 11.852 2.329 12.079C2.201 12.173 2.109 12.264 2.053 12.353C2.018 12.408 2 12.457 2 12.5C2 12.599 2.081 12.717 2.243 12.854C2.499 13.069 2.89 13.265 3.415 13.44C3.971 13.625 4.618 13.766 5.357 13.864C6.012 13.95 6.691 13.996 7.394 14C7.429 14.002 7.464 14.003 7.5 14.003C7.536 14.003 7.571 14.002 7.606 14C8.309 13.996 8.988 13.95 9.643 13.864C10.382 13.766 11.029 13.625 11.585 13.44C12.11 13.265 12.501 13.069 12.757 12.854C12.919 12.717 13 12.599 13 12.5C13 12.457 12.982 12.408 12.947 12.353C12.891 12.264 12.799 12.173 12.671 12.079C12.364 11.852 11.916 11.653 11.326 11.479C11.191 11.44 11.091 11.36 11.026 11.241C10.973 11.145 10.955 11.044 10.97 10.938C11.075 10.802 11.175 10.669 11.27 10.537Z"/></svg>

React

// Gentleface "map-pin-ripple" (line-round), MIT. https://gentleface.com/icons/map-pin-ripple
import type { SVGProps } from 'react';

export function MapPinRippleIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M5.844 1.316C6.376 1.105 6.928 1 7.5 1C8.072 1 8.624 1.105 9.156 1.316C9.734 1.545 10.243 1.879 10.682 2.318C11.121 2.757 11.455 3.266 11.684 3.844C11.895 4.376 12 4.928 12 5.5C12 6.27 11.876 7.016 11.629 7.74C11.411 8.379 11.09 9.016 10.666 9.652C10.319 10.173 9.876 10.729 9.339 11.321C9.021 11.67 8.526 12.181 7.854 12.854C7.754 12.953 7.636 13.003 7.5 13.003C7.364 13.003 7.246 12.953 7.146 12.854C6.474 12.181 5.979 11.67 5.661 11.321C5.124 10.729 4.681 10.173 4.334 9.652C3.91 9.016 3.589 8.379 3.371 7.74C3.124 7.016 3 6.27 3 5.5C3 4.928 3.105 4.376 3.316 3.844C3.545 3.266 3.879 2.757 4.318 2.318C4.757 1.879 5.266 1.545 5.844 1.316ZM6.401 10.648C6.651 10.922 7.017 11.304 7.5 11.791C7.983 11.304 8.349 10.922 8.599 10.648C9.103 10.094 9.515 9.577 9.834 9.098C10.21 8.534 10.493 7.973 10.683 7.417C10.894 6.798 11 6.159 11 5.5C11 5.055 10.918 4.625 10.754 4.212C10.576 3.762 10.317 3.367 9.975 3.025C9.633 2.683 9.238 2.424 8.788 2.246C8.375 2.082 7.945 2 7.5 2C7.055 2 6.625 2.082 6.212 2.246C5.762 2.424 5.367 2.683 5.025 3.025C4.683 3.367 4.424 3.762 4.246 4.212C4.082 4.625 4 5.055 4 5.5C4 6.159 4.106 6.798 4.317 7.417C4.507 7.973 4.79 8.534 5.166 9.098C5.485 9.577 5.897 10.094 6.401 10.648ZM9 5.5C9 5.914 8.854 6.268 8.561 6.561C8.268 6.854 7.914 7 7.5 7C7.086 7 6.732 6.854 6.439 6.561C6.146 6.268 6 5.914 6 5.5C6 5.086 6.146 4.732 6.439 4.439C6.732 4.146 7.086 4 7.5 4C7.914 4 8.268 4.146 8.561 4.439C8.854 4.732 9 5.086 9 5.5ZM11.27 10.537C11.376 10.491 11.489 10.485 11.608 10.52C12.311 10.726 12.863 10.978 13.265 11.275C13.755 11.636 14 12.045 14 12.5C14 12.909 13.8 13.282 13.401 13.619C13.047 13.916 12.547 14.173 11.901 14.389C11.285 14.594 10.576 14.749 9.774 14.855C9.043 14.952 8.285 15 7.5 15C6.715 15 5.957 14.952 5.226 14.855C4.424 14.749 3.715 14.594 3.099 14.389C2.453 14.173 1.953 13.916 1.599 13.619C1.2 13.282 1 12.909 1 12.5C1 12.045 1.245 11.636 1.735 11.275C2.137 10.978 2.689 10.726 3.392 10.52C3.511 10.485 3.624 10.491 3.73 10.537C3.825 10.669 3.925 10.802 4.03 10.937C4.044 11.042 4.025 11.142 3.972 11.239C3.906 11.36 3.806 11.44 3.674 11.479C3.084 11.653 2.636 11.852 2.329 12.079C2.201 12.173 2.109 12.264 2.053 12.353C2.018 12.408 2 12.457 2 12.5C2 12.599 2.081 12.717 2.243 12.854C2.499 13.069 2.89 13.265 3.415 13.44C3.971 13.625 4.618 13.766 5.357 13.864C6.012 13.95 6.691 13.996 7.394 14C7.429 14.002 7.464 14.003 7.5 14.003C7.536 14.003 7.571 14.002 7.606 14C8.309 13.996 8.988 13.95 9.643 13.864C10.382 13.766 11.029 13.625 11.585 13.44C12.11 13.265 12.501 13.069 12.757 12.854C12.919 12.717 13 12.599 13 12.5C13 12.457 12.982 12.408 12.947 12.353C12.891 12.264 12.799 12.173 12.671 12.079C12.364 11.852 11.916 11.653 11.326 11.479C11.191 11.44 11.091 11.36 11.026 11.241C10.973 11.145 10.955 11.044 10.97 10.938C11.075 10.802 11.175 10.669 11.27 10.537Z" />
    </svg>
  );
}

Vue

Vue: see /icons/map-pin-ripple.md

Svelte

Svelte: see /icons/map-pin-ripple.md

HTML img

HTML img: see /icons/map-pin-ripple.md

CSS

CSS: see /icons/map-pin-ripple.md

Data URL

Data URL: see /icons/map-pin-ripple.md

Sprite

Sprite: see /icons/map-pin-ripple.md

SwiftUI

SwiftUI: see /icons/map-pin-ripple.md

Compose

Compose: see /icons/map-pin-ripple.md

Android XML

Android XML: see /icons/map-pin-ripple.md

Flutter

Flutter: see /icons/map-pin-ripple.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

live location, live location sharing, real time location, share live location, live tracking, location sharing

Alternatives

map-pin-arrow-right: send a location once
radar: detect nearby devices

Also fits

share location: continuous live location sharing
geofence: live location
tracking: live location tracking

Tags

live-location, location-sharing, live, tracking, location, pin, marker, gps

Category

Maps & places

Component name

MapPinRippleIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

Family 27

map-pin map-pin-alert map-pin-arrow-down map-pin-arrow-right map-pin-arrow-up map-pin-building map-pin-check map-pin-clock map-pin-code map-pin-coin map-pin-gear map-pin-heart

More maps & places icons

altitude binoculars bridge bridge-alert bridge-check bridge-lock bridge-x compass compass-north compass-off compass-rose compass-rose-ring crosshair flag flag-alert flag-arrow-right · all maps & places icons

For agents

Metadata: /icons/map-pin-ripple.json · Markdown: /icons/map-pin-ripple.md · SVG: https://gentleface.com/svg/{style}/16/map-pin-ripple.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/map-pin-ripple.png

map-pin-ripple icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp