# map-pin-ripple icon

Map pin ripple. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/map-pin-ripple

- Category: Maps & places
- Use it for: live location, live location sharing, real time location, share live location, live tracking, location sharing
- Tags: live-location, location-sharing, live, tracking, location, pin, marker, gps
- Family: 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, map-pin-home, map-pin-info, map-pin-lock, map-pin-off, map-pin-pencil, map-pin-plus, map-pin-question, map-pin-radius, map-pin-search, map-pin-sparkle, map-pin-star, map-pin-sync, map-pin-tag, map-pin-user, map-pin-x
- Component name: MapPinRippleIcon
- Added: 2026-11-12

## 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

## Files

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.

- line-round: https://gentleface.com/svg/line-round/16/map-pin-ripple.svg · PNG https://gentleface.com/png/line-round/16/map-pin-ripple.png · https://gentleface.com/png/line-round/32/map-pin-ripple.png · https://gentleface.com/png/line-round/48/map-pin-ripple.png
- line-soft: https://gentleface.com/svg/line-soft/16/map-pin-ripple.svg · PNG https://gentleface.com/png/line-soft/16/map-pin-ripple.png · https://gentleface.com/png/line-soft/32/map-pin-ripple.png · https://gentleface.com/png/line-soft/48/map-pin-ripple.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/map-pin-ripple.svg · PNG https://gentleface.com/png/line-sharp/16/map-pin-ripple.png · https://gentleface.com/png/line-sharp/32/map-pin-ripple.png · https://gentleface.com/png/line-sharp/48/map-pin-ripple.png
- solid-round: https://gentleface.com/svg/solid-round/16/map-pin-ripple.svg · PNG https://gentleface.com/png/solid-round/16/map-pin-ripple.png · https://gentleface.com/png/solid-round/32/map-pin-ripple.png · https://gentleface.com/png/solid-round/48/map-pin-ripple.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/map-pin-ripple.svg · PNG https://gentleface.com/png/solid-soft/16/map-pin-ripple.png · https://gentleface.com/png/solid-soft/32/map-pin-ripple.png · https://gentleface.com/png/solid-soft/48/map-pin-ripple.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/map-pin-ripple.svg · PNG https://gentleface.com/png/solid-sharp/16/map-pin-ripple.png · https://gentleface.com/png/solid-sharp/32/map-pin-ripple.png · https://gentleface.com/png/solid-sharp/48/map-pin-ripple.png

The SVG of every style: https://gentleface.com/icons/map-pin-ripple.json (`svg`).

## Code (line-round)

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. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```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

```tsx
// 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
<!-- Gentleface "map-pin-ripple" (line-round), MIT. https://gentleface.com/icons/map-pin-ripple -->
<template>
  <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>
</template>
```

### Svelte

```svelte
<!-- Gentleface "map-pin-ripple" (line-round), MIT. https://gentleface.com/icons/map-pin-ripple -->
<script>
  let props = $props();
</script>

<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>
```

### HTML img

```html
<!-- Gentleface "map-pin-ripple" (line-round), MIT. https://gentleface.com/icons/map-pin-ripple. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/map-pin-ripple.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "map-pin-ripple" (line-round), MIT. https://gentleface.com/icons/map-pin-ripple. Takes the text color. */
.icon-map-pin-ripple {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "map-pin-ripple" (line-round), MIT. https://gentleface.com/icons/map-pin-ripple
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#map-pin-ripple"/></svg>
```

### SwiftUI

```swift
// Gentleface "map-pin-ripple" (line-round), MIT. https://gentleface.com/icons/map-pin-ripple
import SwiftUI

struct MapPinRippleIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 5.844, y: 1.316))
        p.addCurve(to: CGPoint(x: 7.5, y: 1), control1: CGPoint(x: 6.376, y: 1.105), control2: CGPoint(x: 6.928, y: 1))
        p.addCurve(to: CGPoint(x: 9.156, y: 1.316), control1: CGPoint(x: 8.072, y: 1), control2: CGPoint(x: 8.624, y: 1.105))
        p.addCurve(to: CGPoint(x: 10.682, y: 2.318), control1: CGPoint(x: 9.734, y: 1.545), control2: CGPoint(x: 10.243, y: 1.879))
        p.addCurve(to: CGPoint(x: 11.684, y: 3.844), control1: CGPoint(x: 11.121, y: 2.757), control2: CGPoint(x: 11.455, y: 3.266))
        p.addCurve(to: CGPoint(x: 12, y: 5.5), control1: CGPoint(x: 11.895, y: 4.376), control2: CGPoint(x: 12, y: 4.928))
        p.addCurve(to: CGPoint(x: 11.629, y: 7.74), control1: CGPoint(x: 12, y: 6.27), control2: CGPoint(x: 11.876, y: 7.016))
        p.addCurve(to: CGPoint(x: 10.666, y: 9.652), control1: CGPoint(x: 11.411, y: 8.379), control2: CGPoint(x: 11.09, y: 9.016))
        p.addCurve(to: CGPoint(x: 9.339, y: 11.321), control1: CGPoint(x: 10.319, y: 10.173), control2: CGPoint(x: 9.876, y: 10.729))
        p.addCurve(to: CGPoint(x: 7.854, y: 12.854), control1: CGPoint(x: 9.021, y: 11.67), control2: CGPoint(x: 8.526, y: 12.181))
        p.addCurve(to: CGPoint(x: 7.5, y: 13.003), control1: CGPoint(x: 7.754, y: 12.953), control2: CGPoint(x: 7.636, y: 13.003))
        p.addCurve(to: CGPoint(x: 7.146, y: 12.854), control1: CGPoint(x: 7.364, y: 13.003), control2: CGPoint(x: 7.246, y: 12.953))
        p.addCurve(to: CGPoint(x: 5.661, y: 11.321), control1: CGPoint(x: 6.474, y: 12.181), control2: CGPoint(x: 5.979, y: 11.67))
        p.addCurve(to: CGPoint(x: 4.334, y: 9.652), control1: CGPoint(x: 5.124, y: 10.729), control2: CGPoint(x: 4.681, y: 10.173))
        p.addCurve(to: CGPoint(x: 3.371, y: 7.74), control1: CGPoint(x: 3.91, y: 9.016), control2: CGPoint(x: 3.589, y: 8.379))
        p.addCurve(to: CGPoint(x: 3, y: 5.5), control1: CGPoint(x: 3.124, y: 7.016), control2: CGPoint(x: 3, y: 6.27))
        p.addCurve(to: CGPoint(x: 3.316, y: 3.844), control1: CGPoint(x: 3, y: 4.928), control2: CGPoint(x: 3.105, y: 4.376))
        p.addCurve(to: CGPoint(x: 4.318, y: 2.318), control1: CGPoint(x: 3.545, y: 3.266), control2: CGPoint(x: 3.879, y: 2.757))
        p.addCurve(to: CGPoint(x: 5.844, y: 1.316), control1: CGPoint(x: 4.757, y: 1.879), control2: CGPoint(x: 5.266, y: 1.545))
        p.closeSubpath()
        p.move(to: CGPoint(x: 6.401, y: 10.648))
        p.addCurve(to: CGPoint(x: 7.5, y: 11.791), control1: CGPoint(x: 6.651, y: 10.922), control2: CGPoint(x: 7.017, y: 11.304))
        p.addCurve(to: CGPoint(x: 8.599, y: 10.648), control1: CGPoint(x: 7.983, y: 11.304), control2: CGPoint(x: 8.349, y: 10.922))
        p.addCurve(to: CGPoint(x: 9.834, y: 9.098), control1: CGPoint(x: 9.103, y: 10.094), control2: CGPoint(x: 9.515, y: 9.577))
        p.addCurve(to: CGPoint(x: 10.683, y: 7.417), control1: CGPoint(x: 10.21, y: 8.534), control2: CGPoint(x: 10.493, y: 7.973))
        p.addCurve(to: CGPoint(x: 11, y: 5.5), control1: CGPoint(x: 10.894, y: 6.798), control2: CGPoint(x: 11, y: 6.159))
        p.addCurve(to: CGPoint(x: 10.754, y: 4.212), control1: CGPoint(x: 11, y: 5.055), control2: CGPoint(x: 10.918, y: 4.625))
        p.addCurve(to: CGPoint(x: 9.975, y: 3.025), control1: CGPoint(x: 10.576, y: 3.762), control2: CGPoint(x: 10.317, y: 3.367))
        p.addCurve(to: CGPoint(x: 8.788, y: 2.246), control1: CGPoint(x: 9.633, y: 2.683), control2: CGPoint(x: 9.238, y: 2.424))
        p.addCurve(to: CGPoint(x: 7.5, y: 2), control1: CGPoint(x: 8.375, y: 2.082), control2: CGPoint(x: 7.945, y: 2))
        p.addCurve(to: CGPoint(x: 6.212, y: 2.246), control1: CGPoint(x: 7.055, y: 2), control2: CGPoint(x: 6.625, y: 2.082))
        p.addCurve(to: CGPoint(x: 5.025, y: 3.025), control1: CGPoint(x: 5.762, y: 2.424), control2: CGPoint(x: 5.367, y: 2.683))
        p.addCurve(to: CGPoint(x: 4.246, y: 4.212), control1: CGPoint(x: 4.683, y: 3.367), control2: CGPoint(x: 4.424, y: 3.762))
        p.addCurve(to: CGPoint(x: 4, y: 5.5), control1: CGPoint(x: 4.082, y: 4.625), control2: CGPoint(x: 4, y: 5.055))
        p.addCurve(to: CGPoint(x: 4.317, y: 7.417), control1: CGPoint(x: 4, y: 6.159), control2: CGPoint(x: 4.106, y: 6.798))
        p.addCurve(to: CGPoint(x: 5.166, y: 9.098), control1: CGPoint(x: 4.507, y: 7.973), control2: CGPoint(x: 4.79, y: 8.534))
        p.addCurve(to: CGPoint(x: 6.401, y: 10.648), control1: CGPoint(x: 5.485, y: 9.577), control2: CGPoint(x: 5.897, y: 10.094))
        p.closeSubpath()
        p.move(to: CGPoint(x: 9, y: 5.5))
        p.addCurve(to: CGPoint(x: 8.561, y: 6.561), control1: CGPoint(x: 9, y: 5.914), control2: CGPoint(x: 8.854, y: 6.268))
        p.addCurve(to: CGPoint(x: 7.5, y: 7), control1: CGPoint(x: 8.268, y: 6.854), control2: CGPoint(x: 7.914, y: 7))
        p.addCurve(to: CGPoint(x: 6.439, y: 6.561), control1: CGPoint(x: 7.086, y: 7), control2: CGPoint(x: 6.732, y: 6.854))
        p.addCurve(to: CGPoint(x: 6, y: 5.5), control1: CGPoint(x: 6.146, y: 6.268), control2: CGPoint(x: 6, y: 5.914))
        p.addCurve(to: CGPoint(x: 6.439, y: 4.439), control1: CGPoint(x: 6, y: 5.086), control2: CGPoint(x: 6.146, y: 4.732))
        p.addCurve(to: CGPoint(x: 7.5, y: 4), control1: CGPoint(x: 6.732, y: 4.146), control2: CGPoint(x: 7.086, y: 4))
        p.addCurve(to: CGPoint(x: 8.561, y: 4.439), control1: CGPoint(x: 7.914, y: 4), control2: CGPoint(x: 8.268, y: 4.146))
        p.addCurve(to: CGPoint(x: 9, y: 5.5), control1: CGPoint(x: 8.854, y: 4.732), control2: CGPoint(x: 9, y: 5.086))
        p.closeSubpath()
        p.move(to: CGPoint(x: 11.27, y: 10.537))
        p.addCurve(to: CGPoint(x: 11.608, y: 10.52), control1: CGPoint(x: 11.376, y: 10.491), control2: CGPoint(x: 11.489, y: 10.485))
        p.addCurve(to: CGPoint(x: 13.265, y: 11.275), control1: CGPoint(x: 12.311, y: 10.726), control2: CGPoint(x: 12.863, y: 10.978))
        p.addCurve(to: CGPoint(x: 14, y: 12.5), control1: CGPoint(x: 13.755, y: 11.636), control2: CGPoint(x: 14, y: 12.045))
        p.addCurve(to: CGPoint(x: 13.401, y: 13.619), control1: CGPoint(x: 14, y: 12.909), control2: CGPoint(x: 13.8, y: 13.282))
        p.addCurve(to: CGPoint(x: 11.901, y: 14.389), control1: CGPoint(x: 13.047, y: 13.916), control2: CGPoint(x: 12.547, y: 14.173))
        p.addCurve(to: CGPoint(x: 9.774, y: 14.855), control1: CGPoint(x: 11.285, y: 14.594), control2: CGPoint(x: 10.576, y: 14.749))
        p.addCurve(to: CGPoint(x: 7.5, y: 15), control1: CGPoint(x: 9.043, y: 14.952), control2: CGPoint(x: 8.285, y: 15))
        p.addCurve(to: CGPoint(x: 5.226, y: 14.855), control1: CGPoint(x: 6.715, y: 15), control2: CGPoint(x: 5.957, y: 14.952))
        p.addCurve(to: CGPoint(x: 3.099, y: 14.389), control1: CGPoint(x: 4.424, y: 14.749), control2: CGPoint(x: 3.715, y: 14.594))
        p.addCurve(to: CGPoint(x: 1.599, y: 13.619), control1: CGPoint(x: 2.453, y: 14.173), control2: CGPoint(x: 1.953, y: 13.916))
        p.addCurve(to: CGPoint(x: 1, y: 12.5), control1: CGPoint(x: 1.2, y: 13.282), control2: CGPoint(x: 1, y: 12.909))
        p.addCurve(to: CGPoint(x: 1.735, y: 11.275), control1: CGPoint(x: 1, y: 12.045), control2: CGPoint(x: 1.245, y: 11.636))
        p.addCurve(to: CGPoint(x: 3.392, y: 10.52), control1: CGPoint(x: 2.137, y: 10.978), control2: CGPoint(x: 2.689, y: 10.726))
        p.addCurve(to: CGPoint(x: 3.73, y: 10.537), control1: CGPoint(x: 3.511, y: 10.485), control2: CGPoint(x: 3.624, y: 10.491))
        p.addCurve(to: CGPoint(x: 4.03, y: 10.937), control1: CGPoint(x: 3.825, y: 10.669), control2: CGPoint(x: 3.925, y: 10.802))
        p.addCurve(to: CGPoint(x: 3.972, y: 11.239), control1: CGPoint(x: 4.044, y: 11.042), control2: CGPoint(x: 4.025, y: 11.142))
        p.addCurve(to: CGPoint(x: 3.674, y: 11.479), control1: CGPoint(x: 3.906, y: 11.36), control2: CGPoint(x: 3.806, y: 11.44))
        p.addCurve(to: CGPoint(x: 2.329, y: 12.079), control1: CGPoint(x: 3.084, y: 11.653), control2: CGPoint(x: 2.636, y: 11.852))
        p.addCurve(to: CGPoint(x: 2.053, y: 12.353), control1: CGPoint(x: 2.201, y: 12.173), control2: CGPoint(x: 2.109, y: 12.264))
        p.addCurve(to: CGPoint(x: 2, y: 12.5), control1: CGPoint(x: 2.018, y: 12.408), control2: CGPoint(x: 2, y: 12.457))
        p.addCurve(to: CGPoint(x: 2.243, y: 12.854), control1: CGPoint(x: 2, y: 12.599), control2: CGPoint(x: 2.081, y: 12.717))
        p.addCurve(to: CGPoint(x: 3.415, y: 13.44), control1: CGPoint(x: 2.499, y: 13.069), control2: CGPoint(x: 2.89, y: 13.265))
        p.addCurve(to: CGPoint(x: 5.357, y: 13.864), control1: CGPoint(x: 3.971, y: 13.625), control2: CGPoint(x: 4.618, y: 13.766))
        p.addCurve(to: CGPoint(x: 7.394, y: 14), control1: CGPoint(x: 6.012, y: 13.95), control2: CGPoint(x: 6.691, y: 13.996))
        p.addCurve(to: CGPoint(x: 7.5, y: 14.003), control1: CGPoint(x: 7.429, y: 14.002), control2: CGPoint(x: 7.464, y: 14.003))
        p.addCurve(to: CGPoint(x: 7.606, y: 14), control1: CGPoint(x: 7.536, y: 14.003), control2: CGPoint(x: 7.571, y: 14.002))
        p.addCurve(to: CGPoint(x: 9.643, y: 13.864), control1: CGPoint(x: 8.309, y: 13.996), control2: CGPoint(x: 8.988, y: 13.95))
        p.addCurve(to: CGPoint(x: 11.585, y: 13.44), control1: CGPoint(x: 10.382, y: 13.766), control2: CGPoint(x: 11.029, y: 13.625))
        p.addCurve(to: CGPoint(x: 12.757, y: 12.854), control1: CGPoint(x: 12.11, y: 13.265), control2: CGPoint(x: 12.501, y: 13.069))
        p.addCurve(to: CGPoint(x: 13, y: 12.5), control1: CGPoint(x: 12.919, y: 12.717), control2: CGPoint(x: 13, y: 12.599))
        p.addCurve(to: CGPoint(x: 12.947, y: 12.353), control1: CGPoint(x: 13, y: 12.457), control2: CGPoint(x: 12.982, y: 12.408))
        p.addCurve(to: CGPoint(x: 12.671, y: 12.079), control1: CGPoint(x: 12.891, y: 12.264), control2: CGPoint(x: 12.799, y: 12.173))
        p.addCurve(to: CGPoint(x: 11.326, y: 11.479), control1: CGPoint(x: 12.364, y: 11.852), control2: CGPoint(x: 11.916, y: 11.653))
        p.addCurve(to: CGPoint(x: 11.026, y: 11.241), control1: CGPoint(x: 11.191, y: 11.44), control2: CGPoint(x: 11.091, y: 11.36))
        p.addCurve(to: CGPoint(x: 10.97, y: 10.938), control1: CGPoint(x: 10.973, y: 11.145), control2: CGPoint(x: 10.955, y: 11.044))
        p.addCurve(to: CGPoint(x: 11.27, y: 10.537), control1: CGPoint(x: 11.075, y: 10.802), control2: CGPoint(x: 11.175, y: 10.669))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// MapPinRippleIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "map-pin-ripple" (line-round), MIT. https://gentleface.com/icons/map-pin-ripple
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val MapPinRippleIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "map-pin-ripple", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("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"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(MapPinRippleIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_map_pin_ripple.xml · Gentleface "map-pin-ripple" (line-round), MIT. https://gentleface.com/icons/map-pin-ripple -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="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"/>
</vector>
```

### Flutter

```dart
// Gentleface "map-pin-ripple" (line-round), MIT. https://gentleface.com/icons/map-pin-ripple
import 'package:flutter/widgets.dart';

class MapPinRippleIcon extends StatelessWidget {
  const MapPinRippleIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _MapPinRippleIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _MapPinRippleIconPainter extends CustomPainter {
  _MapPinRippleIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(5.844, 1.316)
      ..cubicTo(6.376, 1.105, 6.928, 1, 7.5, 1)
      ..cubicTo(8.072, 1, 8.624, 1.105, 9.156, 1.316)
      ..cubicTo(9.734, 1.545, 10.243, 1.879, 10.682, 2.318)
      ..cubicTo(11.121, 2.757, 11.455, 3.266, 11.684, 3.844)
      ..cubicTo(11.895, 4.376, 12, 4.928, 12, 5.5)
      ..cubicTo(12, 6.27, 11.876, 7.016, 11.629, 7.74)
      ..cubicTo(11.411, 8.379, 11.09, 9.016, 10.666, 9.652)
      ..cubicTo(10.319, 10.173, 9.876, 10.729, 9.339, 11.321)
      ..cubicTo(9.021, 11.67, 8.526, 12.181, 7.854, 12.854)
      ..cubicTo(7.754, 12.953, 7.636, 13.003, 7.5, 13.003)
      ..cubicTo(7.364, 13.003, 7.246, 12.953, 7.146, 12.854)
      ..cubicTo(6.474, 12.181, 5.979, 11.67, 5.661, 11.321)
      ..cubicTo(5.124, 10.729, 4.681, 10.173, 4.334, 9.652)
      ..cubicTo(3.91, 9.016, 3.589, 8.379, 3.371, 7.74)
      ..cubicTo(3.124, 7.016, 3, 6.27, 3, 5.5)
      ..cubicTo(3, 4.928, 3.105, 4.376, 3.316, 3.844)
      ..cubicTo(3.545, 3.266, 3.879, 2.757, 4.318, 2.318)
      ..cubicTo(4.757, 1.879, 5.266, 1.545, 5.844, 1.316)
      ..close()
      ..moveTo(6.401, 10.648)
      ..cubicTo(6.651, 10.922, 7.017, 11.304, 7.5, 11.791)
      ..cubicTo(7.983, 11.304, 8.349, 10.922, 8.599, 10.648)
      ..cubicTo(9.103, 10.094, 9.515, 9.577, 9.834, 9.098)
      ..cubicTo(10.21, 8.534, 10.493, 7.973, 10.683, 7.417)
      ..cubicTo(10.894, 6.798, 11, 6.159, 11, 5.5)
      ..cubicTo(11, 5.055, 10.918, 4.625, 10.754, 4.212)
      ..cubicTo(10.576, 3.762, 10.317, 3.367, 9.975, 3.025)
      ..cubicTo(9.633, 2.683, 9.238, 2.424, 8.788, 2.246)
      ..cubicTo(8.375, 2.082, 7.945, 2, 7.5, 2)
      ..cubicTo(7.055, 2, 6.625, 2.082, 6.212, 2.246)
      ..cubicTo(5.762, 2.424, 5.367, 2.683, 5.025, 3.025)
      ..cubicTo(4.683, 3.367, 4.424, 3.762, 4.246, 4.212)
      ..cubicTo(4.082, 4.625, 4, 5.055, 4, 5.5)
      ..cubicTo(4, 6.159, 4.106, 6.798, 4.317, 7.417)
      ..cubicTo(4.507, 7.973, 4.79, 8.534, 5.166, 9.098)
      ..cubicTo(5.485, 9.577, 5.897, 10.094, 6.401, 10.648)
      ..close()
      ..moveTo(9, 5.5)
      ..cubicTo(9, 5.914, 8.854, 6.268, 8.561, 6.561)
      ..cubicTo(8.268, 6.854, 7.914, 7, 7.5, 7)
      ..cubicTo(7.086, 7, 6.732, 6.854, 6.439, 6.561)
      ..cubicTo(6.146, 6.268, 6, 5.914, 6, 5.5)
      ..cubicTo(6, 5.086, 6.146, 4.732, 6.439, 4.439)
      ..cubicTo(6.732, 4.146, 7.086, 4, 7.5, 4)
      ..cubicTo(7.914, 4, 8.268, 4.146, 8.561, 4.439)
      ..cubicTo(8.854, 4.732, 9, 5.086, 9, 5.5)
      ..close()
      ..moveTo(11.27, 10.537)
      ..cubicTo(11.376, 10.491, 11.489, 10.485, 11.608, 10.52)
      ..cubicTo(12.311, 10.726, 12.863, 10.978, 13.265, 11.275)
      ..cubicTo(13.755, 11.636, 14, 12.045, 14, 12.5)
      ..cubicTo(14, 12.909, 13.8, 13.282, 13.401, 13.619)
      ..cubicTo(13.047, 13.916, 12.547, 14.173, 11.901, 14.389)
      ..cubicTo(11.285, 14.594, 10.576, 14.749, 9.774, 14.855)
      ..cubicTo(9.043, 14.952, 8.285, 15, 7.5, 15)
      ..cubicTo(6.715, 15, 5.957, 14.952, 5.226, 14.855)
      ..cubicTo(4.424, 14.749, 3.715, 14.594, 3.099, 14.389)
      ..cubicTo(2.453, 14.173, 1.953, 13.916, 1.599, 13.619)
      ..cubicTo(1.2, 13.282, 1, 12.909, 1, 12.5)
      ..cubicTo(1, 12.045, 1.245, 11.636, 1.735, 11.275)
      ..cubicTo(2.137, 10.978, 2.689, 10.726, 3.392, 10.52)
      ..cubicTo(3.511, 10.485, 3.624, 10.491, 3.73, 10.537)
      ..cubicTo(3.825, 10.669, 3.925, 10.802, 4.03, 10.937)
      ..cubicTo(4.044, 11.042, 4.025, 11.142, 3.972, 11.239)
      ..cubicTo(3.906, 11.36, 3.806, 11.44, 3.674, 11.479)
      ..cubicTo(3.084, 11.653, 2.636, 11.852, 2.329, 12.079)
      ..cubicTo(2.201, 12.173, 2.109, 12.264, 2.053, 12.353)
      ..cubicTo(2.018, 12.408, 2, 12.457, 2, 12.5)
      ..cubicTo(2, 12.599, 2.081, 12.717, 2.243, 12.854)
      ..cubicTo(2.499, 13.069, 2.89, 13.265, 3.415, 13.44)
      ..cubicTo(3.971, 13.625, 4.618, 13.766, 5.357, 13.864)
      ..cubicTo(6.012, 13.95, 6.691, 13.996, 7.394, 14)
      ..cubicTo(7.429, 14.002, 7.464, 14.003, 7.5, 14.003)
      ..cubicTo(7.536, 14.003, 7.571, 14.002, 7.606, 14)
      ..cubicTo(8.309, 13.996, 8.988, 13.95, 9.643, 13.864)
      ..cubicTo(10.382, 13.766, 11.029, 13.625, 11.585, 13.44)
      ..cubicTo(12.11, 13.265, 12.501, 13.069, 12.757, 12.854)
      ..cubicTo(12.919, 12.717, 13, 12.599, 13, 12.5)
      ..cubicTo(13, 12.457, 12.982, 12.408, 12.947, 12.353)
      ..cubicTo(12.891, 12.264, 12.799, 12.173, 12.671, 12.079)
      ..cubicTo(12.364, 11.852, 11.916, 11.653, 11.326, 11.479)
      ..cubicTo(11.191, 11.44, 11.091, 11.36, 11.026, 11.241)
      ..cubicTo(10.973, 11.145, 10.955, 11.044, 10.97, 10.938)
      ..cubicTo(11.075, 10.802, 11.175, 10.669, 11.27, 10.537)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_MapPinRippleIconPainter old) => old.color != color;
}
```