# crosshair icon

Crosshair. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/crosshair

- Category: Maps & places
- Use it for: crosshair, aim, current location, locate, reticle, targeting, my location, locate me, find my location
- Tags: crosshair, aim, reticle, gps, locate, my-location, current-location, center, focus-point
- Component name: CrosshairIcon
- Added: 2026-10-14

## Alternatives

- `target`: goal or objective
- `focus`: camera focus or focus mode
- `navigation`: the location-arrow convention (iOS, Font Awesome) or heading
- `map-pin-user`: a person's location on a map

## Don't confuse with

- `map-pin`: a place or address, not 'where am I'

## Also fits

- find my device: your current location on a map (current-location)
- location: your current location
- user location: the current-location control
- navigation: the current-location control

## Not for

- target (use `target`): crosshair means aim or current location

## Files

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it.

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

The SVG of every style: https://gentleface.com/icons/crosshair.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="M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.973 8C11.929 8.395 11.833 8.781 11.684 9.156C11.455 9.734 11.121 10.243 10.682 10.682C10.243 11.121 9.734 11.455 9.156 11.684C8.781 11.833 8.395 11.929 8 11.973L8 13.5C8 13.641 7.952 13.759 7.856 13.856C7.759 13.952 7.641 14 7.5 14C7.359 14 7.241 13.952 7.144 13.856C7.048 13.759 7 13.641 7 13.5L7 11.973C6.605 11.929 6.219 11.833 5.844 11.684C5.266 11.455 4.757 11.121 4.318 10.682C3.879 10.243 3.545 9.734 3.316 9.156C3.167 8.781 3.071 8.395 3.027 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.027 7C3.071 6.605 3.167 6.219 3.316 5.844C3.545 5.266 3.879 4.757 4.318 4.318C4.757 3.879 5.266 3.545 5.844 3.316C6.219 3.167 6.605 3.071 7 3.027L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.027C8.395 3.071 8.781 3.167 9.156 3.316C9.734 3.545 10.243 3.879 10.682 4.318C11.121 4.757 11.455 5.266 11.684 5.844C11.833 6.219 11.929 6.605 11.973 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM4.856 7.144C4.952 7.241 5 7.359 5 7.5C5 7.641 4.952 7.759 4.856 7.856C4.759 7.952 4.641 8 4.5 8L4.035 8C4.074 8.269 4.144 8.532 4.246 8.788C4.424 9.238 4.683 9.633 5.025 9.975C5.367 10.317 5.762 10.576 6.212 10.754C6.468 10.856 6.731 10.926 7 10.965L7 10.5C7 10.359 7.048 10.241 7.144 10.144C7.241 10.048 7.359 10 7.5 10C7.641 10 7.759 10.048 7.856 10.144C7.952 10.241 8 10.359 8 10.5L8 10.965C8.269 10.926 8.532 10.856 8.788 10.754C9.238 10.576 9.633 10.317 9.975 9.975C10.317 9.633 10.576 9.238 10.754 8.788C10.856 8.532 10.926 8.269 10.965 8L10.5 8C10.359 8 10.241 7.952 10.144 7.856C10.048 7.759 10 7.641 10 7.5C10 7.359 10.048 7.241 10.144 7.144C10.241 7.048 10.359 7 10.5 7L10.965 7C10.926 6.731 10.856 6.468 10.754 6.212C10.576 5.762 10.317 5.367 9.975 5.025C9.633 4.683 9.238 4.424 8.788 4.246C8.532 4.144 8.269 4.074 8 4.035L8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 4.035C6.731 4.074 6.468 4.144 6.212 4.246C5.762 4.424 5.367 4.683 5.025 5.025C4.683 5.367 4.424 5.762 4.246 6.212C4.144 6.468 4.074 6.731 4.035 7L4.5 7C4.641 7 4.759 7.048 4.856 7.144ZM6.439 6.439C6.732 6.146 7.086 6 7.5 6C7.914 6 8.268 6.146 8.561 6.439C8.854 6.732 9 7.086 9 7.5C9 7.914 8.854 8.268 8.561 8.561C8.268 8.854 7.914 9 7.5 9C7.086 9 6.732 8.854 6.439 8.561C6.146 8.268 6 7.914 6 7.5C6 7.086 6.146 6.732 6.439 6.439Z"/></svg>
```

### React

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

export function CrosshairIcon(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="M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.973 8C11.929 8.395 11.833 8.781 11.684 9.156C11.455 9.734 11.121 10.243 10.682 10.682C10.243 11.121 9.734 11.455 9.156 11.684C8.781 11.833 8.395 11.929 8 11.973L8 13.5C8 13.641 7.952 13.759 7.856 13.856C7.759 13.952 7.641 14 7.5 14C7.359 14 7.241 13.952 7.144 13.856C7.048 13.759 7 13.641 7 13.5L7 11.973C6.605 11.929 6.219 11.833 5.844 11.684C5.266 11.455 4.757 11.121 4.318 10.682C3.879 10.243 3.545 9.734 3.316 9.156C3.167 8.781 3.071 8.395 3.027 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.027 7C3.071 6.605 3.167 6.219 3.316 5.844C3.545 5.266 3.879 4.757 4.318 4.318C4.757 3.879 5.266 3.545 5.844 3.316C6.219 3.167 6.605 3.071 7 3.027L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.027C8.395 3.071 8.781 3.167 9.156 3.316C9.734 3.545 10.243 3.879 10.682 4.318C11.121 4.757 11.455 5.266 11.684 5.844C11.833 6.219 11.929 6.605 11.973 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM4.856 7.144C4.952 7.241 5 7.359 5 7.5C5 7.641 4.952 7.759 4.856 7.856C4.759 7.952 4.641 8 4.5 8L4.035 8C4.074 8.269 4.144 8.532 4.246 8.788C4.424 9.238 4.683 9.633 5.025 9.975C5.367 10.317 5.762 10.576 6.212 10.754C6.468 10.856 6.731 10.926 7 10.965L7 10.5C7 10.359 7.048 10.241 7.144 10.144C7.241 10.048 7.359 10 7.5 10C7.641 10 7.759 10.048 7.856 10.144C7.952 10.241 8 10.359 8 10.5L8 10.965C8.269 10.926 8.532 10.856 8.788 10.754C9.238 10.576 9.633 10.317 9.975 9.975C10.317 9.633 10.576 9.238 10.754 8.788C10.856 8.532 10.926 8.269 10.965 8L10.5 8C10.359 8 10.241 7.952 10.144 7.856C10.048 7.759 10 7.641 10 7.5C10 7.359 10.048 7.241 10.144 7.144C10.241 7.048 10.359 7 10.5 7L10.965 7C10.926 6.731 10.856 6.468 10.754 6.212C10.576 5.762 10.317 5.367 9.975 5.025C9.633 4.683 9.238 4.424 8.788 4.246C8.532 4.144 8.269 4.074 8 4.035L8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 4.035C6.731 4.074 6.468 4.144 6.212 4.246C5.762 4.424 5.367 4.683 5.025 5.025C4.683 5.367 4.424 5.762 4.246 6.212C4.144 6.468 4.074 6.731 4.035 7L4.5 7C4.641 7 4.759 7.048 4.856 7.144ZM6.439 6.439C6.732 6.146 7.086 6 7.5 6C7.914 6 8.268 6.146 8.561 6.439C8.854 6.732 9 7.086 9 7.5C9 7.914 8.854 8.268 8.561 8.561C8.268 8.854 7.914 9 7.5 9C7.086 9 6.732 8.854 6.439 8.561C6.146 8.268 6 7.914 6 7.5C6 7.086 6.146 6.732 6.439 6.439Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "crosshair" (line-round), MIT. https://gentleface.com/icons/crosshair -->
<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="M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.973 8C11.929 8.395 11.833 8.781 11.684 9.156C11.455 9.734 11.121 10.243 10.682 10.682C10.243 11.121 9.734 11.455 9.156 11.684C8.781 11.833 8.395 11.929 8 11.973L8 13.5C8 13.641 7.952 13.759 7.856 13.856C7.759 13.952 7.641 14 7.5 14C7.359 14 7.241 13.952 7.144 13.856C7.048 13.759 7 13.641 7 13.5L7 11.973C6.605 11.929 6.219 11.833 5.844 11.684C5.266 11.455 4.757 11.121 4.318 10.682C3.879 10.243 3.545 9.734 3.316 9.156C3.167 8.781 3.071 8.395 3.027 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.027 7C3.071 6.605 3.167 6.219 3.316 5.844C3.545 5.266 3.879 4.757 4.318 4.318C4.757 3.879 5.266 3.545 5.844 3.316C6.219 3.167 6.605 3.071 7 3.027L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.027C8.395 3.071 8.781 3.167 9.156 3.316C9.734 3.545 10.243 3.879 10.682 4.318C11.121 4.757 11.455 5.266 11.684 5.844C11.833 6.219 11.929 6.605 11.973 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM4.856 7.144C4.952 7.241 5 7.359 5 7.5C5 7.641 4.952 7.759 4.856 7.856C4.759 7.952 4.641 8 4.5 8L4.035 8C4.074 8.269 4.144 8.532 4.246 8.788C4.424 9.238 4.683 9.633 5.025 9.975C5.367 10.317 5.762 10.576 6.212 10.754C6.468 10.856 6.731 10.926 7 10.965L7 10.5C7 10.359 7.048 10.241 7.144 10.144C7.241 10.048 7.359 10 7.5 10C7.641 10 7.759 10.048 7.856 10.144C7.952 10.241 8 10.359 8 10.5L8 10.965C8.269 10.926 8.532 10.856 8.788 10.754C9.238 10.576 9.633 10.317 9.975 9.975C10.317 9.633 10.576 9.238 10.754 8.788C10.856 8.532 10.926 8.269 10.965 8L10.5 8C10.359 8 10.241 7.952 10.144 7.856C10.048 7.759 10 7.641 10 7.5C10 7.359 10.048 7.241 10.144 7.144C10.241 7.048 10.359 7 10.5 7L10.965 7C10.926 6.731 10.856 6.468 10.754 6.212C10.576 5.762 10.317 5.367 9.975 5.025C9.633 4.683 9.238 4.424 8.788 4.246C8.532 4.144 8.269 4.074 8 4.035L8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 4.035C6.731 4.074 6.468 4.144 6.212 4.246C5.762 4.424 5.367 4.683 5.025 5.025C4.683 5.367 4.424 5.762 4.246 6.212C4.144 6.468 4.074 6.731 4.035 7L4.5 7C4.641 7 4.759 7.048 4.856 7.144ZM6.439 6.439C6.732 6.146 7.086 6 7.5 6C7.914 6 8.268 6.146 8.561 6.439C8.854 6.732 9 7.086 9 7.5C9 7.914 8.854 8.268 8.561 8.561C8.268 8.854 7.914 9 7.5 9C7.086 9 6.732 8.854 6.439 8.561C6.146 8.268 6 7.914 6 7.5C6 7.086 6.146 6.732 6.439 6.439Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "crosshair" (line-round), MIT. https://gentleface.com/icons/crosshair -->
<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="M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.973 8C11.929 8.395 11.833 8.781 11.684 9.156C11.455 9.734 11.121 10.243 10.682 10.682C10.243 11.121 9.734 11.455 9.156 11.684C8.781 11.833 8.395 11.929 8 11.973L8 13.5C8 13.641 7.952 13.759 7.856 13.856C7.759 13.952 7.641 14 7.5 14C7.359 14 7.241 13.952 7.144 13.856C7.048 13.759 7 13.641 7 13.5L7 11.973C6.605 11.929 6.219 11.833 5.844 11.684C5.266 11.455 4.757 11.121 4.318 10.682C3.879 10.243 3.545 9.734 3.316 9.156C3.167 8.781 3.071 8.395 3.027 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.027 7C3.071 6.605 3.167 6.219 3.316 5.844C3.545 5.266 3.879 4.757 4.318 4.318C4.757 3.879 5.266 3.545 5.844 3.316C6.219 3.167 6.605 3.071 7 3.027L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.027C8.395 3.071 8.781 3.167 9.156 3.316C9.734 3.545 10.243 3.879 10.682 4.318C11.121 4.757 11.455 5.266 11.684 5.844C11.833 6.219 11.929 6.605 11.973 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM4.856 7.144C4.952 7.241 5 7.359 5 7.5C5 7.641 4.952 7.759 4.856 7.856C4.759 7.952 4.641 8 4.5 8L4.035 8C4.074 8.269 4.144 8.532 4.246 8.788C4.424 9.238 4.683 9.633 5.025 9.975C5.367 10.317 5.762 10.576 6.212 10.754C6.468 10.856 6.731 10.926 7 10.965L7 10.5C7 10.359 7.048 10.241 7.144 10.144C7.241 10.048 7.359 10 7.5 10C7.641 10 7.759 10.048 7.856 10.144C7.952 10.241 8 10.359 8 10.5L8 10.965C8.269 10.926 8.532 10.856 8.788 10.754C9.238 10.576 9.633 10.317 9.975 9.975C10.317 9.633 10.576 9.238 10.754 8.788C10.856 8.532 10.926 8.269 10.965 8L10.5 8C10.359 8 10.241 7.952 10.144 7.856C10.048 7.759 10 7.641 10 7.5C10 7.359 10.048 7.241 10.144 7.144C10.241 7.048 10.359 7 10.5 7L10.965 7C10.926 6.731 10.856 6.468 10.754 6.212C10.576 5.762 10.317 5.367 9.975 5.025C9.633 4.683 9.238 4.424 8.788 4.246C8.532 4.144 8.269 4.074 8 4.035L8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 4.035C6.731 4.074 6.468 4.144 6.212 4.246C5.762 4.424 5.367 4.683 5.025 5.025C4.683 5.367 4.424 5.762 4.246 6.212C4.144 6.468 4.074 6.731 4.035 7L4.5 7C4.641 7 4.759 7.048 4.856 7.144ZM6.439 6.439C6.732 6.146 7.086 6 7.5 6C7.914 6 8.268 6.146 8.561 6.439C8.854 6.732 9 7.086 9 7.5C9 7.914 8.854 8.268 8.561 8.561C8.268 8.854 7.914 9 7.5 9C7.086 9 6.732 8.854 6.439 8.561C6.146 8.268 6 7.914 6 7.5C6 7.086 6.146 6.732 6.439 6.439Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "crosshair" (line-round), MIT. https://gentleface.com/icons/crosshair. 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/crosshair.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "crosshair" (line-round), MIT. https://gentleface.com/icons/crosshair. Takes the text color. */
.icon-crosshair {
  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='M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.973 8C11.929 8.395 11.833 8.781 11.684 9.156C11.455 9.734 11.121 10.243 10.682 10.682C10.243 11.121 9.734 11.455 9.156 11.684C8.781 11.833 8.395 11.929 8 11.973L8 13.5C8 13.641 7.952 13.759 7.856 13.856C7.759 13.952 7.641 14 7.5 14C7.359 14 7.241 13.952 7.144 13.856C7.048 13.759 7 13.641 7 13.5L7 11.973C6.605 11.929 6.219 11.833 5.844 11.684C5.266 11.455 4.757 11.121 4.318 10.682C3.879 10.243 3.545 9.734 3.316 9.156C3.167 8.781 3.071 8.395 3.027 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.027 7C3.071 6.605 3.167 6.219 3.316 5.844C3.545 5.266 3.879 4.757 4.318 4.318C4.757 3.879 5.266 3.545 5.844 3.316C6.219 3.167 6.605 3.071 7 3.027L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.027C8.395 3.071 8.781 3.167 9.156 3.316C9.734 3.545 10.243 3.879 10.682 4.318C11.121 4.757 11.455 5.266 11.684 5.844C11.833 6.219 11.929 6.605 11.973 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM4.856 7.144C4.952 7.241 5 7.359 5 7.5C5 7.641 4.952 7.759 4.856 7.856C4.759 7.952 4.641 8 4.5 8L4.035 8C4.074 8.269 4.144 8.532 4.246 8.788C4.424 9.238 4.683 9.633 5.025 9.975C5.367 10.317 5.762 10.576 6.212 10.754C6.468 10.856 6.731 10.926 7 10.965L7 10.5C7 10.359 7.048 10.241 7.144 10.144C7.241 10.048 7.359 10 7.5 10C7.641 10 7.759 10.048 7.856 10.144C7.952 10.241 8 10.359 8 10.5L8 10.965C8.269 10.926 8.532 10.856 8.788 10.754C9.238 10.576 9.633 10.317 9.975 9.975C10.317 9.633 10.576 9.238 10.754 8.788C10.856 8.532 10.926 8.269 10.965 8L10.5 8C10.359 8 10.241 7.952 10.144 7.856C10.048 7.759 10 7.641 10 7.5C10 7.359 10.048 7.241 10.144 7.144C10.241 7.048 10.359 7 10.5 7L10.965 7C10.926 6.731 10.856 6.468 10.754 6.212C10.576 5.762 10.317 5.367 9.975 5.025C9.633 4.683 9.238 4.424 8.788 4.246C8.532 4.144 8.269 4.074 8 4.035L8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 4.035C6.731 4.074 6.468 4.144 6.212 4.246C5.762 4.424 5.367 4.683 5.025 5.025C4.683 5.367 4.424 5.762 4.246 6.212C4.144 6.468 4.074 6.731 4.035 7L4.5 7C4.641 7 4.759 7.048 4.856 7.144ZM6.439 6.439C6.732 6.146 7.086 6 7.5 6C7.914 6 8.268 6.146 8.561 6.439C8.854 6.732 9 7.086 9 7.5C9 7.914 8.854 8.268 8.561 8.561C8.268 8.854 7.914 9 7.5 9C7.086 9 6.732 8.854 6.439 8.561C6.146 8.268 6 7.914 6 7.5C6 7.086 6.146 6.732 6.439 6.439Z'/%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='M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.973 8C11.929 8.395 11.833 8.781 11.684 9.156C11.455 9.734 11.121 10.243 10.682 10.682C10.243 11.121 9.734 11.455 9.156 11.684C8.781 11.833 8.395 11.929 8 11.973L8 13.5C8 13.641 7.952 13.759 7.856 13.856C7.759 13.952 7.641 14 7.5 14C7.359 14 7.241 13.952 7.144 13.856C7.048 13.759 7 13.641 7 13.5L7 11.973C6.605 11.929 6.219 11.833 5.844 11.684C5.266 11.455 4.757 11.121 4.318 10.682C3.879 10.243 3.545 9.734 3.316 9.156C3.167 8.781 3.071 8.395 3.027 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.027 7C3.071 6.605 3.167 6.219 3.316 5.844C3.545 5.266 3.879 4.757 4.318 4.318C4.757 3.879 5.266 3.545 5.844 3.316C6.219 3.167 6.605 3.071 7 3.027L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.027C8.395 3.071 8.781 3.167 9.156 3.316C9.734 3.545 10.243 3.879 10.682 4.318C11.121 4.757 11.455 5.266 11.684 5.844C11.833 6.219 11.929 6.605 11.973 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM4.856 7.144C4.952 7.241 5 7.359 5 7.5C5 7.641 4.952 7.759 4.856 7.856C4.759 7.952 4.641 8 4.5 8L4.035 8C4.074 8.269 4.144 8.532 4.246 8.788C4.424 9.238 4.683 9.633 5.025 9.975C5.367 10.317 5.762 10.576 6.212 10.754C6.468 10.856 6.731 10.926 7 10.965L7 10.5C7 10.359 7.048 10.241 7.144 10.144C7.241 10.048 7.359 10 7.5 10C7.641 10 7.759 10.048 7.856 10.144C7.952 10.241 8 10.359 8 10.5L8 10.965C8.269 10.926 8.532 10.856 8.788 10.754C9.238 10.576 9.633 10.317 9.975 9.975C10.317 9.633 10.576 9.238 10.754 8.788C10.856 8.532 10.926 8.269 10.965 8L10.5 8C10.359 8 10.241 7.952 10.144 7.856C10.048 7.759 10 7.641 10 7.5C10 7.359 10.048 7.241 10.144 7.144C10.241 7.048 10.359 7 10.5 7L10.965 7C10.926 6.731 10.856 6.468 10.754 6.212C10.576 5.762 10.317 5.367 9.975 5.025C9.633 4.683 9.238 4.424 8.788 4.246C8.532 4.144 8.269 4.074 8 4.035L8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 4.035C6.731 4.074 6.468 4.144 6.212 4.246C5.762 4.424 5.367 4.683 5.025 5.025C4.683 5.367 4.424 5.762 4.246 6.212C4.144 6.468 4.074 6.731 4.035 7L4.5 7C4.641 7 4.759 7.048 4.856 7.144ZM6.439 6.439C6.732 6.146 7.086 6 7.5 6C7.914 6 8.268 6.146 8.561 6.439C8.854 6.732 9 7.086 9 7.5C9 7.914 8.854 8.268 8.561 8.561C8.268 8.854 7.914 9 7.5 9C7.086 9 6.732 8.854 6.439 8.561C6.146 8.268 6 7.914 6 7.5C6 7.086 6.146 6.732 6.439 6.439Z'/%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='M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.973 8C11.929 8.395 11.833 8.781 11.684 9.156C11.455 9.734 11.121 10.243 10.682 10.682C10.243 11.121 9.734 11.455 9.156 11.684C8.781 11.833 8.395 11.929 8 11.973L8 13.5C8 13.641 7.952 13.759 7.856 13.856C7.759 13.952 7.641 14 7.5 14C7.359 14 7.241 13.952 7.144 13.856C7.048 13.759 7 13.641 7 13.5L7 11.973C6.605 11.929 6.219 11.833 5.844 11.684C5.266 11.455 4.757 11.121 4.318 10.682C3.879 10.243 3.545 9.734 3.316 9.156C3.167 8.781 3.071 8.395 3.027 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.027 7C3.071 6.605 3.167 6.219 3.316 5.844C3.545 5.266 3.879 4.757 4.318 4.318C4.757 3.879 5.266 3.545 5.844 3.316C6.219 3.167 6.605 3.071 7 3.027L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.027C8.395 3.071 8.781 3.167 9.156 3.316C9.734 3.545 10.243 3.879 10.682 4.318C11.121 4.757 11.455 5.266 11.684 5.844C11.833 6.219 11.929 6.605 11.973 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM4.856 7.144C4.952 7.241 5 7.359 5 7.5C5 7.641 4.952 7.759 4.856 7.856C4.759 7.952 4.641 8 4.5 8L4.035 8C4.074 8.269 4.144 8.532 4.246 8.788C4.424 9.238 4.683 9.633 5.025 9.975C5.367 10.317 5.762 10.576 6.212 10.754C6.468 10.856 6.731 10.926 7 10.965L7 10.5C7 10.359 7.048 10.241 7.144 10.144C7.241 10.048 7.359 10 7.5 10C7.641 10 7.759 10.048 7.856 10.144C7.952 10.241 8 10.359 8 10.5L8 10.965C8.269 10.926 8.532 10.856 8.788 10.754C9.238 10.576 9.633 10.317 9.975 9.975C10.317 9.633 10.576 9.238 10.754 8.788C10.856 8.532 10.926 8.269 10.965 8L10.5 8C10.359 8 10.241 7.952 10.144 7.856C10.048 7.759 10 7.641 10 7.5C10 7.359 10.048 7.241 10.144 7.144C10.241 7.048 10.359 7 10.5 7L10.965 7C10.926 6.731 10.856 6.468 10.754 6.212C10.576 5.762 10.317 5.367 9.975 5.025C9.633 4.683 9.238 4.424 8.788 4.246C8.532 4.144 8.269 4.074 8 4.035L8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 4.035C6.731 4.074 6.468 4.144 6.212 4.246C5.762 4.424 5.367 4.683 5.025 5.025C4.683 5.367 4.424 5.762 4.246 6.212C4.144 6.468 4.074 6.731 4.035 7L4.5 7C4.641 7 4.759 7.048 4.856 7.144ZM6.439 6.439C6.732 6.146 7.086 6 7.5 6C7.914 6 8.268 6.146 8.561 6.439C8.854 6.732 9 7.086 9 7.5C9 7.914 8.854 8.268 8.561 8.561C8.268 8.854 7.914 9 7.5 9C7.086 9 6.732 8.854 6.439 8.561C6.146 8.268 6 7.914 6 7.5C6 7.086 6.146 6.732 6.439 6.439Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "crosshair" (line-round), MIT. https://gentleface.com/icons/crosshair
     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#crosshair"/></svg>
```

### SwiftUI

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

struct CrosshairIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 13.856, y: 7.144))
        p.addCurve(to: CGPoint(x: 14, y: 7.5), control1: CGPoint(x: 13.952, y: 7.241), control2: CGPoint(x: 14, y: 7.359))
        p.addCurve(to: CGPoint(x: 13.856, y: 7.856), control1: CGPoint(x: 14, y: 7.641), control2: CGPoint(x: 13.952, y: 7.759))
        p.addCurve(to: CGPoint(x: 13.5, y: 8), control1: CGPoint(x: 13.759, y: 7.952), control2: CGPoint(x: 13.641, y: 8))
        p.addLine(to: CGPoint(x: 11.973, y: 8))
        p.addCurve(to: CGPoint(x: 11.684, y: 9.156), control1: CGPoint(x: 11.929, y: 8.395), control2: CGPoint(x: 11.833, y: 8.781))
        p.addCurve(to: CGPoint(x: 10.682, y: 10.682), control1: CGPoint(x: 11.455, y: 9.734), control2: CGPoint(x: 11.121, y: 10.243))
        p.addCurve(to: CGPoint(x: 9.156, y: 11.684), control1: CGPoint(x: 10.243, y: 11.121), control2: CGPoint(x: 9.734, y: 11.455))
        p.addCurve(to: CGPoint(x: 8, y: 11.973), control1: CGPoint(x: 8.781, y: 11.833), control2: CGPoint(x: 8.395, y: 11.929))
        p.addLine(to: CGPoint(x: 8, y: 13.5))
        p.addCurve(to: CGPoint(x: 7.856, y: 13.856), control1: CGPoint(x: 8, y: 13.641), control2: CGPoint(x: 7.952, y: 13.759))
        p.addCurve(to: CGPoint(x: 7.5, y: 14), control1: CGPoint(x: 7.759, y: 13.952), control2: CGPoint(x: 7.641, y: 14))
        p.addCurve(to: CGPoint(x: 7.144, y: 13.856), control1: CGPoint(x: 7.359, y: 14), control2: CGPoint(x: 7.241, y: 13.952))
        p.addCurve(to: CGPoint(x: 7, y: 13.5), control1: CGPoint(x: 7.048, y: 13.759), control2: CGPoint(x: 7, y: 13.641))
        p.addLine(to: CGPoint(x: 7, y: 11.973))
        p.addCurve(to: CGPoint(x: 5.844, y: 11.684), control1: CGPoint(x: 6.605, y: 11.929), control2: CGPoint(x: 6.219, y: 11.833))
        p.addCurve(to: CGPoint(x: 4.318, y: 10.682), control1: CGPoint(x: 5.266, y: 11.455), control2: CGPoint(x: 4.757, y: 11.121))
        p.addCurve(to: CGPoint(x: 3.316, y: 9.156), control1: CGPoint(x: 3.879, y: 10.243), control2: CGPoint(x: 3.545, y: 9.734))
        p.addCurve(to: CGPoint(x: 3.027, y: 8), control1: CGPoint(x: 3.167, y: 8.781), control2: CGPoint(x: 3.071, y: 8.395))
        p.addLine(to: CGPoint(x: 1.5, y: 8))
        p.addCurve(to: CGPoint(x: 1.144, y: 7.856), control1: CGPoint(x: 1.359, y: 8), control2: CGPoint(x: 1.241, y: 7.952))
        p.addCurve(to: CGPoint(x: 1, y: 7.5), control1: CGPoint(x: 1.048, y: 7.759), control2: CGPoint(x: 1, y: 7.641))
        p.addCurve(to: CGPoint(x: 1.144, y: 7.144), control1: CGPoint(x: 1, y: 7.359), control2: CGPoint(x: 1.048, y: 7.241))
        p.addCurve(to: CGPoint(x: 1.5, y: 7), control1: CGPoint(x: 1.241, y: 7.048), control2: CGPoint(x: 1.359, y: 7))
        p.addLine(to: CGPoint(x: 3.027, y: 7))
        p.addCurve(to: CGPoint(x: 3.316, y: 5.844), control1: CGPoint(x: 3.071, y: 6.605), control2: CGPoint(x: 3.167, y: 6.219))
        p.addCurve(to: CGPoint(x: 4.318, y: 4.318), control1: CGPoint(x: 3.545, y: 5.266), control2: CGPoint(x: 3.879, y: 4.757))
        p.addCurve(to: CGPoint(x: 5.844, y: 3.316), control1: CGPoint(x: 4.757, y: 3.879), control2: CGPoint(x: 5.266, y: 3.545))
        p.addCurve(to: CGPoint(x: 7, y: 3.027), control1: CGPoint(x: 6.219, y: 3.167), control2: CGPoint(x: 6.605, y: 3.071))
        p.addLine(to: CGPoint(x: 7, y: 1.5))
        p.addCurve(to: CGPoint(x: 7.144, y: 1.144), control1: CGPoint(x: 7, y: 1.359), control2: CGPoint(x: 7.048, y: 1.241))
        p.addCurve(to: CGPoint(x: 7.5, y: 1), control1: CGPoint(x: 7.241, y: 1.048), control2: CGPoint(x: 7.359, y: 1))
        p.addCurve(to: CGPoint(x: 7.856, y: 1.144), control1: CGPoint(x: 7.641, y: 1), control2: CGPoint(x: 7.759, y: 1.048))
        p.addCurve(to: CGPoint(x: 8, y: 1.5), control1: CGPoint(x: 7.952, y: 1.241), control2: CGPoint(x: 8, y: 1.359))
        p.addLine(to: CGPoint(x: 8, y: 3.027))
        p.addCurve(to: CGPoint(x: 9.156, y: 3.316), control1: CGPoint(x: 8.395, y: 3.071), control2: CGPoint(x: 8.781, y: 3.167))
        p.addCurve(to: CGPoint(x: 10.682, y: 4.318), control1: CGPoint(x: 9.734, y: 3.545), control2: CGPoint(x: 10.243, y: 3.879))
        p.addCurve(to: CGPoint(x: 11.684, y: 5.844), control1: CGPoint(x: 11.121, y: 4.757), control2: CGPoint(x: 11.455, y: 5.266))
        p.addCurve(to: CGPoint(x: 11.973, y: 7), control1: CGPoint(x: 11.833, y: 6.219), control2: CGPoint(x: 11.929, y: 6.605))
        p.addLine(to: CGPoint(x: 13.5, y: 7))
        p.addCurve(to: CGPoint(x: 13.856, y: 7.144), control1: CGPoint(x: 13.641, y: 7), control2: CGPoint(x: 13.759, y: 7.048))
        p.closeSubpath()
        p.move(to: CGPoint(x: 4.856, y: 7.144))
        p.addCurve(to: CGPoint(x: 5, y: 7.5), control1: CGPoint(x: 4.952, y: 7.241), control2: CGPoint(x: 5, y: 7.359))
        p.addCurve(to: CGPoint(x: 4.856, y: 7.856), control1: CGPoint(x: 5, y: 7.641), control2: CGPoint(x: 4.952, y: 7.759))
        p.addCurve(to: CGPoint(x: 4.5, y: 8), control1: CGPoint(x: 4.759, y: 7.952), control2: CGPoint(x: 4.641, y: 8))
        p.addLine(to: CGPoint(x: 4.035, y: 8))
        p.addCurve(to: CGPoint(x: 4.246, y: 8.788), control1: CGPoint(x: 4.074, y: 8.269), control2: CGPoint(x: 4.144, y: 8.532))
        p.addCurve(to: CGPoint(x: 5.025, y: 9.975), control1: CGPoint(x: 4.424, y: 9.238), control2: CGPoint(x: 4.683, y: 9.633))
        p.addCurve(to: CGPoint(x: 6.212, y: 10.754), control1: CGPoint(x: 5.367, y: 10.317), control2: CGPoint(x: 5.762, y: 10.576))
        p.addCurve(to: CGPoint(x: 7, y: 10.965), control1: CGPoint(x: 6.468, y: 10.856), control2: CGPoint(x: 6.731, y: 10.926))
        p.addLine(to: CGPoint(x: 7, y: 10.5))
        p.addCurve(to: CGPoint(x: 7.144, y: 10.144), control1: CGPoint(x: 7, y: 10.359), control2: CGPoint(x: 7.048, y: 10.241))
        p.addCurve(to: CGPoint(x: 7.5, y: 10), control1: CGPoint(x: 7.241, y: 10.048), control2: CGPoint(x: 7.359, y: 10))
        p.addCurve(to: CGPoint(x: 7.856, y: 10.144), control1: CGPoint(x: 7.641, y: 10), control2: CGPoint(x: 7.759, y: 10.048))
        p.addCurve(to: CGPoint(x: 8, y: 10.5), control1: CGPoint(x: 7.952, y: 10.241), control2: CGPoint(x: 8, y: 10.359))
        p.addLine(to: CGPoint(x: 8, y: 10.965))
        p.addCurve(to: CGPoint(x: 8.788, y: 10.754), control1: CGPoint(x: 8.269, y: 10.926), control2: CGPoint(x: 8.532, y: 10.856))
        p.addCurve(to: CGPoint(x: 9.975, y: 9.975), control1: CGPoint(x: 9.238, y: 10.576), control2: CGPoint(x: 9.633, y: 10.317))
        p.addCurve(to: CGPoint(x: 10.754, y: 8.788), control1: CGPoint(x: 10.317, y: 9.633), control2: CGPoint(x: 10.576, y: 9.238))
        p.addCurve(to: CGPoint(x: 10.965, y: 8), control1: CGPoint(x: 10.856, y: 8.532), control2: CGPoint(x: 10.926, y: 8.269))
        p.addLine(to: CGPoint(x: 10.5, y: 8))
        p.addCurve(to: CGPoint(x: 10.144, y: 7.856), control1: CGPoint(x: 10.359, y: 8), control2: CGPoint(x: 10.241, y: 7.952))
        p.addCurve(to: CGPoint(x: 10, y: 7.5), control1: CGPoint(x: 10.048, y: 7.759), control2: CGPoint(x: 10, y: 7.641))
        p.addCurve(to: CGPoint(x: 10.144, y: 7.144), control1: CGPoint(x: 10, y: 7.359), control2: CGPoint(x: 10.048, y: 7.241))
        p.addCurve(to: CGPoint(x: 10.5, y: 7), control1: CGPoint(x: 10.241, y: 7.048), control2: CGPoint(x: 10.359, y: 7))
        p.addLine(to: CGPoint(x: 10.965, y: 7))
        p.addCurve(to: CGPoint(x: 10.754, y: 6.212), control1: CGPoint(x: 10.926, y: 6.731), control2: CGPoint(x: 10.856, y: 6.468))
        p.addCurve(to: CGPoint(x: 9.975, y: 5.025), control1: CGPoint(x: 10.576, y: 5.762), control2: CGPoint(x: 10.317, y: 5.367))
        p.addCurve(to: CGPoint(x: 8.788, y: 4.246), control1: CGPoint(x: 9.633, y: 4.683), control2: CGPoint(x: 9.238, y: 4.424))
        p.addCurve(to: CGPoint(x: 8, y: 4.035), control1: CGPoint(x: 8.532, y: 4.144), control2: CGPoint(x: 8.269, y: 4.074))
        p.addLine(to: CGPoint(x: 8, y: 4.5))
        p.addCurve(to: CGPoint(x: 7.856, y: 4.856), control1: CGPoint(x: 8, y: 4.641), control2: CGPoint(x: 7.952, y: 4.759))
        p.addCurve(to: CGPoint(x: 7.5, y: 5), control1: CGPoint(x: 7.759, y: 4.952), control2: CGPoint(x: 7.641, y: 5))
        p.addCurve(to: CGPoint(x: 7.144, y: 4.856), control1: CGPoint(x: 7.359, y: 5), control2: CGPoint(x: 7.241, y: 4.952))
        p.addCurve(to: CGPoint(x: 7, y: 4.5), control1: CGPoint(x: 7.048, y: 4.759), control2: CGPoint(x: 7, y: 4.641))
        p.addLine(to: CGPoint(x: 7, y: 4.035))
        p.addCurve(to: CGPoint(x: 6.212, y: 4.246), control1: CGPoint(x: 6.731, y: 4.074), control2: CGPoint(x: 6.468, y: 4.144))
        p.addCurve(to: CGPoint(x: 5.025, y: 5.025), control1: CGPoint(x: 5.762, y: 4.424), control2: CGPoint(x: 5.367, y: 4.683))
        p.addCurve(to: CGPoint(x: 4.246, y: 6.212), control1: CGPoint(x: 4.683, y: 5.367), control2: CGPoint(x: 4.424, y: 5.762))
        p.addCurve(to: CGPoint(x: 4.035, y: 7), control1: CGPoint(x: 4.144, y: 6.468), control2: CGPoint(x: 4.074, y: 6.731))
        p.addLine(to: CGPoint(x: 4.5, y: 7))
        p.addCurve(to: CGPoint(x: 4.856, y: 7.144), control1: CGPoint(x: 4.641, y: 7), control2: CGPoint(x: 4.759, y: 7.048))
        p.closeSubpath()
        p.move(to: CGPoint(x: 6.439, y: 6.439))
        p.addCurve(to: CGPoint(x: 7.5, y: 6), control1: CGPoint(x: 6.732, y: 6.146), control2: CGPoint(x: 7.086, y: 6))
        p.addCurve(to: CGPoint(x: 8.561, y: 6.439), control1: CGPoint(x: 7.914, y: 6), control2: CGPoint(x: 8.268, y: 6.146))
        p.addCurve(to: CGPoint(x: 9, y: 7.5), control1: CGPoint(x: 8.854, y: 6.732), control2: CGPoint(x: 9, y: 7.086))
        p.addCurve(to: CGPoint(x: 8.561, y: 8.561), control1: CGPoint(x: 9, y: 7.914), control2: CGPoint(x: 8.854, y: 8.268))
        p.addCurve(to: CGPoint(x: 7.5, y: 9), control1: CGPoint(x: 8.268, y: 8.854), control2: CGPoint(x: 7.914, y: 9))
        p.addCurve(to: CGPoint(x: 6.439, y: 8.561), control1: CGPoint(x: 7.086, y: 9), control2: CGPoint(x: 6.732, y: 8.854))
        p.addCurve(to: CGPoint(x: 6, y: 7.5), control1: CGPoint(x: 6.146, y: 8.268), control2: CGPoint(x: 6, y: 7.914))
        p.addCurve(to: CGPoint(x: 6.439, y: 6.439), control1: CGPoint(x: 6, y: 7.086), control2: CGPoint(x: 6.146, y: 6.732))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "crosshair" (line-round), MIT. https://gentleface.com/icons/crosshair
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 CrosshairIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "crosshair", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.973 8C11.929 8.395 11.833 8.781 11.684 9.156C11.455 9.734 11.121 10.243 10.682 10.682C10.243 11.121 9.734 11.455 9.156 11.684C8.781 11.833 8.395 11.929 8 11.973L8 13.5C8 13.641 7.952 13.759 7.856 13.856C7.759 13.952 7.641 14 7.5 14C7.359 14 7.241 13.952 7.144 13.856C7.048 13.759 7 13.641 7 13.5L7 11.973C6.605 11.929 6.219 11.833 5.844 11.684C5.266 11.455 4.757 11.121 4.318 10.682C3.879 10.243 3.545 9.734 3.316 9.156C3.167 8.781 3.071 8.395 3.027 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.027 7C3.071 6.605 3.167 6.219 3.316 5.844C3.545 5.266 3.879 4.757 4.318 4.318C4.757 3.879 5.266 3.545 5.844 3.316C6.219 3.167 6.605 3.071 7 3.027L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.027C8.395 3.071 8.781 3.167 9.156 3.316C9.734 3.545 10.243 3.879 10.682 4.318C11.121 4.757 11.455 5.266 11.684 5.844C11.833 6.219 11.929 6.605 11.973 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM4.856 7.144C4.952 7.241 5 7.359 5 7.5C5 7.641 4.952 7.759 4.856 7.856C4.759 7.952 4.641 8 4.5 8L4.035 8C4.074 8.269 4.144 8.532 4.246 8.788C4.424 9.238 4.683 9.633 5.025 9.975C5.367 10.317 5.762 10.576 6.212 10.754C6.468 10.856 6.731 10.926 7 10.965L7 10.5C7 10.359 7.048 10.241 7.144 10.144C7.241 10.048 7.359 10 7.5 10C7.641 10 7.759 10.048 7.856 10.144C7.952 10.241 8 10.359 8 10.5L8 10.965C8.269 10.926 8.532 10.856 8.788 10.754C9.238 10.576 9.633 10.317 9.975 9.975C10.317 9.633 10.576 9.238 10.754 8.788C10.856 8.532 10.926 8.269 10.965 8L10.5 8C10.359 8 10.241 7.952 10.144 7.856C10.048 7.759 10 7.641 10 7.5C10 7.359 10.048 7.241 10.144 7.144C10.241 7.048 10.359 7 10.5 7L10.965 7C10.926 6.731 10.856 6.468 10.754 6.212C10.576 5.762 10.317 5.367 9.975 5.025C9.633 4.683 9.238 4.424 8.788 4.246C8.532 4.144 8.269 4.074 8 4.035L8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 4.035C6.731 4.074 6.468 4.144 6.212 4.246C5.762 4.424 5.367 4.683 5.025 5.025C4.683 5.367 4.424 5.762 4.246 6.212C4.144 6.468 4.074 6.731 4.035 7L4.5 7C4.641 7 4.759 7.048 4.856 7.144ZM6.439 6.439C6.732 6.146 7.086 6 7.5 6C7.914 6 8.268 6.146 8.561 6.439C8.854 6.732 9 7.086 9 7.5C9 7.914 8.854 8.268 8.561 8.561C8.268 8.854 7.914 9 7.5 9C7.086 9 6.732 8.854 6.439 8.561C6.146 8.268 6 7.914 6 7.5C6 7.086 6.146 6.732 6.439 6.439Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_crosshair.xml · Gentleface "crosshair" (line-round), MIT. https://gentleface.com/icons/crosshair -->
<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="M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.973 8C11.929 8.395 11.833 8.781 11.684 9.156C11.455 9.734 11.121 10.243 10.682 10.682C10.243 11.121 9.734 11.455 9.156 11.684C8.781 11.833 8.395 11.929 8 11.973L8 13.5C8 13.641 7.952 13.759 7.856 13.856C7.759 13.952 7.641 14 7.5 14C7.359 14 7.241 13.952 7.144 13.856C7.048 13.759 7 13.641 7 13.5L7 11.973C6.605 11.929 6.219 11.833 5.844 11.684C5.266 11.455 4.757 11.121 4.318 10.682C3.879 10.243 3.545 9.734 3.316 9.156C3.167 8.781 3.071 8.395 3.027 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.027 7C3.071 6.605 3.167 6.219 3.316 5.844C3.545 5.266 3.879 4.757 4.318 4.318C4.757 3.879 5.266 3.545 5.844 3.316C6.219 3.167 6.605 3.071 7 3.027L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.027C8.395 3.071 8.781 3.167 9.156 3.316C9.734 3.545 10.243 3.879 10.682 4.318C11.121 4.757 11.455 5.266 11.684 5.844C11.833 6.219 11.929 6.605 11.973 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM4.856 7.144C4.952 7.241 5 7.359 5 7.5C5 7.641 4.952 7.759 4.856 7.856C4.759 7.952 4.641 8 4.5 8L4.035 8C4.074 8.269 4.144 8.532 4.246 8.788C4.424 9.238 4.683 9.633 5.025 9.975C5.367 10.317 5.762 10.576 6.212 10.754C6.468 10.856 6.731 10.926 7 10.965L7 10.5C7 10.359 7.048 10.241 7.144 10.144C7.241 10.048 7.359 10 7.5 10C7.641 10 7.759 10.048 7.856 10.144C7.952 10.241 8 10.359 8 10.5L8 10.965C8.269 10.926 8.532 10.856 8.788 10.754C9.238 10.576 9.633 10.317 9.975 9.975C10.317 9.633 10.576 9.238 10.754 8.788C10.856 8.532 10.926 8.269 10.965 8L10.5 8C10.359 8 10.241 7.952 10.144 7.856C10.048 7.759 10 7.641 10 7.5C10 7.359 10.048 7.241 10.144 7.144C10.241 7.048 10.359 7 10.5 7L10.965 7C10.926 6.731 10.856 6.468 10.754 6.212C10.576 5.762 10.317 5.367 9.975 5.025C9.633 4.683 9.238 4.424 8.788 4.246C8.532 4.144 8.269 4.074 8 4.035L8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 4.035C6.731 4.074 6.468 4.144 6.212 4.246C5.762 4.424 5.367 4.683 5.025 5.025C4.683 5.367 4.424 5.762 4.246 6.212C4.144 6.468 4.074 6.731 4.035 7L4.5 7C4.641 7 4.759 7.048 4.856 7.144ZM6.439 6.439C6.732 6.146 7.086 6 7.5 6C7.914 6 8.268 6.146 8.561 6.439C8.854 6.732 9 7.086 9 7.5C9 7.914 8.854 8.268 8.561 8.561C8.268 8.854 7.914 9 7.5 9C7.086 9 6.732 8.854 6.439 8.561C6.146 8.268 6 7.914 6 7.5C6 7.086 6.146 6.732 6.439 6.439Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(13.856, 7.144)
      ..cubicTo(13.952, 7.241, 14, 7.359, 14, 7.5)
      ..cubicTo(14, 7.641, 13.952, 7.759, 13.856, 7.856)
      ..cubicTo(13.759, 7.952, 13.641, 8, 13.5, 8)
      ..lineTo(11.973, 8)
      ..cubicTo(11.929, 8.395, 11.833, 8.781, 11.684, 9.156)
      ..cubicTo(11.455, 9.734, 11.121, 10.243, 10.682, 10.682)
      ..cubicTo(10.243, 11.121, 9.734, 11.455, 9.156, 11.684)
      ..cubicTo(8.781, 11.833, 8.395, 11.929, 8, 11.973)
      ..lineTo(8, 13.5)
      ..cubicTo(8, 13.641, 7.952, 13.759, 7.856, 13.856)
      ..cubicTo(7.759, 13.952, 7.641, 14, 7.5, 14)
      ..cubicTo(7.359, 14, 7.241, 13.952, 7.144, 13.856)
      ..cubicTo(7.048, 13.759, 7, 13.641, 7, 13.5)
      ..lineTo(7, 11.973)
      ..cubicTo(6.605, 11.929, 6.219, 11.833, 5.844, 11.684)
      ..cubicTo(5.266, 11.455, 4.757, 11.121, 4.318, 10.682)
      ..cubicTo(3.879, 10.243, 3.545, 9.734, 3.316, 9.156)
      ..cubicTo(3.167, 8.781, 3.071, 8.395, 3.027, 8)
      ..lineTo(1.5, 8)
      ..cubicTo(1.359, 8, 1.241, 7.952, 1.144, 7.856)
      ..cubicTo(1.048, 7.759, 1, 7.641, 1, 7.5)
      ..cubicTo(1, 7.359, 1.048, 7.241, 1.144, 7.144)
      ..cubicTo(1.241, 7.048, 1.359, 7, 1.5, 7)
      ..lineTo(3.027, 7)
      ..cubicTo(3.071, 6.605, 3.167, 6.219, 3.316, 5.844)
      ..cubicTo(3.545, 5.266, 3.879, 4.757, 4.318, 4.318)
      ..cubicTo(4.757, 3.879, 5.266, 3.545, 5.844, 3.316)
      ..cubicTo(6.219, 3.167, 6.605, 3.071, 7, 3.027)
      ..lineTo(7, 1.5)
      ..cubicTo(7, 1.359, 7.048, 1.241, 7.144, 1.144)
      ..cubicTo(7.241, 1.048, 7.359, 1, 7.5, 1)
      ..cubicTo(7.641, 1, 7.759, 1.048, 7.856, 1.144)
      ..cubicTo(7.952, 1.241, 8, 1.359, 8, 1.5)
      ..lineTo(8, 3.027)
      ..cubicTo(8.395, 3.071, 8.781, 3.167, 9.156, 3.316)
      ..cubicTo(9.734, 3.545, 10.243, 3.879, 10.682, 4.318)
      ..cubicTo(11.121, 4.757, 11.455, 5.266, 11.684, 5.844)
      ..cubicTo(11.833, 6.219, 11.929, 6.605, 11.973, 7)
      ..lineTo(13.5, 7)
      ..cubicTo(13.641, 7, 13.759, 7.048, 13.856, 7.144)
      ..close()
      ..moveTo(4.856, 7.144)
      ..cubicTo(4.952, 7.241, 5, 7.359, 5, 7.5)
      ..cubicTo(5, 7.641, 4.952, 7.759, 4.856, 7.856)
      ..cubicTo(4.759, 7.952, 4.641, 8, 4.5, 8)
      ..lineTo(4.035, 8)
      ..cubicTo(4.074, 8.269, 4.144, 8.532, 4.246, 8.788)
      ..cubicTo(4.424, 9.238, 4.683, 9.633, 5.025, 9.975)
      ..cubicTo(5.367, 10.317, 5.762, 10.576, 6.212, 10.754)
      ..cubicTo(6.468, 10.856, 6.731, 10.926, 7, 10.965)
      ..lineTo(7, 10.5)
      ..cubicTo(7, 10.359, 7.048, 10.241, 7.144, 10.144)
      ..cubicTo(7.241, 10.048, 7.359, 10, 7.5, 10)
      ..cubicTo(7.641, 10, 7.759, 10.048, 7.856, 10.144)
      ..cubicTo(7.952, 10.241, 8, 10.359, 8, 10.5)
      ..lineTo(8, 10.965)
      ..cubicTo(8.269, 10.926, 8.532, 10.856, 8.788, 10.754)
      ..cubicTo(9.238, 10.576, 9.633, 10.317, 9.975, 9.975)
      ..cubicTo(10.317, 9.633, 10.576, 9.238, 10.754, 8.788)
      ..cubicTo(10.856, 8.532, 10.926, 8.269, 10.965, 8)
      ..lineTo(10.5, 8)
      ..cubicTo(10.359, 8, 10.241, 7.952, 10.144, 7.856)
      ..cubicTo(10.048, 7.759, 10, 7.641, 10, 7.5)
      ..cubicTo(10, 7.359, 10.048, 7.241, 10.144, 7.144)
      ..cubicTo(10.241, 7.048, 10.359, 7, 10.5, 7)
      ..lineTo(10.965, 7)
      ..cubicTo(10.926, 6.731, 10.856, 6.468, 10.754, 6.212)
      ..cubicTo(10.576, 5.762, 10.317, 5.367, 9.975, 5.025)
      ..cubicTo(9.633, 4.683, 9.238, 4.424, 8.788, 4.246)
      ..cubicTo(8.532, 4.144, 8.269, 4.074, 8, 4.035)
      ..lineTo(8, 4.5)
      ..cubicTo(8, 4.641, 7.952, 4.759, 7.856, 4.856)
      ..cubicTo(7.759, 4.952, 7.641, 5, 7.5, 5)
      ..cubicTo(7.359, 5, 7.241, 4.952, 7.144, 4.856)
      ..cubicTo(7.048, 4.759, 7, 4.641, 7, 4.5)
      ..lineTo(7, 4.035)
      ..cubicTo(6.731, 4.074, 6.468, 4.144, 6.212, 4.246)
      ..cubicTo(5.762, 4.424, 5.367, 4.683, 5.025, 5.025)
      ..cubicTo(4.683, 5.367, 4.424, 5.762, 4.246, 6.212)
      ..cubicTo(4.144, 6.468, 4.074, 6.731, 4.035, 7)
      ..lineTo(4.5, 7)
      ..cubicTo(4.641, 7, 4.759, 7.048, 4.856, 7.144)
      ..close()
      ..moveTo(6.439, 6.439)
      ..cubicTo(6.732, 6.146, 7.086, 6, 7.5, 6)
      ..cubicTo(7.914, 6, 8.268, 6.146, 8.561, 6.439)
      ..cubicTo(8.854, 6.732, 9, 7.086, 9, 7.5)
      ..cubicTo(9, 7.914, 8.854, 8.268, 8.561, 8.561)
      ..cubicTo(8.268, 8.854, 7.914, 9, 7.5, 9)
      ..cubicTo(7.086, 9, 6.732, 8.854, 6.439, 8.561)
      ..cubicTo(6.146, 8.268, 6, 7.914, 6, 7.5)
      ..cubicTo(6, 7.086, 6.146, 6.732, 6.439, 6.439)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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