# signature icon

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

- Category: Design
- Use it for: signature, sign, signing
- Tags: signature, sign, autograph, handwriting, approve, contract
- Component name: SignatureIcon
- Added: 2026-10-14

## Alternatives

- `file-signature`: sign a document (e-signature)

## Also fits

- write: sign a document
- doodle: sign a document or form
- sign document: a signature field or drawing a signature (sign)

## Not for

- rename (use `pencil-line`): signature means sign, not rename

## 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/signature.svg · PNG https://gentleface.com/png/line-round/16/signature.png · https://gentleface.com/png/line-round/32/signature.png · https://gentleface.com/png/line-round/48/signature.png
- line-soft: https://gentleface.com/svg/line-soft/16/signature.svg · PNG https://gentleface.com/png/line-soft/16/signature.png · https://gentleface.com/png/line-soft/32/signature.png · https://gentleface.com/png/line-soft/48/signature.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/signature.svg · PNG https://gentleface.com/png/line-sharp/16/signature.png · https://gentleface.com/png/line-sharp/32/signature.png · https://gentleface.com/png/line-sharp/48/signature.png
- solid-round: https://gentleface.com/svg/solid-round/16/signature.svg · PNG https://gentleface.com/png/solid-round/16/signature.png · https://gentleface.com/png/solid-round/32/signature.png · https://gentleface.com/png/solid-round/48/signature.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/signature.svg · PNG https://gentleface.com/png/solid-soft/16/signature.png · https://gentleface.com/png/solid-soft/32/signature.png · https://gentleface.com/png/solid-soft/48/signature.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/signature.svg · PNG https://gentleface.com/png/solid-sharp/16/signature.png · https://gentleface.com/png/solid-sharp/32/signature.png · https://gentleface.com/png/solid-sharp/48/signature.png

The SVG of every style: https://gentleface.com/icons/signature.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="M3.864 8.687C3.616 7.948 3.417 7.157 3.266 6.315C3.089 5.328 3 4.39 3 3.5C3 3.182 3.059 2.875 3.176 2.58C3.303 2.259 3.488 1.976 3.732 1.732C3.976 1.488 4.259 1.303 4.58 1.176C4.875 1.059 5.182 1 5.5 1C5.818 1 6.125 1.059 6.42 1.176C6.741 1.303 7.024 1.488 7.268 1.732C7.512 1.976 7.697 2.259 7.824 2.58C7.941 2.875 8 3.182 8 3.5C8 4.747 7.274 6.249 5.823 8.006C5.571 8.31 5.302 8.618 5.014 8.928C5.261 9.563 5.523 10.069 5.801 10.445C5.949 10.646 6.091 10.795 6.228 10.891C6.332 10.964 6.422 11 6.5 11C6.687 11 6.896 10.827 7.127 10.48C7.243 10.305 7.368 10.079 7.501 9.801C7.584 9.629 7.703 9.362 7.859 9C8.118 8.399 8.318 7.984 8.458 7.755C8.765 7.252 9.112 7 9.5 7C9.918 7 10.262 7.242 10.531 7.726C10.612 7.872 10.694 8.054 10.776 8.273C10.823 8.396 10.889 8.586 10.974 8.842C11.131 9.312 11.254 9.628 11.343 9.788C11.397 9.885 11.446 9.951 11.49 9.988C11.496 9.994 11.501 9.997 11.505 10C11.535 9.997 11.574 9.971 11.622 9.921C11.67 9.87 11.727 9.796 11.794 9.699C11.927 9.503 12.097 9.213 12.304 8.827C12.461 8.535 12.582 8.316 12.668 8.169C12.817 7.914 12.96 7.696 13.097 7.513C13.479 7.004 13.894 6.675 14.342 6.526C14.473 6.482 14.6 6.491 14.724 6.553C14.847 6.615 14.931 6.711 14.974 6.842C15.018 6.973 15.009 7.1 14.947 7.224C14.885 7.347 14.789 7.431 14.658 7.474C14.408 7.558 14.154 7.771 13.896 8.114C13.723 8.345 13.486 8.74 13.185 9.3C12.908 9.817 12.694 10.174 12.545 10.371C12.225 10.79 11.877 11 11.5 11C11.082 11 10.738 10.758 10.469 10.274C10.388 10.128 10.306 9.946 10.224 9.727C10.177 9.604 10.111 9.414 10.026 9.158C9.869 8.688 9.746 8.372 9.657 8.212C9.604 8.117 9.556 8.051 9.512 8.013L9.51 8.015C9.453 8.066 9.386 8.153 9.311 8.276C9.196 8.465 9.018 8.838 8.778 9.396C8.616 9.77 8.491 10.05 8.403 10.234C8.25 10.553 8.102 10.821 7.959 11.035C7.53 11.678 7.044 12 6.5 12C5.97 12 5.469 11.68 4.996 11.039C4.733 10.683 4.487 10.241 4.256 9.712C4.12 9.847 3.98 9.983 3.837 10.12C3.184 10.743 2.509 11.333 1.812 11.89C1.702 11.978 1.58 12.015 1.444 12C1.309 11.985 1.198 11.922 1.11 11.812C1.023 11.705 0.988 11.582 1.003 11.445C1.018 11.308 1.08 11.196 1.188 11.11C1.862 10.57 2.515 9.999 3.147 9.396C3.397 9.158 3.636 8.921 3.864 8.687ZM6.47 5.294C6.823 4.61 7 4.012 7 3.5C7 3.309 6.965 3.125 6.895 2.948C6.818 2.755 6.707 2.586 6.561 2.439C6.414 2.293 6.245 2.182 6.052 2.105C5.875 2.035 5.691 2 5.5 2C5.309 2 5.125 2.035 4.948 2.105C4.755 2.182 4.586 2.293 4.439 2.439C4.293 2.586 4.182 2.755 4.105 2.948C4.035 3.125 4 3.309 4 3.5C4 4.33 4.083 5.21 4.25 6.138C4.357 6.735 4.49 7.303 4.648 7.843C4.787 7.684 4.922 7.526 5.052 7.369C5.668 6.624 6.14 5.932 6.47 5.294ZM1 14.5C1 14.359 1.048 14.241 1.144 14.144C1.241 14.048 1.359 14 1.5 14L14.5 14C14.641 14 14.759 14.048 14.856 14.144C14.952 14.241 15 14.359 15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5Z"/></svg>
```

### React

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

export function SignatureIcon(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="M3.864 8.687C3.616 7.948 3.417 7.157 3.266 6.315C3.089 5.328 3 4.39 3 3.5C3 3.182 3.059 2.875 3.176 2.58C3.303 2.259 3.488 1.976 3.732 1.732C3.976 1.488 4.259 1.303 4.58 1.176C4.875 1.059 5.182 1 5.5 1C5.818 1 6.125 1.059 6.42 1.176C6.741 1.303 7.024 1.488 7.268 1.732C7.512 1.976 7.697 2.259 7.824 2.58C7.941 2.875 8 3.182 8 3.5C8 4.747 7.274 6.249 5.823 8.006C5.571 8.31 5.302 8.618 5.014 8.928C5.261 9.563 5.523 10.069 5.801 10.445C5.949 10.646 6.091 10.795 6.228 10.891C6.332 10.964 6.422 11 6.5 11C6.687 11 6.896 10.827 7.127 10.48C7.243 10.305 7.368 10.079 7.501 9.801C7.584 9.629 7.703 9.362 7.859 9C8.118 8.399 8.318 7.984 8.458 7.755C8.765 7.252 9.112 7 9.5 7C9.918 7 10.262 7.242 10.531 7.726C10.612 7.872 10.694 8.054 10.776 8.273C10.823 8.396 10.889 8.586 10.974 8.842C11.131 9.312 11.254 9.628 11.343 9.788C11.397 9.885 11.446 9.951 11.49 9.988C11.496 9.994 11.501 9.997 11.505 10C11.535 9.997 11.574 9.971 11.622 9.921C11.67 9.87 11.727 9.796 11.794 9.699C11.927 9.503 12.097 9.213 12.304 8.827C12.461 8.535 12.582 8.316 12.668 8.169C12.817 7.914 12.96 7.696 13.097 7.513C13.479 7.004 13.894 6.675 14.342 6.526C14.473 6.482 14.6 6.491 14.724 6.553C14.847 6.615 14.931 6.711 14.974 6.842C15.018 6.973 15.009 7.1 14.947 7.224C14.885 7.347 14.789 7.431 14.658 7.474C14.408 7.558 14.154 7.771 13.896 8.114C13.723 8.345 13.486 8.74 13.185 9.3C12.908 9.817 12.694 10.174 12.545 10.371C12.225 10.79 11.877 11 11.5 11C11.082 11 10.738 10.758 10.469 10.274C10.388 10.128 10.306 9.946 10.224 9.727C10.177 9.604 10.111 9.414 10.026 9.158C9.869 8.688 9.746 8.372 9.657 8.212C9.604 8.117 9.556 8.051 9.512 8.013L9.51 8.015C9.453 8.066 9.386 8.153 9.311 8.276C9.196 8.465 9.018 8.838 8.778 9.396C8.616 9.77 8.491 10.05 8.403 10.234C8.25 10.553 8.102 10.821 7.959 11.035C7.53 11.678 7.044 12 6.5 12C5.97 12 5.469 11.68 4.996 11.039C4.733 10.683 4.487 10.241 4.256 9.712C4.12 9.847 3.98 9.983 3.837 10.12C3.184 10.743 2.509 11.333 1.812 11.89C1.702 11.978 1.58 12.015 1.444 12C1.309 11.985 1.198 11.922 1.11 11.812C1.023 11.705 0.988 11.582 1.003 11.445C1.018 11.308 1.08 11.196 1.188 11.11C1.862 10.57 2.515 9.999 3.147 9.396C3.397 9.158 3.636 8.921 3.864 8.687ZM6.47 5.294C6.823 4.61 7 4.012 7 3.5C7 3.309 6.965 3.125 6.895 2.948C6.818 2.755 6.707 2.586 6.561 2.439C6.414 2.293 6.245 2.182 6.052 2.105C5.875 2.035 5.691 2 5.5 2C5.309 2 5.125 2.035 4.948 2.105C4.755 2.182 4.586 2.293 4.439 2.439C4.293 2.586 4.182 2.755 4.105 2.948C4.035 3.125 4 3.309 4 3.5C4 4.33 4.083 5.21 4.25 6.138C4.357 6.735 4.49 7.303 4.648 7.843C4.787 7.684 4.922 7.526 5.052 7.369C5.668 6.624 6.14 5.932 6.47 5.294ZM1 14.5C1 14.359 1.048 14.241 1.144 14.144C1.241 14.048 1.359 14 1.5 14L14.5 14C14.641 14 14.759 14.048 14.856 14.144C14.952 14.241 15 14.359 15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "signature" (line-round), MIT. https://gentleface.com/icons/signature -->
<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="M3.864 8.687C3.616 7.948 3.417 7.157 3.266 6.315C3.089 5.328 3 4.39 3 3.5C3 3.182 3.059 2.875 3.176 2.58C3.303 2.259 3.488 1.976 3.732 1.732C3.976 1.488 4.259 1.303 4.58 1.176C4.875 1.059 5.182 1 5.5 1C5.818 1 6.125 1.059 6.42 1.176C6.741 1.303 7.024 1.488 7.268 1.732C7.512 1.976 7.697 2.259 7.824 2.58C7.941 2.875 8 3.182 8 3.5C8 4.747 7.274 6.249 5.823 8.006C5.571 8.31 5.302 8.618 5.014 8.928C5.261 9.563 5.523 10.069 5.801 10.445C5.949 10.646 6.091 10.795 6.228 10.891C6.332 10.964 6.422 11 6.5 11C6.687 11 6.896 10.827 7.127 10.48C7.243 10.305 7.368 10.079 7.501 9.801C7.584 9.629 7.703 9.362 7.859 9C8.118 8.399 8.318 7.984 8.458 7.755C8.765 7.252 9.112 7 9.5 7C9.918 7 10.262 7.242 10.531 7.726C10.612 7.872 10.694 8.054 10.776 8.273C10.823 8.396 10.889 8.586 10.974 8.842C11.131 9.312 11.254 9.628 11.343 9.788C11.397 9.885 11.446 9.951 11.49 9.988C11.496 9.994 11.501 9.997 11.505 10C11.535 9.997 11.574 9.971 11.622 9.921C11.67 9.87 11.727 9.796 11.794 9.699C11.927 9.503 12.097 9.213 12.304 8.827C12.461 8.535 12.582 8.316 12.668 8.169C12.817 7.914 12.96 7.696 13.097 7.513C13.479 7.004 13.894 6.675 14.342 6.526C14.473 6.482 14.6 6.491 14.724 6.553C14.847 6.615 14.931 6.711 14.974 6.842C15.018 6.973 15.009 7.1 14.947 7.224C14.885 7.347 14.789 7.431 14.658 7.474C14.408 7.558 14.154 7.771 13.896 8.114C13.723 8.345 13.486 8.74 13.185 9.3C12.908 9.817 12.694 10.174 12.545 10.371C12.225 10.79 11.877 11 11.5 11C11.082 11 10.738 10.758 10.469 10.274C10.388 10.128 10.306 9.946 10.224 9.727C10.177 9.604 10.111 9.414 10.026 9.158C9.869 8.688 9.746 8.372 9.657 8.212C9.604 8.117 9.556 8.051 9.512 8.013L9.51 8.015C9.453 8.066 9.386 8.153 9.311 8.276C9.196 8.465 9.018 8.838 8.778 9.396C8.616 9.77 8.491 10.05 8.403 10.234C8.25 10.553 8.102 10.821 7.959 11.035C7.53 11.678 7.044 12 6.5 12C5.97 12 5.469 11.68 4.996 11.039C4.733 10.683 4.487 10.241 4.256 9.712C4.12 9.847 3.98 9.983 3.837 10.12C3.184 10.743 2.509 11.333 1.812 11.89C1.702 11.978 1.58 12.015 1.444 12C1.309 11.985 1.198 11.922 1.11 11.812C1.023 11.705 0.988 11.582 1.003 11.445C1.018 11.308 1.08 11.196 1.188 11.11C1.862 10.57 2.515 9.999 3.147 9.396C3.397 9.158 3.636 8.921 3.864 8.687ZM6.47 5.294C6.823 4.61 7 4.012 7 3.5C7 3.309 6.965 3.125 6.895 2.948C6.818 2.755 6.707 2.586 6.561 2.439C6.414 2.293 6.245 2.182 6.052 2.105C5.875 2.035 5.691 2 5.5 2C5.309 2 5.125 2.035 4.948 2.105C4.755 2.182 4.586 2.293 4.439 2.439C4.293 2.586 4.182 2.755 4.105 2.948C4.035 3.125 4 3.309 4 3.5C4 4.33 4.083 5.21 4.25 6.138C4.357 6.735 4.49 7.303 4.648 7.843C4.787 7.684 4.922 7.526 5.052 7.369C5.668 6.624 6.14 5.932 6.47 5.294ZM1 14.5C1 14.359 1.048 14.241 1.144 14.144C1.241 14.048 1.359 14 1.5 14L14.5 14C14.641 14 14.759 14.048 14.856 14.144C14.952 14.241 15 14.359 15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "signature" (line-round), MIT. https://gentleface.com/icons/signature -->
<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="M3.864 8.687C3.616 7.948 3.417 7.157 3.266 6.315C3.089 5.328 3 4.39 3 3.5C3 3.182 3.059 2.875 3.176 2.58C3.303 2.259 3.488 1.976 3.732 1.732C3.976 1.488 4.259 1.303 4.58 1.176C4.875 1.059 5.182 1 5.5 1C5.818 1 6.125 1.059 6.42 1.176C6.741 1.303 7.024 1.488 7.268 1.732C7.512 1.976 7.697 2.259 7.824 2.58C7.941 2.875 8 3.182 8 3.5C8 4.747 7.274 6.249 5.823 8.006C5.571 8.31 5.302 8.618 5.014 8.928C5.261 9.563 5.523 10.069 5.801 10.445C5.949 10.646 6.091 10.795 6.228 10.891C6.332 10.964 6.422 11 6.5 11C6.687 11 6.896 10.827 7.127 10.48C7.243 10.305 7.368 10.079 7.501 9.801C7.584 9.629 7.703 9.362 7.859 9C8.118 8.399 8.318 7.984 8.458 7.755C8.765 7.252 9.112 7 9.5 7C9.918 7 10.262 7.242 10.531 7.726C10.612 7.872 10.694 8.054 10.776 8.273C10.823 8.396 10.889 8.586 10.974 8.842C11.131 9.312 11.254 9.628 11.343 9.788C11.397 9.885 11.446 9.951 11.49 9.988C11.496 9.994 11.501 9.997 11.505 10C11.535 9.997 11.574 9.971 11.622 9.921C11.67 9.87 11.727 9.796 11.794 9.699C11.927 9.503 12.097 9.213 12.304 8.827C12.461 8.535 12.582 8.316 12.668 8.169C12.817 7.914 12.96 7.696 13.097 7.513C13.479 7.004 13.894 6.675 14.342 6.526C14.473 6.482 14.6 6.491 14.724 6.553C14.847 6.615 14.931 6.711 14.974 6.842C15.018 6.973 15.009 7.1 14.947 7.224C14.885 7.347 14.789 7.431 14.658 7.474C14.408 7.558 14.154 7.771 13.896 8.114C13.723 8.345 13.486 8.74 13.185 9.3C12.908 9.817 12.694 10.174 12.545 10.371C12.225 10.79 11.877 11 11.5 11C11.082 11 10.738 10.758 10.469 10.274C10.388 10.128 10.306 9.946 10.224 9.727C10.177 9.604 10.111 9.414 10.026 9.158C9.869 8.688 9.746 8.372 9.657 8.212C9.604 8.117 9.556 8.051 9.512 8.013L9.51 8.015C9.453 8.066 9.386 8.153 9.311 8.276C9.196 8.465 9.018 8.838 8.778 9.396C8.616 9.77 8.491 10.05 8.403 10.234C8.25 10.553 8.102 10.821 7.959 11.035C7.53 11.678 7.044 12 6.5 12C5.97 12 5.469 11.68 4.996 11.039C4.733 10.683 4.487 10.241 4.256 9.712C4.12 9.847 3.98 9.983 3.837 10.12C3.184 10.743 2.509 11.333 1.812 11.89C1.702 11.978 1.58 12.015 1.444 12C1.309 11.985 1.198 11.922 1.11 11.812C1.023 11.705 0.988 11.582 1.003 11.445C1.018 11.308 1.08 11.196 1.188 11.11C1.862 10.57 2.515 9.999 3.147 9.396C3.397 9.158 3.636 8.921 3.864 8.687ZM6.47 5.294C6.823 4.61 7 4.012 7 3.5C7 3.309 6.965 3.125 6.895 2.948C6.818 2.755 6.707 2.586 6.561 2.439C6.414 2.293 6.245 2.182 6.052 2.105C5.875 2.035 5.691 2 5.5 2C5.309 2 5.125 2.035 4.948 2.105C4.755 2.182 4.586 2.293 4.439 2.439C4.293 2.586 4.182 2.755 4.105 2.948C4.035 3.125 4 3.309 4 3.5C4 4.33 4.083 5.21 4.25 6.138C4.357 6.735 4.49 7.303 4.648 7.843C4.787 7.684 4.922 7.526 5.052 7.369C5.668 6.624 6.14 5.932 6.47 5.294ZM1 14.5C1 14.359 1.048 14.241 1.144 14.144C1.241 14.048 1.359 14 1.5 14L14.5 14C14.641 14 14.759 14.048 14.856 14.144C14.952 14.241 15 14.359 15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5Z" />
</svg>
```

### HTML img

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

### CSS

```css
/* Gentleface "signature" (line-round), MIT. https://gentleface.com/icons/signature. Takes the text color. */
.icon-signature {
  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='M3.864 8.687C3.616 7.948 3.417 7.157 3.266 6.315C3.089 5.328 3 4.39 3 3.5C3 3.182 3.059 2.875 3.176 2.58C3.303 2.259 3.488 1.976 3.732 1.732C3.976 1.488 4.259 1.303 4.58 1.176C4.875 1.059 5.182 1 5.5 1C5.818 1 6.125 1.059 6.42 1.176C6.741 1.303 7.024 1.488 7.268 1.732C7.512 1.976 7.697 2.259 7.824 2.58C7.941 2.875 8 3.182 8 3.5C8 4.747 7.274 6.249 5.823 8.006C5.571 8.31 5.302 8.618 5.014 8.928C5.261 9.563 5.523 10.069 5.801 10.445C5.949 10.646 6.091 10.795 6.228 10.891C6.332 10.964 6.422 11 6.5 11C6.687 11 6.896 10.827 7.127 10.48C7.243 10.305 7.368 10.079 7.501 9.801C7.584 9.629 7.703 9.362 7.859 9C8.118 8.399 8.318 7.984 8.458 7.755C8.765 7.252 9.112 7 9.5 7C9.918 7 10.262 7.242 10.531 7.726C10.612 7.872 10.694 8.054 10.776 8.273C10.823 8.396 10.889 8.586 10.974 8.842C11.131 9.312 11.254 9.628 11.343 9.788C11.397 9.885 11.446 9.951 11.49 9.988C11.496 9.994 11.501 9.997 11.505 10C11.535 9.997 11.574 9.971 11.622 9.921C11.67 9.87 11.727 9.796 11.794 9.699C11.927 9.503 12.097 9.213 12.304 8.827C12.461 8.535 12.582 8.316 12.668 8.169C12.817 7.914 12.96 7.696 13.097 7.513C13.479 7.004 13.894 6.675 14.342 6.526C14.473 6.482 14.6 6.491 14.724 6.553C14.847 6.615 14.931 6.711 14.974 6.842C15.018 6.973 15.009 7.1 14.947 7.224C14.885 7.347 14.789 7.431 14.658 7.474C14.408 7.558 14.154 7.771 13.896 8.114C13.723 8.345 13.486 8.74 13.185 9.3C12.908 9.817 12.694 10.174 12.545 10.371C12.225 10.79 11.877 11 11.5 11C11.082 11 10.738 10.758 10.469 10.274C10.388 10.128 10.306 9.946 10.224 9.727C10.177 9.604 10.111 9.414 10.026 9.158C9.869 8.688 9.746 8.372 9.657 8.212C9.604 8.117 9.556 8.051 9.512 8.013L9.51 8.015C9.453 8.066 9.386 8.153 9.311 8.276C9.196 8.465 9.018 8.838 8.778 9.396C8.616 9.77 8.491 10.05 8.403 10.234C8.25 10.553 8.102 10.821 7.959 11.035C7.53 11.678 7.044 12 6.5 12C5.97 12 5.469 11.68 4.996 11.039C4.733 10.683 4.487 10.241 4.256 9.712C4.12 9.847 3.98 9.983 3.837 10.12C3.184 10.743 2.509 11.333 1.812 11.89C1.702 11.978 1.58 12.015 1.444 12C1.309 11.985 1.198 11.922 1.11 11.812C1.023 11.705 0.988 11.582 1.003 11.445C1.018 11.308 1.08 11.196 1.188 11.11C1.862 10.57 2.515 9.999 3.147 9.396C3.397 9.158 3.636 8.921 3.864 8.687ZM6.47 5.294C6.823 4.61 7 4.012 7 3.5C7 3.309 6.965 3.125 6.895 2.948C6.818 2.755 6.707 2.586 6.561 2.439C6.414 2.293 6.245 2.182 6.052 2.105C5.875 2.035 5.691 2 5.5 2C5.309 2 5.125 2.035 4.948 2.105C4.755 2.182 4.586 2.293 4.439 2.439C4.293 2.586 4.182 2.755 4.105 2.948C4.035 3.125 4 3.309 4 3.5C4 4.33 4.083 5.21 4.25 6.138C4.357 6.735 4.49 7.303 4.648 7.843C4.787 7.684 4.922 7.526 5.052 7.369C5.668 6.624 6.14 5.932 6.47 5.294ZM1 14.5C1 14.359 1.048 14.241 1.144 14.144C1.241 14.048 1.359 14 1.5 14L14.5 14C14.641 14 14.759 14.048 14.856 14.144C14.952 14.241 15 14.359 15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5Z'/%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='M3.864 8.687C3.616 7.948 3.417 7.157 3.266 6.315C3.089 5.328 3 4.39 3 3.5C3 3.182 3.059 2.875 3.176 2.58C3.303 2.259 3.488 1.976 3.732 1.732C3.976 1.488 4.259 1.303 4.58 1.176C4.875 1.059 5.182 1 5.5 1C5.818 1 6.125 1.059 6.42 1.176C6.741 1.303 7.024 1.488 7.268 1.732C7.512 1.976 7.697 2.259 7.824 2.58C7.941 2.875 8 3.182 8 3.5C8 4.747 7.274 6.249 5.823 8.006C5.571 8.31 5.302 8.618 5.014 8.928C5.261 9.563 5.523 10.069 5.801 10.445C5.949 10.646 6.091 10.795 6.228 10.891C6.332 10.964 6.422 11 6.5 11C6.687 11 6.896 10.827 7.127 10.48C7.243 10.305 7.368 10.079 7.501 9.801C7.584 9.629 7.703 9.362 7.859 9C8.118 8.399 8.318 7.984 8.458 7.755C8.765 7.252 9.112 7 9.5 7C9.918 7 10.262 7.242 10.531 7.726C10.612 7.872 10.694 8.054 10.776 8.273C10.823 8.396 10.889 8.586 10.974 8.842C11.131 9.312 11.254 9.628 11.343 9.788C11.397 9.885 11.446 9.951 11.49 9.988C11.496 9.994 11.501 9.997 11.505 10C11.535 9.997 11.574 9.971 11.622 9.921C11.67 9.87 11.727 9.796 11.794 9.699C11.927 9.503 12.097 9.213 12.304 8.827C12.461 8.535 12.582 8.316 12.668 8.169C12.817 7.914 12.96 7.696 13.097 7.513C13.479 7.004 13.894 6.675 14.342 6.526C14.473 6.482 14.6 6.491 14.724 6.553C14.847 6.615 14.931 6.711 14.974 6.842C15.018 6.973 15.009 7.1 14.947 7.224C14.885 7.347 14.789 7.431 14.658 7.474C14.408 7.558 14.154 7.771 13.896 8.114C13.723 8.345 13.486 8.74 13.185 9.3C12.908 9.817 12.694 10.174 12.545 10.371C12.225 10.79 11.877 11 11.5 11C11.082 11 10.738 10.758 10.469 10.274C10.388 10.128 10.306 9.946 10.224 9.727C10.177 9.604 10.111 9.414 10.026 9.158C9.869 8.688 9.746 8.372 9.657 8.212C9.604 8.117 9.556 8.051 9.512 8.013L9.51 8.015C9.453 8.066 9.386 8.153 9.311 8.276C9.196 8.465 9.018 8.838 8.778 9.396C8.616 9.77 8.491 10.05 8.403 10.234C8.25 10.553 8.102 10.821 7.959 11.035C7.53 11.678 7.044 12 6.5 12C5.97 12 5.469 11.68 4.996 11.039C4.733 10.683 4.487 10.241 4.256 9.712C4.12 9.847 3.98 9.983 3.837 10.12C3.184 10.743 2.509 11.333 1.812 11.89C1.702 11.978 1.58 12.015 1.444 12C1.309 11.985 1.198 11.922 1.11 11.812C1.023 11.705 0.988 11.582 1.003 11.445C1.018 11.308 1.08 11.196 1.188 11.11C1.862 10.57 2.515 9.999 3.147 9.396C3.397 9.158 3.636 8.921 3.864 8.687ZM6.47 5.294C6.823 4.61 7 4.012 7 3.5C7 3.309 6.965 3.125 6.895 2.948C6.818 2.755 6.707 2.586 6.561 2.439C6.414 2.293 6.245 2.182 6.052 2.105C5.875 2.035 5.691 2 5.5 2C5.309 2 5.125 2.035 4.948 2.105C4.755 2.182 4.586 2.293 4.439 2.439C4.293 2.586 4.182 2.755 4.105 2.948C4.035 3.125 4 3.309 4 3.5C4 4.33 4.083 5.21 4.25 6.138C4.357 6.735 4.49 7.303 4.648 7.843C4.787 7.684 4.922 7.526 5.052 7.369C5.668 6.624 6.14 5.932 6.47 5.294ZM1 14.5C1 14.359 1.048 14.241 1.144 14.144C1.241 14.048 1.359 14 1.5 14L14.5 14C14.641 14 14.759 14.048 14.856 14.144C14.952 14.241 15 14.359 15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5Z'/%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='M3.864 8.687C3.616 7.948 3.417 7.157 3.266 6.315C3.089 5.328 3 4.39 3 3.5C3 3.182 3.059 2.875 3.176 2.58C3.303 2.259 3.488 1.976 3.732 1.732C3.976 1.488 4.259 1.303 4.58 1.176C4.875 1.059 5.182 1 5.5 1C5.818 1 6.125 1.059 6.42 1.176C6.741 1.303 7.024 1.488 7.268 1.732C7.512 1.976 7.697 2.259 7.824 2.58C7.941 2.875 8 3.182 8 3.5C8 4.747 7.274 6.249 5.823 8.006C5.571 8.31 5.302 8.618 5.014 8.928C5.261 9.563 5.523 10.069 5.801 10.445C5.949 10.646 6.091 10.795 6.228 10.891C6.332 10.964 6.422 11 6.5 11C6.687 11 6.896 10.827 7.127 10.48C7.243 10.305 7.368 10.079 7.501 9.801C7.584 9.629 7.703 9.362 7.859 9C8.118 8.399 8.318 7.984 8.458 7.755C8.765 7.252 9.112 7 9.5 7C9.918 7 10.262 7.242 10.531 7.726C10.612 7.872 10.694 8.054 10.776 8.273C10.823 8.396 10.889 8.586 10.974 8.842C11.131 9.312 11.254 9.628 11.343 9.788C11.397 9.885 11.446 9.951 11.49 9.988C11.496 9.994 11.501 9.997 11.505 10C11.535 9.997 11.574 9.971 11.622 9.921C11.67 9.87 11.727 9.796 11.794 9.699C11.927 9.503 12.097 9.213 12.304 8.827C12.461 8.535 12.582 8.316 12.668 8.169C12.817 7.914 12.96 7.696 13.097 7.513C13.479 7.004 13.894 6.675 14.342 6.526C14.473 6.482 14.6 6.491 14.724 6.553C14.847 6.615 14.931 6.711 14.974 6.842C15.018 6.973 15.009 7.1 14.947 7.224C14.885 7.347 14.789 7.431 14.658 7.474C14.408 7.558 14.154 7.771 13.896 8.114C13.723 8.345 13.486 8.74 13.185 9.3C12.908 9.817 12.694 10.174 12.545 10.371C12.225 10.79 11.877 11 11.5 11C11.082 11 10.738 10.758 10.469 10.274C10.388 10.128 10.306 9.946 10.224 9.727C10.177 9.604 10.111 9.414 10.026 9.158C9.869 8.688 9.746 8.372 9.657 8.212C9.604 8.117 9.556 8.051 9.512 8.013L9.51 8.015C9.453 8.066 9.386 8.153 9.311 8.276C9.196 8.465 9.018 8.838 8.778 9.396C8.616 9.77 8.491 10.05 8.403 10.234C8.25 10.553 8.102 10.821 7.959 11.035C7.53 11.678 7.044 12 6.5 12C5.97 12 5.469 11.68 4.996 11.039C4.733 10.683 4.487 10.241 4.256 9.712C4.12 9.847 3.98 9.983 3.837 10.12C3.184 10.743 2.509 11.333 1.812 11.89C1.702 11.978 1.58 12.015 1.444 12C1.309 11.985 1.198 11.922 1.11 11.812C1.023 11.705 0.988 11.582 1.003 11.445C1.018 11.308 1.08 11.196 1.188 11.11C1.862 10.57 2.515 9.999 3.147 9.396C3.397 9.158 3.636 8.921 3.864 8.687ZM6.47 5.294C6.823 4.61 7 4.012 7 3.5C7 3.309 6.965 3.125 6.895 2.948C6.818 2.755 6.707 2.586 6.561 2.439C6.414 2.293 6.245 2.182 6.052 2.105C5.875 2.035 5.691 2 5.5 2C5.309 2 5.125 2.035 4.948 2.105C4.755 2.182 4.586 2.293 4.439 2.439C4.293 2.586 4.182 2.755 4.105 2.948C4.035 3.125 4 3.309 4 3.5C4 4.33 4.083 5.21 4.25 6.138C4.357 6.735 4.49 7.303 4.648 7.843C4.787 7.684 4.922 7.526 5.052 7.369C5.668 6.624 6.14 5.932 6.47 5.294ZM1 14.5C1 14.359 1.048 14.241 1.144 14.144C1.241 14.048 1.359 14 1.5 14L14.5 14C14.641 14 14.759 14.048 14.856 14.144C14.952 14.241 15 14.359 15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5Z'/%3E%3C/svg%3E
```

### Sprite

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

### SwiftUI

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

struct SignatureIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 3.864, y: 8.687))
        p.addCurve(to: CGPoint(x: 3.266, y: 6.315), control1: CGPoint(x: 3.616, y: 7.948), control2: CGPoint(x: 3.417, y: 7.157))
        p.addCurve(to: CGPoint(x: 3, y: 3.5), control1: CGPoint(x: 3.089, y: 5.328), control2: CGPoint(x: 3, y: 4.39))
        p.addCurve(to: CGPoint(x: 3.176, y: 2.58), control1: CGPoint(x: 3, y: 3.182), control2: CGPoint(x: 3.059, y: 2.875))
        p.addCurve(to: CGPoint(x: 3.732, y: 1.732), control1: CGPoint(x: 3.303, y: 2.259), control2: CGPoint(x: 3.488, y: 1.976))
        p.addCurve(to: CGPoint(x: 4.58, y: 1.176), control1: CGPoint(x: 3.976, y: 1.488), control2: CGPoint(x: 4.259, y: 1.303))
        p.addCurve(to: CGPoint(x: 5.5, y: 1), control1: CGPoint(x: 4.875, y: 1.059), control2: CGPoint(x: 5.182, y: 1))
        p.addCurve(to: CGPoint(x: 6.42, y: 1.176), control1: CGPoint(x: 5.818, y: 1), control2: CGPoint(x: 6.125, y: 1.059))
        p.addCurve(to: CGPoint(x: 7.268, y: 1.732), control1: CGPoint(x: 6.741, y: 1.303), control2: CGPoint(x: 7.024, y: 1.488))
        p.addCurve(to: CGPoint(x: 7.824, y: 2.58), control1: CGPoint(x: 7.512, y: 1.976), control2: CGPoint(x: 7.697, y: 2.259))
        p.addCurve(to: CGPoint(x: 8, y: 3.5), control1: CGPoint(x: 7.941, y: 2.875), control2: CGPoint(x: 8, y: 3.182))
        p.addCurve(to: CGPoint(x: 5.823, y: 8.006), control1: CGPoint(x: 8, y: 4.747), control2: CGPoint(x: 7.274, y: 6.249))
        p.addCurve(to: CGPoint(x: 5.014, y: 8.928), control1: CGPoint(x: 5.571, y: 8.31), control2: CGPoint(x: 5.302, y: 8.618))
        p.addCurve(to: CGPoint(x: 5.801, y: 10.445), control1: CGPoint(x: 5.261, y: 9.563), control2: CGPoint(x: 5.523, y: 10.069))
        p.addCurve(to: CGPoint(x: 6.228, y: 10.891), control1: CGPoint(x: 5.949, y: 10.646), control2: CGPoint(x: 6.091, y: 10.795))
        p.addCurve(to: CGPoint(x: 6.5, y: 11), control1: CGPoint(x: 6.332, y: 10.964), control2: CGPoint(x: 6.422, y: 11))
        p.addCurve(to: CGPoint(x: 7.127, y: 10.48), control1: CGPoint(x: 6.687, y: 11), control2: CGPoint(x: 6.896, y: 10.827))
        p.addCurve(to: CGPoint(x: 7.501, y: 9.801), control1: CGPoint(x: 7.243, y: 10.305), control2: CGPoint(x: 7.368, y: 10.079))
        p.addCurve(to: CGPoint(x: 7.859, y: 9), control1: CGPoint(x: 7.584, y: 9.629), control2: CGPoint(x: 7.703, y: 9.362))
        p.addCurve(to: CGPoint(x: 8.458, y: 7.755), control1: CGPoint(x: 8.118, y: 8.399), control2: CGPoint(x: 8.318, y: 7.984))
        p.addCurve(to: CGPoint(x: 9.5, y: 7), control1: CGPoint(x: 8.765, y: 7.252), control2: CGPoint(x: 9.112, y: 7))
        p.addCurve(to: CGPoint(x: 10.531, y: 7.726), control1: CGPoint(x: 9.918, y: 7), control2: CGPoint(x: 10.262, y: 7.242))
        p.addCurve(to: CGPoint(x: 10.776, y: 8.273), control1: CGPoint(x: 10.612, y: 7.872), control2: CGPoint(x: 10.694, y: 8.054))
        p.addCurve(to: CGPoint(x: 10.974, y: 8.842), control1: CGPoint(x: 10.823, y: 8.396), control2: CGPoint(x: 10.889, y: 8.586))
        p.addCurve(to: CGPoint(x: 11.343, y: 9.788), control1: CGPoint(x: 11.131, y: 9.312), control2: CGPoint(x: 11.254, y: 9.628))
        p.addCurve(to: CGPoint(x: 11.49, y: 9.988), control1: CGPoint(x: 11.397, y: 9.885), control2: CGPoint(x: 11.446, y: 9.951))
        p.addCurve(to: CGPoint(x: 11.505, y: 10), control1: CGPoint(x: 11.496, y: 9.994), control2: CGPoint(x: 11.501, y: 9.997))
        p.addCurve(to: CGPoint(x: 11.622, y: 9.921), control1: CGPoint(x: 11.535, y: 9.997), control2: CGPoint(x: 11.574, y: 9.971))
        p.addCurve(to: CGPoint(x: 11.794, y: 9.699), control1: CGPoint(x: 11.67, y: 9.87), control2: CGPoint(x: 11.727, y: 9.796))
        p.addCurve(to: CGPoint(x: 12.304, y: 8.827), control1: CGPoint(x: 11.927, y: 9.503), control2: CGPoint(x: 12.097, y: 9.213))
        p.addCurve(to: CGPoint(x: 12.668, y: 8.169), control1: CGPoint(x: 12.461, y: 8.535), control2: CGPoint(x: 12.582, y: 8.316))
        p.addCurve(to: CGPoint(x: 13.097, y: 7.513), control1: CGPoint(x: 12.817, y: 7.914), control2: CGPoint(x: 12.96, y: 7.696))
        p.addCurve(to: CGPoint(x: 14.342, y: 6.526), control1: CGPoint(x: 13.479, y: 7.004), control2: CGPoint(x: 13.894, y: 6.675))
        p.addCurve(to: CGPoint(x: 14.724, y: 6.553), control1: CGPoint(x: 14.473, y: 6.482), control2: CGPoint(x: 14.6, y: 6.491))
        p.addCurve(to: CGPoint(x: 14.974, y: 6.842), control1: CGPoint(x: 14.847, y: 6.615), control2: CGPoint(x: 14.931, y: 6.711))
        p.addCurve(to: CGPoint(x: 14.947, y: 7.224), control1: CGPoint(x: 15.018, y: 6.973), control2: CGPoint(x: 15.009, y: 7.1))
        p.addCurve(to: CGPoint(x: 14.658, y: 7.474), control1: CGPoint(x: 14.885, y: 7.347), control2: CGPoint(x: 14.789, y: 7.431))
        p.addCurve(to: CGPoint(x: 13.896, y: 8.114), control1: CGPoint(x: 14.408, y: 7.558), control2: CGPoint(x: 14.154, y: 7.771))
        p.addCurve(to: CGPoint(x: 13.185, y: 9.3), control1: CGPoint(x: 13.723, y: 8.345), control2: CGPoint(x: 13.486, y: 8.74))
        p.addCurve(to: CGPoint(x: 12.545, y: 10.371), control1: CGPoint(x: 12.908, y: 9.817), control2: CGPoint(x: 12.694, y: 10.174))
        p.addCurve(to: CGPoint(x: 11.5, y: 11), control1: CGPoint(x: 12.225, y: 10.79), control2: CGPoint(x: 11.877, y: 11))
        p.addCurve(to: CGPoint(x: 10.469, y: 10.274), control1: CGPoint(x: 11.082, y: 11), control2: CGPoint(x: 10.738, y: 10.758))
        p.addCurve(to: CGPoint(x: 10.224, y: 9.727), control1: CGPoint(x: 10.388, y: 10.128), control2: CGPoint(x: 10.306, y: 9.946))
        p.addCurve(to: CGPoint(x: 10.026, y: 9.158), control1: CGPoint(x: 10.177, y: 9.604), control2: CGPoint(x: 10.111, y: 9.414))
        p.addCurve(to: CGPoint(x: 9.657, y: 8.212), control1: CGPoint(x: 9.869, y: 8.688), control2: CGPoint(x: 9.746, y: 8.372))
        p.addCurve(to: CGPoint(x: 9.512, y: 8.013), control1: CGPoint(x: 9.604, y: 8.117), control2: CGPoint(x: 9.556, y: 8.051))
        p.addLine(to: CGPoint(x: 9.51, y: 8.015))
        p.addCurve(to: CGPoint(x: 9.311, y: 8.276), control1: CGPoint(x: 9.453, y: 8.066), control2: CGPoint(x: 9.386, y: 8.153))
        p.addCurve(to: CGPoint(x: 8.778, y: 9.396), control1: CGPoint(x: 9.196, y: 8.465), control2: CGPoint(x: 9.018, y: 8.838))
        p.addCurve(to: CGPoint(x: 8.403, y: 10.234), control1: CGPoint(x: 8.616, y: 9.77), control2: CGPoint(x: 8.491, y: 10.05))
        p.addCurve(to: CGPoint(x: 7.959, y: 11.035), control1: CGPoint(x: 8.25, y: 10.553), control2: CGPoint(x: 8.102, y: 10.821))
        p.addCurve(to: CGPoint(x: 6.5, y: 12), control1: CGPoint(x: 7.53, y: 11.678), control2: CGPoint(x: 7.044, y: 12))
        p.addCurve(to: CGPoint(x: 4.996, y: 11.039), control1: CGPoint(x: 5.97, y: 12), control2: CGPoint(x: 5.469, y: 11.68))
        p.addCurve(to: CGPoint(x: 4.256, y: 9.712), control1: CGPoint(x: 4.733, y: 10.683), control2: CGPoint(x: 4.487, y: 10.241))
        p.addCurve(to: CGPoint(x: 3.837, y: 10.12), control1: CGPoint(x: 4.12, y: 9.847), control2: CGPoint(x: 3.98, y: 9.983))
        p.addCurve(to: CGPoint(x: 1.812, y: 11.89), control1: CGPoint(x: 3.184, y: 10.743), control2: CGPoint(x: 2.509, y: 11.333))
        p.addCurve(to: CGPoint(x: 1.444, y: 12), control1: CGPoint(x: 1.702, y: 11.978), control2: CGPoint(x: 1.58, y: 12.015))
        p.addCurve(to: CGPoint(x: 1.11, y: 11.812), control1: CGPoint(x: 1.309, y: 11.985), control2: CGPoint(x: 1.198, y: 11.922))
        p.addCurve(to: CGPoint(x: 1.003, y: 11.445), control1: CGPoint(x: 1.023, y: 11.705), control2: CGPoint(x: 0.988, y: 11.582))
        p.addCurve(to: CGPoint(x: 1.188, y: 11.11), control1: CGPoint(x: 1.018, y: 11.308), control2: CGPoint(x: 1.08, y: 11.196))
        p.addCurve(to: CGPoint(x: 3.147, y: 9.396), control1: CGPoint(x: 1.862, y: 10.57), control2: CGPoint(x: 2.515, y: 9.999))
        p.addCurve(to: CGPoint(x: 3.864, y: 8.687), control1: CGPoint(x: 3.397, y: 9.158), control2: CGPoint(x: 3.636, y: 8.921))
        p.closeSubpath()
        p.move(to: CGPoint(x: 6.47, y: 5.294))
        p.addCurve(to: CGPoint(x: 7, y: 3.5), control1: CGPoint(x: 6.823, y: 4.61), control2: CGPoint(x: 7, y: 4.012))
        p.addCurve(to: CGPoint(x: 6.895, y: 2.948), control1: CGPoint(x: 7, y: 3.309), control2: CGPoint(x: 6.965, y: 3.125))
        p.addCurve(to: CGPoint(x: 6.561, y: 2.439), control1: CGPoint(x: 6.818, y: 2.755), control2: CGPoint(x: 6.707, y: 2.586))
        p.addCurve(to: CGPoint(x: 6.052, y: 2.105), control1: CGPoint(x: 6.414, y: 2.293), control2: CGPoint(x: 6.245, y: 2.182))
        p.addCurve(to: CGPoint(x: 5.5, y: 2), control1: CGPoint(x: 5.875, y: 2.035), control2: CGPoint(x: 5.691, y: 2))
        p.addCurve(to: CGPoint(x: 4.948, y: 2.105), control1: CGPoint(x: 5.309, y: 2), control2: CGPoint(x: 5.125, y: 2.035))
        p.addCurve(to: CGPoint(x: 4.439, y: 2.439), control1: CGPoint(x: 4.755, y: 2.182), control2: CGPoint(x: 4.586, y: 2.293))
        p.addCurve(to: CGPoint(x: 4.105, y: 2.948), control1: CGPoint(x: 4.293, y: 2.586), control2: CGPoint(x: 4.182, y: 2.755))
        p.addCurve(to: CGPoint(x: 4, y: 3.5), control1: CGPoint(x: 4.035, y: 3.125), control2: CGPoint(x: 4, y: 3.309))
        p.addCurve(to: CGPoint(x: 4.25, y: 6.138), control1: CGPoint(x: 4, y: 4.33), control2: CGPoint(x: 4.083, y: 5.21))
        p.addCurve(to: CGPoint(x: 4.648, y: 7.843), control1: CGPoint(x: 4.357, y: 6.735), control2: CGPoint(x: 4.49, y: 7.303))
        p.addCurve(to: CGPoint(x: 5.052, y: 7.369), control1: CGPoint(x: 4.787, y: 7.684), control2: CGPoint(x: 4.922, y: 7.526))
        p.addCurve(to: CGPoint(x: 6.47, y: 5.294), control1: CGPoint(x: 5.668, y: 6.624), control2: CGPoint(x: 6.14, y: 5.932))
        p.closeSubpath()
        p.move(to: CGPoint(x: 1, y: 14.5))
        p.addCurve(to: CGPoint(x: 1.144, y: 14.144), control1: CGPoint(x: 1, y: 14.359), control2: CGPoint(x: 1.048, y: 14.241))
        p.addCurve(to: CGPoint(x: 1.5, y: 14), control1: CGPoint(x: 1.241, y: 14.048), control2: CGPoint(x: 1.359, y: 14))
        p.addLine(to: CGPoint(x: 14.5, y: 14))
        p.addCurve(to: CGPoint(x: 14.856, y: 14.144), control1: CGPoint(x: 14.641, y: 14), control2: CGPoint(x: 14.759, y: 14.048))
        p.addCurve(to: CGPoint(x: 15, y: 14.5), control1: CGPoint(x: 14.952, y: 14.241), control2: CGPoint(x: 15, y: 14.359))
        p.addCurve(to: CGPoint(x: 14.856, y: 14.856), control1: CGPoint(x: 15, y: 14.641), control2: CGPoint(x: 14.952, y: 14.759))
        p.addCurve(to: CGPoint(x: 14.5, y: 15), control1: CGPoint(x: 14.759, y: 14.952), control2: CGPoint(x: 14.641, y: 15))
        p.addLine(to: CGPoint(x: 1.5, y: 15))
        p.addCurve(to: CGPoint(x: 1.144, y: 14.856), control1: CGPoint(x: 1.359, y: 15), control2: CGPoint(x: 1.241, y: 14.952))
        p.addCurve(to: CGPoint(x: 1, y: 14.5), control1: CGPoint(x: 1.048, y: 14.759), control2: CGPoint(x: 1, y: 14.641))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "signature" (line-round), MIT. https://gentleface.com/icons/signature
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 SignatureIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "signature", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M3.864 8.687C3.616 7.948 3.417 7.157 3.266 6.315C3.089 5.328 3 4.39 3 3.5C3 3.182 3.059 2.875 3.176 2.58C3.303 2.259 3.488 1.976 3.732 1.732C3.976 1.488 4.259 1.303 4.58 1.176C4.875 1.059 5.182 1 5.5 1C5.818 1 6.125 1.059 6.42 1.176C6.741 1.303 7.024 1.488 7.268 1.732C7.512 1.976 7.697 2.259 7.824 2.58C7.941 2.875 8 3.182 8 3.5C8 4.747 7.274 6.249 5.823 8.006C5.571 8.31 5.302 8.618 5.014 8.928C5.261 9.563 5.523 10.069 5.801 10.445C5.949 10.646 6.091 10.795 6.228 10.891C6.332 10.964 6.422 11 6.5 11C6.687 11 6.896 10.827 7.127 10.48C7.243 10.305 7.368 10.079 7.501 9.801C7.584 9.629 7.703 9.362 7.859 9C8.118 8.399 8.318 7.984 8.458 7.755C8.765 7.252 9.112 7 9.5 7C9.918 7 10.262 7.242 10.531 7.726C10.612 7.872 10.694 8.054 10.776 8.273C10.823 8.396 10.889 8.586 10.974 8.842C11.131 9.312 11.254 9.628 11.343 9.788C11.397 9.885 11.446 9.951 11.49 9.988C11.496 9.994 11.501 9.997 11.505 10C11.535 9.997 11.574 9.971 11.622 9.921C11.67 9.87 11.727 9.796 11.794 9.699C11.927 9.503 12.097 9.213 12.304 8.827C12.461 8.535 12.582 8.316 12.668 8.169C12.817 7.914 12.96 7.696 13.097 7.513C13.479 7.004 13.894 6.675 14.342 6.526C14.473 6.482 14.6 6.491 14.724 6.553C14.847 6.615 14.931 6.711 14.974 6.842C15.018 6.973 15.009 7.1 14.947 7.224C14.885 7.347 14.789 7.431 14.658 7.474C14.408 7.558 14.154 7.771 13.896 8.114C13.723 8.345 13.486 8.74 13.185 9.3C12.908 9.817 12.694 10.174 12.545 10.371C12.225 10.79 11.877 11 11.5 11C11.082 11 10.738 10.758 10.469 10.274C10.388 10.128 10.306 9.946 10.224 9.727C10.177 9.604 10.111 9.414 10.026 9.158C9.869 8.688 9.746 8.372 9.657 8.212C9.604 8.117 9.556 8.051 9.512 8.013L9.51 8.015C9.453 8.066 9.386 8.153 9.311 8.276C9.196 8.465 9.018 8.838 8.778 9.396C8.616 9.77 8.491 10.05 8.403 10.234C8.25 10.553 8.102 10.821 7.959 11.035C7.53 11.678 7.044 12 6.5 12C5.97 12 5.469 11.68 4.996 11.039C4.733 10.683 4.487 10.241 4.256 9.712C4.12 9.847 3.98 9.983 3.837 10.12C3.184 10.743 2.509 11.333 1.812 11.89C1.702 11.978 1.58 12.015 1.444 12C1.309 11.985 1.198 11.922 1.11 11.812C1.023 11.705 0.988 11.582 1.003 11.445C1.018 11.308 1.08 11.196 1.188 11.11C1.862 10.57 2.515 9.999 3.147 9.396C3.397 9.158 3.636 8.921 3.864 8.687ZM6.47 5.294C6.823 4.61 7 4.012 7 3.5C7 3.309 6.965 3.125 6.895 2.948C6.818 2.755 6.707 2.586 6.561 2.439C6.414 2.293 6.245 2.182 6.052 2.105C5.875 2.035 5.691 2 5.5 2C5.309 2 5.125 2.035 4.948 2.105C4.755 2.182 4.586 2.293 4.439 2.439C4.293 2.586 4.182 2.755 4.105 2.948C4.035 3.125 4 3.309 4 3.5C4 4.33 4.083 5.21 4.25 6.138C4.357 6.735 4.49 7.303 4.648 7.843C4.787 7.684 4.922 7.526 5.052 7.369C5.668 6.624 6.14 5.932 6.47 5.294ZM1 14.5C1 14.359 1.048 14.241 1.144 14.144C1.241 14.048 1.359 14 1.5 14L14.5 14C14.641 14 14.759 14.048 14.856 14.144C14.952 14.241 15 14.359 15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_signature.xml · Gentleface "signature" (line-round), MIT. https://gentleface.com/icons/signature -->
<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="M3.864 8.687C3.616 7.948 3.417 7.157 3.266 6.315C3.089 5.328 3 4.39 3 3.5C3 3.182 3.059 2.875 3.176 2.58C3.303 2.259 3.488 1.976 3.732 1.732C3.976 1.488 4.259 1.303 4.58 1.176C4.875 1.059 5.182 1 5.5 1C5.818 1 6.125 1.059 6.42 1.176C6.741 1.303 7.024 1.488 7.268 1.732C7.512 1.976 7.697 2.259 7.824 2.58C7.941 2.875 8 3.182 8 3.5C8 4.747 7.274 6.249 5.823 8.006C5.571 8.31 5.302 8.618 5.014 8.928C5.261 9.563 5.523 10.069 5.801 10.445C5.949 10.646 6.091 10.795 6.228 10.891C6.332 10.964 6.422 11 6.5 11C6.687 11 6.896 10.827 7.127 10.48C7.243 10.305 7.368 10.079 7.501 9.801C7.584 9.629 7.703 9.362 7.859 9C8.118 8.399 8.318 7.984 8.458 7.755C8.765 7.252 9.112 7 9.5 7C9.918 7 10.262 7.242 10.531 7.726C10.612 7.872 10.694 8.054 10.776 8.273C10.823 8.396 10.889 8.586 10.974 8.842C11.131 9.312 11.254 9.628 11.343 9.788C11.397 9.885 11.446 9.951 11.49 9.988C11.496 9.994 11.501 9.997 11.505 10C11.535 9.997 11.574 9.971 11.622 9.921C11.67 9.87 11.727 9.796 11.794 9.699C11.927 9.503 12.097 9.213 12.304 8.827C12.461 8.535 12.582 8.316 12.668 8.169C12.817 7.914 12.96 7.696 13.097 7.513C13.479 7.004 13.894 6.675 14.342 6.526C14.473 6.482 14.6 6.491 14.724 6.553C14.847 6.615 14.931 6.711 14.974 6.842C15.018 6.973 15.009 7.1 14.947 7.224C14.885 7.347 14.789 7.431 14.658 7.474C14.408 7.558 14.154 7.771 13.896 8.114C13.723 8.345 13.486 8.74 13.185 9.3C12.908 9.817 12.694 10.174 12.545 10.371C12.225 10.79 11.877 11 11.5 11C11.082 11 10.738 10.758 10.469 10.274C10.388 10.128 10.306 9.946 10.224 9.727C10.177 9.604 10.111 9.414 10.026 9.158C9.869 8.688 9.746 8.372 9.657 8.212C9.604 8.117 9.556 8.051 9.512 8.013L9.51 8.015C9.453 8.066 9.386 8.153 9.311 8.276C9.196 8.465 9.018 8.838 8.778 9.396C8.616 9.77 8.491 10.05 8.403 10.234C8.25 10.553 8.102 10.821 7.959 11.035C7.53 11.678 7.044 12 6.5 12C5.97 12 5.469 11.68 4.996 11.039C4.733 10.683 4.487 10.241 4.256 9.712C4.12 9.847 3.98 9.983 3.837 10.12C3.184 10.743 2.509 11.333 1.812 11.89C1.702 11.978 1.58 12.015 1.444 12C1.309 11.985 1.198 11.922 1.11 11.812C1.023 11.705 0.988 11.582 1.003 11.445C1.018 11.308 1.08 11.196 1.188 11.11C1.862 10.57 2.515 9.999 3.147 9.396C3.397 9.158 3.636 8.921 3.864 8.687ZM6.47 5.294C6.823 4.61 7 4.012 7 3.5C7 3.309 6.965 3.125 6.895 2.948C6.818 2.755 6.707 2.586 6.561 2.439C6.414 2.293 6.245 2.182 6.052 2.105C5.875 2.035 5.691 2 5.5 2C5.309 2 5.125 2.035 4.948 2.105C4.755 2.182 4.586 2.293 4.439 2.439C4.293 2.586 4.182 2.755 4.105 2.948C4.035 3.125 4 3.309 4 3.5C4 4.33 4.083 5.21 4.25 6.138C4.357 6.735 4.49 7.303 4.648 7.843C4.787 7.684 4.922 7.526 5.052 7.369C5.668 6.624 6.14 5.932 6.47 5.294ZM1 14.5C1 14.359 1.048 14.241 1.144 14.144C1.241 14.048 1.359 14 1.5 14L14.5 14C14.641 14 14.759 14.048 14.856 14.144C14.952 14.241 15 14.359 15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(3.864, 8.687)
      ..cubicTo(3.616, 7.948, 3.417, 7.157, 3.266, 6.315)
      ..cubicTo(3.089, 5.328, 3, 4.39, 3, 3.5)
      ..cubicTo(3, 3.182, 3.059, 2.875, 3.176, 2.58)
      ..cubicTo(3.303, 2.259, 3.488, 1.976, 3.732, 1.732)
      ..cubicTo(3.976, 1.488, 4.259, 1.303, 4.58, 1.176)
      ..cubicTo(4.875, 1.059, 5.182, 1, 5.5, 1)
      ..cubicTo(5.818, 1, 6.125, 1.059, 6.42, 1.176)
      ..cubicTo(6.741, 1.303, 7.024, 1.488, 7.268, 1.732)
      ..cubicTo(7.512, 1.976, 7.697, 2.259, 7.824, 2.58)
      ..cubicTo(7.941, 2.875, 8, 3.182, 8, 3.5)
      ..cubicTo(8, 4.747, 7.274, 6.249, 5.823, 8.006)
      ..cubicTo(5.571, 8.31, 5.302, 8.618, 5.014, 8.928)
      ..cubicTo(5.261, 9.563, 5.523, 10.069, 5.801, 10.445)
      ..cubicTo(5.949, 10.646, 6.091, 10.795, 6.228, 10.891)
      ..cubicTo(6.332, 10.964, 6.422, 11, 6.5, 11)
      ..cubicTo(6.687, 11, 6.896, 10.827, 7.127, 10.48)
      ..cubicTo(7.243, 10.305, 7.368, 10.079, 7.501, 9.801)
      ..cubicTo(7.584, 9.629, 7.703, 9.362, 7.859, 9)
      ..cubicTo(8.118, 8.399, 8.318, 7.984, 8.458, 7.755)
      ..cubicTo(8.765, 7.252, 9.112, 7, 9.5, 7)
      ..cubicTo(9.918, 7, 10.262, 7.242, 10.531, 7.726)
      ..cubicTo(10.612, 7.872, 10.694, 8.054, 10.776, 8.273)
      ..cubicTo(10.823, 8.396, 10.889, 8.586, 10.974, 8.842)
      ..cubicTo(11.131, 9.312, 11.254, 9.628, 11.343, 9.788)
      ..cubicTo(11.397, 9.885, 11.446, 9.951, 11.49, 9.988)
      ..cubicTo(11.496, 9.994, 11.501, 9.997, 11.505, 10)
      ..cubicTo(11.535, 9.997, 11.574, 9.971, 11.622, 9.921)
      ..cubicTo(11.67, 9.87, 11.727, 9.796, 11.794, 9.699)
      ..cubicTo(11.927, 9.503, 12.097, 9.213, 12.304, 8.827)
      ..cubicTo(12.461, 8.535, 12.582, 8.316, 12.668, 8.169)
      ..cubicTo(12.817, 7.914, 12.96, 7.696, 13.097, 7.513)
      ..cubicTo(13.479, 7.004, 13.894, 6.675, 14.342, 6.526)
      ..cubicTo(14.473, 6.482, 14.6, 6.491, 14.724, 6.553)
      ..cubicTo(14.847, 6.615, 14.931, 6.711, 14.974, 6.842)
      ..cubicTo(15.018, 6.973, 15.009, 7.1, 14.947, 7.224)
      ..cubicTo(14.885, 7.347, 14.789, 7.431, 14.658, 7.474)
      ..cubicTo(14.408, 7.558, 14.154, 7.771, 13.896, 8.114)
      ..cubicTo(13.723, 8.345, 13.486, 8.74, 13.185, 9.3)
      ..cubicTo(12.908, 9.817, 12.694, 10.174, 12.545, 10.371)
      ..cubicTo(12.225, 10.79, 11.877, 11, 11.5, 11)
      ..cubicTo(11.082, 11, 10.738, 10.758, 10.469, 10.274)
      ..cubicTo(10.388, 10.128, 10.306, 9.946, 10.224, 9.727)
      ..cubicTo(10.177, 9.604, 10.111, 9.414, 10.026, 9.158)
      ..cubicTo(9.869, 8.688, 9.746, 8.372, 9.657, 8.212)
      ..cubicTo(9.604, 8.117, 9.556, 8.051, 9.512, 8.013)
      ..lineTo(9.51, 8.015)
      ..cubicTo(9.453, 8.066, 9.386, 8.153, 9.311, 8.276)
      ..cubicTo(9.196, 8.465, 9.018, 8.838, 8.778, 9.396)
      ..cubicTo(8.616, 9.77, 8.491, 10.05, 8.403, 10.234)
      ..cubicTo(8.25, 10.553, 8.102, 10.821, 7.959, 11.035)
      ..cubicTo(7.53, 11.678, 7.044, 12, 6.5, 12)
      ..cubicTo(5.97, 12, 5.469, 11.68, 4.996, 11.039)
      ..cubicTo(4.733, 10.683, 4.487, 10.241, 4.256, 9.712)
      ..cubicTo(4.12, 9.847, 3.98, 9.983, 3.837, 10.12)
      ..cubicTo(3.184, 10.743, 2.509, 11.333, 1.812, 11.89)
      ..cubicTo(1.702, 11.978, 1.58, 12.015, 1.444, 12)
      ..cubicTo(1.309, 11.985, 1.198, 11.922, 1.11, 11.812)
      ..cubicTo(1.023, 11.705, 0.988, 11.582, 1.003, 11.445)
      ..cubicTo(1.018, 11.308, 1.08, 11.196, 1.188, 11.11)
      ..cubicTo(1.862, 10.57, 2.515, 9.999, 3.147, 9.396)
      ..cubicTo(3.397, 9.158, 3.636, 8.921, 3.864, 8.687)
      ..close()
      ..moveTo(6.47, 5.294)
      ..cubicTo(6.823, 4.61, 7, 4.012, 7, 3.5)
      ..cubicTo(7, 3.309, 6.965, 3.125, 6.895, 2.948)
      ..cubicTo(6.818, 2.755, 6.707, 2.586, 6.561, 2.439)
      ..cubicTo(6.414, 2.293, 6.245, 2.182, 6.052, 2.105)
      ..cubicTo(5.875, 2.035, 5.691, 2, 5.5, 2)
      ..cubicTo(5.309, 2, 5.125, 2.035, 4.948, 2.105)
      ..cubicTo(4.755, 2.182, 4.586, 2.293, 4.439, 2.439)
      ..cubicTo(4.293, 2.586, 4.182, 2.755, 4.105, 2.948)
      ..cubicTo(4.035, 3.125, 4, 3.309, 4, 3.5)
      ..cubicTo(4, 4.33, 4.083, 5.21, 4.25, 6.138)
      ..cubicTo(4.357, 6.735, 4.49, 7.303, 4.648, 7.843)
      ..cubicTo(4.787, 7.684, 4.922, 7.526, 5.052, 7.369)
      ..cubicTo(5.668, 6.624, 6.14, 5.932, 6.47, 5.294)
      ..close()
      ..moveTo(1, 14.5)
      ..cubicTo(1, 14.359, 1.048, 14.241, 1.144, 14.144)
      ..cubicTo(1.241, 14.048, 1.359, 14, 1.5, 14)
      ..lineTo(14.5, 14)
      ..cubicTo(14.641, 14, 14.759, 14.048, 14.856, 14.144)
      ..cubicTo(14.952, 14.241, 15, 14.359, 15, 14.5)
      ..cubicTo(15, 14.641, 14.952, 14.759, 14.856, 14.856)
      ..cubicTo(14.759, 14.952, 14.641, 15, 14.5, 15)
      ..lineTo(1.5, 15)
      ..cubicTo(1.359, 15, 1.241, 14.952, 1.144, 14.856)
      ..cubicTo(1.048, 14.759, 1, 14.641, 1, 14.5)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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