# pencil-squiggle icon

Pencil squiggle. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/pencil-squiggle

- Category: Design
- Use it for: draw, freehand drawing, sketch, drawing, freehand
- Tags: draw, pencil, squiggle, freehand, sketch, doodle, scribble, ink
- Family: pencil, pencil-gear, pencil-line, pencil-off, pencil-sparkle, pencil-square
- Component name: PencilSquiggleIcon
- Added: 2026-10-16

## Alternatives

- `scribble`: a doodle as an object, without the pencil

## Don't confuse with

- `pencil`: pencil alone means edit

## Also fits

- doodle: the draw action or tool

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

The SVG of every style: https://gentleface.com/icons/pencil-squiggle.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.49 8.45C3.349 8.447 3.231 8.396 3.137 8.298C3.043 8.199 2.998 8.08 3.001 7.939C3.017 7.183 3.338 6.537 3.964 5.999C4.191 5.805 4.471 5.614 4.804 5.427C4.995 5.32 5.28 5.174 5.661 4.989C5.937 4.856 6.136 4.756 6.258 4.691C6.447 4.589 6.597 4.496 6.709 4.411C6.903 4.264 7 4.127 7 4C7 3.853 6.964 3.721 6.891 3.606C6.819 3.491 6.71 3.392 6.564 3.309C6.204 3.103 5.682 3 5 3C4.467 3 4.027 3.139 3.678 3.418C3.34 3.689 3.128 4.061 3.041 4.536C3.016 4.672 2.947 4.779 2.833 4.857C2.719 4.936 2.595 4.962 2.459 4.937C2.323 4.913 2.216 4.843 2.137 4.73C2.059 4.616 2.032 4.491 2.057 4.356C2.189 3.636 2.521 3.064 3.054 2.637C3.584 2.212 4.233 2 5 2C5.859 2 6.546 2.147 7.061 2.441C7.356 2.61 7.584 2.822 7.744 3.079C7.895 3.32 7.979 3.588 7.997 3.882L5.886 5.992C5.629 6.119 5.432 6.221 5.294 6.298C5.018 6.454 4.792 6.607 4.616 6.758C4.419 6.927 4.271 7.104 4.171 7.289C4.075 7.469 4.019 7.665 4.004 7.878C3.83 8.061 3.666 8.252 3.513 8.45C3.505 8.45 3.497 8.45 3.49 8.45ZM10.74 2.743C10.982 2.638 11.236 2.586 11.5 2.586C11.764 2.586 12.018 2.638 12.26 2.743C12.484 2.84 12.681 2.974 12.854 3.146C13.026 3.319 13.16 3.516 13.257 3.74C13.362 3.982 13.414 4.236 13.414 4.5C13.414 4.764 13.362 5.018 13.257 5.26C13.16 5.484 13.026 5.681 12.854 5.854L7.561 11.146C7.051 11.656 6.474 12.072 5.829 12.394L2.724 13.947C2.598 14.01 2.47 14.02 2.341 13.977C2.212 13.934 2.116 13.85 2.053 13.724C1.978 13.575 1.978 13.425 2.053 13.276L3.606 10.171C3.928 9.526 4.344 8.949 4.854 8.439L10.146 3.146C10.319 2.974 10.516 2.84 10.74 2.743ZM12.414 4.5C12.414 4.248 12.325 4.032 12.146 3.854C11.968 3.675 11.752 3.586 11.5 3.586C11.248 3.586 11.032 3.675 10.854 3.854L5.561 9.146C5.442 9.265 5.329 9.388 5.223 9.515L6.485 10.777C6.612 10.671 6.735 10.558 6.854 10.439L12.146 5.146C12.325 4.968 12.414 4.752 12.414 4.5ZM7.086 12.821C7.153 12.818 7.221 12.83 7.291 12.856C7.543 12.952 7.779 13 8 13C8.611 13 9.216 12.941 9.817 12.822C10.441 12.699 10.994 12.524 11.475 12.298C11.971 12.064 12.351 11.794 12.612 11.488C12.871 11.185 13 10.856 13 10.5C13 10.213 12.952 9.991 12.856 9.836C12.775 9.706 12.649 9.614 12.476 9.561C12.342 9.52 12.243 9.439 12.179 9.318C12.115 9.198 12.104 9.071 12.146 8.936C12.188 8.801 12.268 8.702 12.389 8.639C12.509 8.575 12.636 8.564 12.771 8.606C13.183 8.732 13.494 8.967 13.706 9.31C13.902 9.626 14 10.023 14 10.5C14 11.102 13.791 11.647 13.372 12.137C13.018 12.552 12.527 12.908 11.9 13.202C11.345 13.464 10.715 13.664 10.011 13.803C9.346 13.934 8.676 14 8 14C7.657 14 7.302 13.93 6.935 13.791C6.806 13.742 6.713 13.654 6.657 13.528C6.6 13.402 6.597 13.275 6.646 13.146C6.656 13.12 6.667 13.095 6.68 13.072C6.818 12.992 6.953 12.909 7.086 12.821ZM5.65 11.357L4.643 10.35C4.593 10.438 4.545 10.527 4.5 10.618L3.618 12.382L5.382 11.5C5.473 11.455 5.562 11.407 5.65 11.357Z"/></svg>
```

### React

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

export function PencilSquiggleIcon(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.49 8.45C3.349 8.447 3.231 8.396 3.137 8.298C3.043 8.199 2.998 8.08 3.001 7.939C3.017 7.183 3.338 6.537 3.964 5.999C4.191 5.805 4.471 5.614 4.804 5.427C4.995 5.32 5.28 5.174 5.661 4.989C5.937 4.856 6.136 4.756 6.258 4.691C6.447 4.589 6.597 4.496 6.709 4.411C6.903 4.264 7 4.127 7 4C7 3.853 6.964 3.721 6.891 3.606C6.819 3.491 6.71 3.392 6.564 3.309C6.204 3.103 5.682 3 5 3C4.467 3 4.027 3.139 3.678 3.418C3.34 3.689 3.128 4.061 3.041 4.536C3.016 4.672 2.947 4.779 2.833 4.857C2.719 4.936 2.595 4.962 2.459 4.937C2.323 4.913 2.216 4.843 2.137 4.73C2.059 4.616 2.032 4.491 2.057 4.356C2.189 3.636 2.521 3.064 3.054 2.637C3.584 2.212 4.233 2 5 2C5.859 2 6.546 2.147 7.061 2.441C7.356 2.61 7.584 2.822 7.744 3.079C7.895 3.32 7.979 3.588 7.997 3.882L5.886 5.992C5.629 6.119 5.432 6.221 5.294 6.298C5.018 6.454 4.792 6.607 4.616 6.758C4.419 6.927 4.271 7.104 4.171 7.289C4.075 7.469 4.019 7.665 4.004 7.878C3.83 8.061 3.666 8.252 3.513 8.45C3.505 8.45 3.497 8.45 3.49 8.45ZM10.74 2.743C10.982 2.638 11.236 2.586 11.5 2.586C11.764 2.586 12.018 2.638 12.26 2.743C12.484 2.84 12.681 2.974 12.854 3.146C13.026 3.319 13.16 3.516 13.257 3.74C13.362 3.982 13.414 4.236 13.414 4.5C13.414 4.764 13.362 5.018 13.257 5.26C13.16 5.484 13.026 5.681 12.854 5.854L7.561 11.146C7.051 11.656 6.474 12.072 5.829 12.394L2.724 13.947C2.598 14.01 2.47 14.02 2.341 13.977C2.212 13.934 2.116 13.85 2.053 13.724C1.978 13.575 1.978 13.425 2.053 13.276L3.606 10.171C3.928 9.526 4.344 8.949 4.854 8.439L10.146 3.146C10.319 2.974 10.516 2.84 10.74 2.743ZM12.414 4.5C12.414 4.248 12.325 4.032 12.146 3.854C11.968 3.675 11.752 3.586 11.5 3.586C11.248 3.586 11.032 3.675 10.854 3.854L5.561 9.146C5.442 9.265 5.329 9.388 5.223 9.515L6.485 10.777C6.612 10.671 6.735 10.558 6.854 10.439L12.146 5.146C12.325 4.968 12.414 4.752 12.414 4.5ZM7.086 12.821C7.153 12.818 7.221 12.83 7.291 12.856C7.543 12.952 7.779 13 8 13C8.611 13 9.216 12.941 9.817 12.822C10.441 12.699 10.994 12.524 11.475 12.298C11.971 12.064 12.351 11.794 12.612 11.488C12.871 11.185 13 10.856 13 10.5C13 10.213 12.952 9.991 12.856 9.836C12.775 9.706 12.649 9.614 12.476 9.561C12.342 9.52 12.243 9.439 12.179 9.318C12.115 9.198 12.104 9.071 12.146 8.936C12.188 8.801 12.268 8.702 12.389 8.639C12.509 8.575 12.636 8.564 12.771 8.606C13.183 8.732 13.494 8.967 13.706 9.31C13.902 9.626 14 10.023 14 10.5C14 11.102 13.791 11.647 13.372 12.137C13.018 12.552 12.527 12.908 11.9 13.202C11.345 13.464 10.715 13.664 10.011 13.803C9.346 13.934 8.676 14 8 14C7.657 14 7.302 13.93 6.935 13.791C6.806 13.742 6.713 13.654 6.657 13.528C6.6 13.402 6.597 13.275 6.646 13.146C6.656 13.12 6.667 13.095 6.68 13.072C6.818 12.992 6.953 12.909 7.086 12.821ZM5.65 11.357L4.643 10.35C4.593 10.438 4.545 10.527 4.5 10.618L3.618 12.382L5.382 11.5C5.473 11.455 5.562 11.407 5.65 11.357Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "pencil-squiggle" (line-round), MIT. https://gentleface.com/icons/pencil-squiggle -->
<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.49 8.45C3.349 8.447 3.231 8.396 3.137 8.298C3.043 8.199 2.998 8.08 3.001 7.939C3.017 7.183 3.338 6.537 3.964 5.999C4.191 5.805 4.471 5.614 4.804 5.427C4.995 5.32 5.28 5.174 5.661 4.989C5.937 4.856 6.136 4.756 6.258 4.691C6.447 4.589 6.597 4.496 6.709 4.411C6.903 4.264 7 4.127 7 4C7 3.853 6.964 3.721 6.891 3.606C6.819 3.491 6.71 3.392 6.564 3.309C6.204 3.103 5.682 3 5 3C4.467 3 4.027 3.139 3.678 3.418C3.34 3.689 3.128 4.061 3.041 4.536C3.016 4.672 2.947 4.779 2.833 4.857C2.719 4.936 2.595 4.962 2.459 4.937C2.323 4.913 2.216 4.843 2.137 4.73C2.059 4.616 2.032 4.491 2.057 4.356C2.189 3.636 2.521 3.064 3.054 2.637C3.584 2.212 4.233 2 5 2C5.859 2 6.546 2.147 7.061 2.441C7.356 2.61 7.584 2.822 7.744 3.079C7.895 3.32 7.979 3.588 7.997 3.882L5.886 5.992C5.629 6.119 5.432 6.221 5.294 6.298C5.018 6.454 4.792 6.607 4.616 6.758C4.419 6.927 4.271 7.104 4.171 7.289C4.075 7.469 4.019 7.665 4.004 7.878C3.83 8.061 3.666 8.252 3.513 8.45C3.505 8.45 3.497 8.45 3.49 8.45ZM10.74 2.743C10.982 2.638 11.236 2.586 11.5 2.586C11.764 2.586 12.018 2.638 12.26 2.743C12.484 2.84 12.681 2.974 12.854 3.146C13.026 3.319 13.16 3.516 13.257 3.74C13.362 3.982 13.414 4.236 13.414 4.5C13.414 4.764 13.362 5.018 13.257 5.26C13.16 5.484 13.026 5.681 12.854 5.854L7.561 11.146C7.051 11.656 6.474 12.072 5.829 12.394L2.724 13.947C2.598 14.01 2.47 14.02 2.341 13.977C2.212 13.934 2.116 13.85 2.053 13.724C1.978 13.575 1.978 13.425 2.053 13.276L3.606 10.171C3.928 9.526 4.344 8.949 4.854 8.439L10.146 3.146C10.319 2.974 10.516 2.84 10.74 2.743ZM12.414 4.5C12.414 4.248 12.325 4.032 12.146 3.854C11.968 3.675 11.752 3.586 11.5 3.586C11.248 3.586 11.032 3.675 10.854 3.854L5.561 9.146C5.442 9.265 5.329 9.388 5.223 9.515L6.485 10.777C6.612 10.671 6.735 10.558 6.854 10.439L12.146 5.146C12.325 4.968 12.414 4.752 12.414 4.5ZM7.086 12.821C7.153 12.818 7.221 12.83 7.291 12.856C7.543 12.952 7.779 13 8 13C8.611 13 9.216 12.941 9.817 12.822C10.441 12.699 10.994 12.524 11.475 12.298C11.971 12.064 12.351 11.794 12.612 11.488C12.871 11.185 13 10.856 13 10.5C13 10.213 12.952 9.991 12.856 9.836C12.775 9.706 12.649 9.614 12.476 9.561C12.342 9.52 12.243 9.439 12.179 9.318C12.115 9.198 12.104 9.071 12.146 8.936C12.188 8.801 12.268 8.702 12.389 8.639C12.509 8.575 12.636 8.564 12.771 8.606C13.183 8.732 13.494 8.967 13.706 9.31C13.902 9.626 14 10.023 14 10.5C14 11.102 13.791 11.647 13.372 12.137C13.018 12.552 12.527 12.908 11.9 13.202C11.345 13.464 10.715 13.664 10.011 13.803C9.346 13.934 8.676 14 8 14C7.657 14 7.302 13.93 6.935 13.791C6.806 13.742 6.713 13.654 6.657 13.528C6.6 13.402 6.597 13.275 6.646 13.146C6.656 13.12 6.667 13.095 6.68 13.072C6.818 12.992 6.953 12.909 7.086 12.821ZM5.65 11.357L4.643 10.35C4.593 10.438 4.545 10.527 4.5 10.618L3.618 12.382L5.382 11.5C5.473 11.455 5.562 11.407 5.65 11.357Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "pencil-squiggle" (line-round), MIT. https://gentleface.com/icons/pencil-squiggle -->
<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.49 8.45C3.349 8.447 3.231 8.396 3.137 8.298C3.043 8.199 2.998 8.08 3.001 7.939C3.017 7.183 3.338 6.537 3.964 5.999C4.191 5.805 4.471 5.614 4.804 5.427C4.995 5.32 5.28 5.174 5.661 4.989C5.937 4.856 6.136 4.756 6.258 4.691C6.447 4.589 6.597 4.496 6.709 4.411C6.903 4.264 7 4.127 7 4C7 3.853 6.964 3.721 6.891 3.606C6.819 3.491 6.71 3.392 6.564 3.309C6.204 3.103 5.682 3 5 3C4.467 3 4.027 3.139 3.678 3.418C3.34 3.689 3.128 4.061 3.041 4.536C3.016 4.672 2.947 4.779 2.833 4.857C2.719 4.936 2.595 4.962 2.459 4.937C2.323 4.913 2.216 4.843 2.137 4.73C2.059 4.616 2.032 4.491 2.057 4.356C2.189 3.636 2.521 3.064 3.054 2.637C3.584 2.212 4.233 2 5 2C5.859 2 6.546 2.147 7.061 2.441C7.356 2.61 7.584 2.822 7.744 3.079C7.895 3.32 7.979 3.588 7.997 3.882L5.886 5.992C5.629 6.119 5.432 6.221 5.294 6.298C5.018 6.454 4.792 6.607 4.616 6.758C4.419 6.927 4.271 7.104 4.171 7.289C4.075 7.469 4.019 7.665 4.004 7.878C3.83 8.061 3.666 8.252 3.513 8.45C3.505 8.45 3.497 8.45 3.49 8.45ZM10.74 2.743C10.982 2.638 11.236 2.586 11.5 2.586C11.764 2.586 12.018 2.638 12.26 2.743C12.484 2.84 12.681 2.974 12.854 3.146C13.026 3.319 13.16 3.516 13.257 3.74C13.362 3.982 13.414 4.236 13.414 4.5C13.414 4.764 13.362 5.018 13.257 5.26C13.16 5.484 13.026 5.681 12.854 5.854L7.561 11.146C7.051 11.656 6.474 12.072 5.829 12.394L2.724 13.947C2.598 14.01 2.47 14.02 2.341 13.977C2.212 13.934 2.116 13.85 2.053 13.724C1.978 13.575 1.978 13.425 2.053 13.276L3.606 10.171C3.928 9.526 4.344 8.949 4.854 8.439L10.146 3.146C10.319 2.974 10.516 2.84 10.74 2.743ZM12.414 4.5C12.414 4.248 12.325 4.032 12.146 3.854C11.968 3.675 11.752 3.586 11.5 3.586C11.248 3.586 11.032 3.675 10.854 3.854L5.561 9.146C5.442 9.265 5.329 9.388 5.223 9.515L6.485 10.777C6.612 10.671 6.735 10.558 6.854 10.439L12.146 5.146C12.325 4.968 12.414 4.752 12.414 4.5ZM7.086 12.821C7.153 12.818 7.221 12.83 7.291 12.856C7.543 12.952 7.779 13 8 13C8.611 13 9.216 12.941 9.817 12.822C10.441 12.699 10.994 12.524 11.475 12.298C11.971 12.064 12.351 11.794 12.612 11.488C12.871 11.185 13 10.856 13 10.5C13 10.213 12.952 9.991 12.856 9.836C12.775 9.706 12.649 9.614 12.476 9.561C12.342 9.52 12.243 9.439 12.179 9.318C12.115 9.198 12.104 9.071 12.146 8.936C12.188 8.801 12.268 8.702 12.389 8.639C12.509 8.575 12.636 8.564 12.771 8.606C13.183 8.732 13.494 8.967 13.706 9.31C13.902 9.626 14 10.023 14 10.5C14 11.102 13.791 11.647 13.372 12.137C13.018 12.552 12.527 12.908 11.9 13.202C11.345 13.464 10.715 13.664 10.011 13.803C9.346 13.934 8.676 14 8 14C7.657 14 7.302 13.93 6.935 13.791C6.806 13.742 6.713 13.654 6.657 13.528C6.6 13.402 6.597 13.275 6.646 13.146C6.656 13.12 6.667 13.095 6.68 13.072C6.818 12.992 6.953 12.909 7.086 12.821ZM5.65 11.357L4.643 10.35C4.593 10.438 4.545 10.527 4.5 10.618L3.618 12.382L5.382 11.5C5.473 11.455 5.562 11.407 5.65 11.357Z" />
</svg>
```

### HTML img

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

### CSS

```css
/* Gentleface "pencil-squiggle" (line-round), MIT. https://gentleface.com/icons/pencil-squiggle. Takes the text color. */
.icon-pencil-squiggle {
  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.49 8.45C3.349 8.447 3.231 8.396 3.137 8.298C3.043 8.199 2.998 8.08 3.001 7.939C3.017 7.183 3.338 6.537 3.964 5.999C4.191 5.805 4.471 5.614 4.804 5.427C4.995 5.32 5.28 5.174 5.661 4.989C5.937 4.856 6.136 4.756 6.258 4.691C6.447 4.589 6.597 4.496 6.709 4.411C6.903 4.264 7 4.127 7 4C7 3.853 6.964 3.721 6.891 3.606C6.819 3.491 6.71 3.392 6.564 3.309C6.204 3.103 5.682 3 5 3C4.467 3 4.027 3.139 3.678 3.418C3.34 3.689 3.128 4.061 3.041 4.536C3.016 4.672 2.947 4.779 2.833 4.857C2.719 4.936 2.595 4.962 2.459 4.937C2.323 4.913 2.216 4.843 2.137 4.73C2.059 4.616 2.032 4.491 2.057 4.356C2.189 3.636 2.521 3.064 3.054 2.637C3.584 2.212 4.233 2 5 2C5.859 2 6.546 2.147 7.061 2.441C7.356 2.61 7.584 2.822 7.744 3.079C7.895 3.32 7.979 3.588 7.997 3.882L5.886 5.992C5.629 6.119 5.432 6.221 5.294 6.298C5.018 6.454 4.792 6.607 4.616 6.758C4.419 6.927 4.271 7.104 4.171 7.289C4.075 7.469 4.019 7.665 4.004 7.878C3.83 8.061 3.666 8.252 3.513 8.45C3.505 8.45 3.497 8.45 3.49 8.45ZM10.74 2.743C10.982 2.638 11.236 2.586 11.5 2.586C11.764 2.586 12.018 2.638 12.26 2.743C12.484 2.84 12.681 2.974 12.854 3.146C13.026 3.319 13.16 3.516 13.257 3.74C13.362 3.982 13.414 4.236 13.414 4.5C13.414 4.764 13.362 5.018 13.257 5.26C13.16 5.484 13.026 5.681 12.854 5.854L7.561 11.146C7.051 11.656 6.474 12.072 5.829 12.394L2.724 13.947C2.598 14.01 2.47 14.02 2.341 13.977C2.212 13.934 2.116 13.85 2.053 13.724C1.978 13.575 1.978 13.425 2.053 13.276L3.606 10.171C3.928 9.526 4.344 8.949 4.854 8.439L10.146 3.146C10.319 2.974 10.516 2.84 10.74 2.743ZM12.414 4.5C12.414 4.248 12.325 4.032 12.146 3.854C11.968 3.675 11.752 3.586 11.5 3.586C11.248 3.586 11.032 3.675 10.854 3.854L5.561 9.146C5.442 9.265 5.329 9.388 5.223 9.515L6.485 10.777C6.612 10.671 6.735 10.558 6.854 10.439L12.146 5.146C12.325 4.968 12.414 4.752 12.414 4.5ZM7.086 12.821C7.153 12.818 7.221 12.83 7.291 12.856C7.543 12.952 7.779 13 8 13C8.611 13 9.216 12.941 9.817 12.822C10.441 12.699 10.994 12.524 11.475 12.298C11.971 12.064 12.351 11.794 12.612 11.488C12.871 11.185 13 10.856 13 10.5C13 10.213 12.952 9.991 12.856 9.836C12.775 9.706 12.649 9.614 12.476 9.561C12.342 9.52 12.243 9.439 12.179 9.318C12.115 9.198 12.104 9.071 12.146 8.936C12.188 8.801 12.268 8.702 12.389 8.639C12.509 8.575 12.636 8.564 12.771 8.606C13.183 8.732 13.494 8.967 13.706 9.31C13.902 9.626 14 10.023 14 10.5C14 11.102 13.791 11.647 13.372 12.137C13.018 12.552 12.527 12.908 11.9 13.202C11.345 13.464 10.715 13.664 10.011 13.803C9.346 13.934 8.676 14 8 14C7.657 14 7.302 13.93 6.935 13.791C6.806 13.742 6.713 13.654 6.657 13.528C6.6 13.402 6.597 13.275 6.646 13.146C6.656 13.12 6.667 13.095 6.68 13.072C6.818 12.992 6.953 12.909 7.086 12.821ZM5.65 11.357L4.643 10.35C4.593 10.438 4.545 10.527 4.5 10.618L3.618 12.382L5.382 11.5C5.473 11.455 5.562 11.407 5.65 11.357Z'/%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.49 8.45C3.349 8.447 3.231 8.396 3.137 8.298C3.043 8.199 2.998 8.08 3.001 7.939C3.017 7.183 3.338 6.537 3.964 5.999C4.191 5.805 4.471 5.614 4.804 5.427C4.995 5.32 5.28 5.174 5.661 4.989C5.937 4.856 6.136 4.756 6.258 4.691C6.447 4.589 6.597 4.496 6.709 4.411C6.903 4.264 7 4.127 7 4C7 3.853 6.964 3.721 6.891 3.606C6.819 3.491 6.71 3.392 6.564 3.309C6.204 3.103 5.682 3 5 3C4.467 3 4.027 3.139 3.678 3.418C3.34 3.689 3.128 4.061 3.041 4.536C3.016 4.672 2.947 4.779 2.833 4.857C2.719 4.936 2.595 4.962 2.459 4.937C2.323 4.913 2.216 4.843 2.137 4.73C2.059 4.616 2.032 4.491 2.057 4.356C2.189 3.636 2.521 3.064 3.054 2.637C3.584 2.212 4.233 2 5 2C5.859 2 6.546 2.147 7.061 2.441C7.356 2.61 7.584 2.822 7.744 3.079C7.895 3.32 7.979 3.588 7.997 3.882L5.886 5.992C5.629 6.119 5.432 6.221 5.294 6.298C5.018 6.454 4.792 6.607 4.616 6.758C4.419 6.927 4.271 7.104 4.171 7.289C4.075 7.469 4.019 7.665 4.004 7.878C3.83 8.061 3.666 8.252 3.513 8.45C3.505 8.45 3.497 8.45 3.49 8.45ZM10.74 2.743C10.982 2.638 11.236 2.586 11.5 2.586C11.764 2.586 12.018 2.638 12.26 2.743C12.484 2.84 12.681 2.974 12.854 3.146C13.026 3.319 13.16 3.516 13.257 3.74C13.362 3.982 13.414 4.236 13.414 4.5C13.414 4.764 13.362 5.018 13.257 5.26C13.16 5.484 13.026 5.681 12.854 5.854L7.561 11.146C7.051 11.656 6.474 12.072 5.829 12.394L2.724 13.947C2.598 14.01 2.47 14.02 2.341 13.977C2.212 13.934 2.116 13.85 2.053 13.724C1.978 13.575 1.978 13.425 2.053 13.276L3.606 10.171C3.928 9.526 4.344 8.949 4.854 8.439L10.146 3.146C10.319 2.974 10.516 2.84 10.74 2.743ZM12.414 4.5C12.414 4.248 12.325 4.032 12.146 3.854C11.968 3.675 11.752 3.586 11.5 3.586C11.248 3.586 11.032 3.675 10.854 3.854L5.561 9.146C5.442 9.265 5.329 9.388 5.223 9.515L6.485 10.777C6.612 10.671 6.735 10.558 6.854 10.439L12.146 5.146C12.325 4.968 12.414 4.752 12.414 4.5ZM7.086 12.821C7.153 12.818 7.221 12.83 7.291 12.856C7.543 12.952 7.779 13 8 13C8.611 13 9.216 12.941 9.817 12.822C10.441 12.699 10.994 12.524 11.475 12.298C11.971 12.064 12.351 11.794 12.612 11.488C12.871 11.185 13 10.856 13 10.5C13 10.213 12.952 9.991 12.856 9.836C12.775 9.706 12.649 9.614 12.476 9.561C12.342 9.52 12.243 9.439 12.179 9.318C12.115 9.198 12.104 9.071 12.146 8.936C12.188 8.801 12.268 8.702 12.389 8.639C12.509 8.575 12.636 8.564 12.771 8.606C13.183 8.732 13.494 8.967 13.706 9.31C13.902 9.626 14 10.023 14 10.5C14 11.102 13.791 11.647 13.372 12.137C13.018 12.552 12.527 12.908 11.9 13.202C11.345 13.464 10.715 13.664 10.011 13.803C9.346 13.934 8.676 14 8 14C7.657 14 7.302 13.93 6.935 13.791C6.806 13.742 6.713 13.654 6.657 13.528C6.6 13.402 6.597 13.275 6.646 13.146C6.656 13.12 6.667 13.095 6.68 13.072C6.818 12.992 6.953 12.909 7.086 12.821ZM5.65 11.357L4.643 10.35C4.593 10.438 4.545 10.527 4.5 10.618L3.618 12.382L5.382 11.5C5.473 11.455 5.562 11.407 5.65 11.357Z'/%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.49 8.45C3.349 8.447 3.231 8.396 3.137 8.298C3.043 8.199 2.998 8.08 3.001 7.939C3.017 7.183 3.338 6.537 3.964 5.999C4.191 5.805 4.471 5.614 4.804 5.427C4.995 5.32 5.28 5.174 5.661 4.989C5.937 4.856 6.136 4.756 6.258 4.691C6.447 4.589 6.597 4.496 6.709 4.411C6.903 4.264 7 4.127 7 4C7 3.853 6.964 3.721 6.891 3.606C6.819 3.491 6.71 3.392 6.564 3.309C6.204 3.103 5.682 3 5 3C4.467 3 4.027 3.139 3.678 3.418C3.34 3.689 3.128 4.061 3.041 4.536C3.016 4.672 2.947 4.779 2.833 4.857C2.719 4.936 2.595 4.962 2.459 4.937C2.323 4.913 2.216 4.843 2.137 4.73C2.059 4.616 2.032 4.491 2.057 4.356C2.189 3.636 2.521 3.064 3.054 2.637C3.584 2.212 4.233 2 5 2C5.859 2 6.546 2.147 7.061 2.441C7.356 2.61 7.584 2.822 7.744 3.079C7.895 3.32 7.979 3.588 7.997 3.882L5.886 5.992C5.629 6.119 5.432 6.221 5.294 6.298C5.018 6.454 4.792 6.607 4.616 6.758C4.419 6.927 4.271 7.104 4.171 7.289C4.075 7.469 4.019 7.665 4.004 7.878C3.83 8.061 3.666 8.252 3.513 8.45C3.505 8.45 3.497 8.45 3.49 8.45ZM10.74 2.743C10.982 2.638 11.236 2.586 11.5 2.586C11.764 2.586 12.018 2.638 12.26 2.743C12.484 2.84 12.681 2.974 12.854 3.146C13.026 3.319 13.16 3.516 13.257 3.74C13.362 3.982 13.414 4.236 13.414 4.5C13.414 4.764 13.362 5.018 13.257 5.26C13.16 5.484 13.026 5.681 12.854 5.854L7.561 11.146C7.051 11.656 6.474 12.072 5.829 12.394L2.724 13.947C2.598 14.01 2.47 14.02 2.341 13.977C2.212 13.934 2.116 13.85 2.053 13.724C1.978 13.575 1.978 13.425 2.053 13.276L3.606 10.171C3.928 9.526 4.344 8.949 4.854 8.439L10.146 3.146C10.319 2.974 10.516 2.84 10.74 2.743ZM12.414 4.5C12.414 4.248 12.325 4.032 12.146 3.854C11.968 3.675 11.752 3.586 11.5 3.586C11.248 3.586 11.032 3.675 10.854 3.854L5.561 9.146C5.442 9.265 5.329 9.388 5.223 9.515L6.485 10.777C6.612 10.671 6.735 10.558 6.854 10.439L12.146 5.146C12.325 4.968 12.414 4.752 12.414 4.5ZM7.086 12.821C7.153 12.818 7.221 12.83 7.291 12.856C7.543 12.952 7.779 13 8 13C8.611 13 9.216 12.941 9.817 12.822C10.441 12.699 10.994 12.524 11.475 12.298C11.971 12.064 12.351 11.794 12.612 11.488C12.871 11.185 13 10.856 13 10.5C13 10.213 12.952 9.991 12.856 9.836C12.775 9.706 12.649 9.614 12.476 9.561C12.342 9.52 12.243 9.439 12.179 9.318C12.115 9.198 12.104 9.071 12.146 8.936C12.188 8.801 12.268 8.702 12.389 8.639C12.509 8.575 12.636 8.564 12.771 8.606C13.183 8.732 13.494 8.967 13.706 9.31C13.902 9.626 14 10.023 14 10.5C14 11.102 13.791 11.647 13.372 12.137C13.018 12.552 12.527 12.908 11.9 13.202C11.345 13.464 10.715 13.664 10.011 13.803C9.346 13.934 8.676 14 8 14C7.657 14 7.302 13.93 6.935 13.791C6.806 13.742 6.713 13.654 6.657 13.528C6.6 13.402 6.597 13.275 6.646 13.146C6.656 13.12 6.667 13.095 6.68 13.072C6.818 12.992 6.953 12.909 7.086 12.821ZM5.65 11.357L4.643 10.35C4.593 10.438 4.545 10.527 4.5 10.618L3.618 12.382L5.382 11.5C5.473 11.455 5.562 11.407 5.65 11.357Z'/%3E%3C/svg%3E
```

### Sprite

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

### SwiftUI

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

struct PencilSquiggleIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 3.49, y: 8.45))
        p.addCurve(to: CGPoint(x: 3.137, y: 8.298), control1: CGPoint(x: 3.349, y: 8.447), control2: CGPoint(x: 3.231, y: 8.396))
        p.addCurve(to: CGPoint(x: 3.001, y: 7.939), control1: CGPoint(x: 3.043, y: 8.199), control2: CGPoint(x: 2.998, y: 8.08))
        p.addCurve(to: CGPoint(x: 3.964, y: 5.999), control1: CGPoint(x: 3.017, y: 7.183), control2: CGPoint(x: 3.338, y: 6.537))
        p.addCurve(to: CGPoint(x: 4.804, y: 5.427), control1: CGPoint(x: 4.191, y: 5.805), control2: CGPoint(x: 4.471, y: 5.614))
        p.addCurve(to: CGPoint(x: 5.661, y: 4.989), control1: CGPoint(x: 4.995, y: 5.32), control2: CGPoint(x: 5.28, y: 5.174))
        p.addCurve(to: CGPoint(x: 6.258, y: 4.691), control1: CGPoint(x: 5.937, y: 4.856), control2: CGPoint(x: 6.136, y: 4.756))
        p.addCurve(to: CGPoint(x: 6.709, y: 4.411), control1: CGPoint(x: 6.447, y: 4.589), control2: CGPoint(x: 6.597, y: 4.496))
        p.addCurve(to: CGPoint(x: 7, y: 4), control1: CGPoint(x: 6.903, y: 4.264), control2: CGPoint(x: 7, y: 4.127))
        p.addCurve(to: CGPoint(x: 6.891, y: 3.606), control1: CGPoint(x: 7, y: 3.853), control2: CGPoint(x: 6.964, y: 3.721))
        p.addCurve(to: CGPoint(x: 6.564, y: 3.309), control1: CGPoint(x: 6.819, y: 3.491), control2: CGPoint(x: 6.71, y: 3.392))
        p.addCurve(to: CGPoint(x: 5, y: 3), control1: CGPoint(x: 6.204, y: 3.103), control2: CGPoint(x: 5.682, y: 3))
        p.addCurve(to: CGPoint(x: 3.678, y: 3.418), control1: CGPoint(x: 4.467, y: 3), control2: CGPoint(x: 4.027, y: 3.139))
        p.addCurve(to: CGPoint(x: 3.041, y: 4.536), control1: CGPoint(x: 3.34, y: 3.689), control2: CGPoint(x: 3.128, y: 4.061))
        p.addCurve(to: CGPoint(x: 2.833, y: 4.857), control1: CGPoint(x: 3.016, y: 4.672), control2: CGPoint(x: 2.947, y: 4.779))
        p.addCurve(to: CGPoint(x: 2.459, y: 4.937), control1: CGPoint(x: 2.719, y: 4.936), control2: CGPoint(x: 2.595, y: 4.962))
        p.addCurve(to: CGPoint(x: 2.137, y: 4.73), control1: CGPoint(x: 2.323, y: 4.913), control2: CGPoint(x: 2.216, y: 4.843))
        p.addCurve(to: CGPoint(x: 2.057, y: 4.356), control1: CGPoint(x: 2.059, y: 4.616), control2: CGPoint(x: 2.032, y: 4.491))
        p.addCurve(to: CGPoint(x: 3.054, y: 2.637), control1: CGPoint(x: 2.189, y: 3.636), control2: CGPoint(x: 2.521, y: 3.064))
        p.addCurve(to: CGPoint(x: 5, y: 2), control1: CGPoint(x: 3.584, y: 2.212), control2: CGPoint(x: 4.233, y: 2))
        p.addCurve(to: CGPoint(x: 7.061, y: 2.441), control1: CGPoint(x: 5.859, y: 2), control2: CGPoint(x: 6.546, y: 2.147))
        p.addCurve(to: CGPoint(x: 7.744, y: 3.079), control1: CGPoint(x: 7.356, y: 2.61), control2: CGPoint(x: 7.584, y: 2.822))
        p.addCurve(to: CGPoint(x: 7.997, y: 3.882), control1: CGPoint(x: 7.895, y: 3.32), control2: CGPoint(x: 7.979, y: 3.588))
        p.addLine(to: CGPoint(x: 5.886, y: 5.992))
        p.addCurve(to: CGPoint(x: 5.294, y: 6.298), control1: CGPoint(x: 5.629, y: 6.119), control2: CGPoint(x: 5.432, y: 6.221))
        p.addCurve(to: CGPoint(x: 4.616, y: 6.758), control1: CGPoint(x: 5.018, y: 6.454), control2: CGPoint(x: 4.792, y: 6.607))
        p.addCurve(to: CGPoint(x: 4.171, y: 7.289), control1: CGPoint(x: 4.419, y: 6.927), control2: CGPoint(x: 4.271, y: 7.104))
        p.addCurve(to: CGPoint(x: 4.004, y: 7.878), control1: CGPoint(x: 4.075, y: 7.469), control2: CGPoint(x: 4.019, y: 7.665))
        p.addCurve(to: CGPoint(x: 3.513, y: 8.45), control1: CGPoint(x: 3.83, y: 8.061), control2: CGPoint(x: 3.666, y: 8.252))
        p.addCurve(to: CGPoint(x: 3.49, y: 8.45), control1: CGPoint(x: 3.505, y: 8.45), control2: CGPoint(x: 3.497, y: 8.45))
        p.closeSubpath()
        p.move(to: CGPoint(x: 10.74, y: 2.743))
        p.addCurve(to: CGPoint(x: 11.5, y: 2.586), control1: CGPoint(x: 10.982, y: 2.638), control2: CGPoint(x: 11.236, y: 2.586))
        p.addCurve(to: CGPoint(x: 12.26, y: 2.743), control1: CGPoint(x: 11.764, y: 2.586), control2: CGPoint(x: 12.018, y: 2.638))
        p.addCurve(to: CGPoint(x: 12.854, y: 3.146), control1: CGPoint(x: 12.484, y: 2.84), control2: CGPoint(x: 12.681, y: 2.974))
        p.addCurve(to: CGPoint(x: 13.257, y: 3.74), control1: CGPoint(x: 13.026, y: 3.319), control2: CGPoint(x: 13.16, y: 3.516))
        p.addCurve(to: CGPoint(x: 13.414, y: 4.5), control1: CGPoint(x: 13.362, y: 3.982), control2: CGPoint(x: 13.414, y: 4.236))
        p.addCurve(to: CGPoint(x: 13.257, y: 5.26), control1: CGPoint(x: 13.414, y: 4.764), control2: CGPoint(x: 13.362, y: 5.018))
        p.addCurve(to: CGPoint(x: 12.854, y: 5.854), control1: CGPoint(x: 13.16, y: 5.484), control2: CGPoint(x: 13.026, y: 5.681))
        p.addLine(to: CGPoint(x: 7.561, y: 11.146))
        p.addCurve(to: CGPoint(x: 5.829, y: 12.394), control1: CGPoint(x: 7.051, y: 11.656), control2: CGPoint(x: 6.474, y: 12.072))
        p.addLine(to: CGPoint(x: 2.724, y: 13.947))
        p.addCurve(to: CGPoint(x: 2.341, y: 13.977), control1: CGPoint(x: 2.598, y: 14.01), control2: CGPoint(x: 2.47, y: 14.02))
        p.addCurve(to: CGPoint(x: 2.053, y: 13.724), control1: CGPoint(x: 2.212, y: 13.934), control2: CGPoint(x: 2.116, y: 13.85))
        p.addCurve(to: CGPoint(x: 2.053, y: 13.276), control1: CGPoint(x: 1.978, y: 13.575), control2: CGPoint(x: 1.978, y: 13.425))
        p.addLine(to: CGPoint(x: 3.606, y: 10.171))
        p.addCurve(to: CGPoint(x: 4.854, y: 8.439), control1: CGPoint(x: 3.928, y: 9.526), control2: CGPoint(x: 4.344, y: 8.949))
        p.addLine(to: CGPoint(x: 10.146, y: 3.146))
        p.addCurve(to: CGPoint(x: 10.74, y: 2.743), control1: CGPoint(x: 10.319, y: 2.974), control2: CGPoint(x: 10.516, y: 2.84))
        p.closeSubpath()
        p.move(to: CGPoint(x: 12.414, y: 4.5))
        p.addCurve(to: CGPoint(x: 12.146, y: 3.854), control1: CGPoint(x: 12.414, y: 4.248), control2: CGPoint(x: 12.325, y: 4.032))
        p.addCurve(to: CGPoint(x: 11.5, y: 3.586), control1: CGPoint(x: 11.968, y: 3.675), control2: CGPoint(x: 11.752, y: 3.586))
        p.addCurve(to: CGPoint(x: 10.854, y: 3.854), control1: CGPoint(x: 11.248, y: 3.586), control2: CGPoint(x: 11.032, y: 3.675))
        p.addLine(to: CGPoint(x: 5.561, y: 9.146))
        p.addCurve(to: CGPoint(x: 5.223, y: 9.515), control1: CGPoint(x: 5.442, y: 9.265), control2: CGPoint(x: 5.329, y: 9.388))
        p.addLine(to: CGPoint(x: 6.485, y: 10.777))
        p.addCurve(to: CGPoint(x: 6.854, y: 10.439), control1: CGPoint(x: 6.612, y: 10.671), control2: CGPoint(x: 6.735, y: 10.558))
        p.addLine(to: CGPoint(x: 12.146, y: 5.146))
        p.addCurve(to: CGPoint(x: 12.414, y: 4.5), control1: CGPoint(x: 12.325, y: 4.968), control2: CGPoint(x: 12.414, y: 4.752))
        p.closeSubpath()
        p.move(to: CGPoint(x: 7.086, y: 12.821))
        p.addCurve(to: CGPoint(x: 7.291, y: 12.856), control1: CGPoint(x: 7.153, y: 12.818), control2: CGPoint(x: 7.221, y: 12.83))
        p.addCurve(to: CGPoint(x: 8, y: 13), control1: CGPoint(x: 7.543, y: 12.952), control2: CGPoint(x: 7.779, y: 13))
        p.addCurve(to: CGPoint(x: 9.817, y: 12.822), control1: CGPoint(x: 8.611, y: 13), control2: CGPoint(x: 9.216, y: 12.941))
        p.addCurve(to: CGPoint(x: 11.475, y: 12.298), control1: CGPoint(x: 10.441, y: 12.699), control2: CGPoint(x: 10.994, y: 12.524))
        p.addCurve(to: CGPoint(x: 12.612, y: 11.488), control1: CGPoint(x: 11.971, y: 12.064), control2: CGPoint(x: 12.351, y: 11.794))
        p.addCurve(to: CGPoint(x: 13, y: 10.5), control1: CGPoint(x: 12.871, y: 11.185), control2: CGPoint(x: 13, y: 10.856))
        p.addCurve(to: CGPoint(x: 12.856, y: 9.836), control1: CGPoint(x: 13, y: 10.213), control2: CGPoint(x: 12.952, y: 9.991))
        p.addCurve(to: CGPoint(x: 12.476, y: 9.561), control1: CGPoint(x: 12.775, y: 9.706), control2: CGPoint(x: 12.649, y: 9.614))
        p.addCurve(to: CGPoint(x: 12.179, y: 9.318), control1: CGPoint(x: 12.342, y: 9.52), control2: CGPoint(x: 12.243, y: 9.439))
        p.addCurve(to: CGPoint(x: 12.146, y: 8.936), control1: CGPoint(x: 12.115, y: 9.198), control2: CGPoint(x: 12.104, y: 9.071))
        p.addCurve(to: CGPoint(x: 12.389, y: 8.639), control1: CGPoint(x: 12.188, y: 8.801), control2: CGPoint(x: 12.268, y: 8.702))
        p.addCurve(to: CGPoint(x: 12.771, y: 8.606), control1: CGPoint(x: 12.509, y: 8.575), control2: CGPoint(x: 12.636, y: 8.564))
        p.addCurve(to: CGPoint(x: 13.706, y: 9.31), control1: CGPoint(x: 13.183, y: 8.732), control2: CGPoint(x: 13.494, y: 8.967))
        p.addCurve(to: CGPoint(x: 14, y: 10.5), control1: CGPoint(x: 13.902, y: 9.626), control2: CGPoint(x: 14, y: 10.023))
        p.addCurve(to: CGPoint(x: 13.372, y: 12.137), control1: CGPoint(x: 14, y: 11.102), control2: CGPoint(x: 13.791, y: 11.647))
        p.addCurve(to: CGPoint(x: 11.9, y: 13.202), control1: CGPoint(x: 13.018, y: 12.552), control2: CGPoint(x: 12.527, y: 12.908))
        p.addCurve(to: CGPoint(x: 10.011, y: 13.803), control1: CGPoint(x: 11.345, y: 13.464), control2: CGPoint(x: 10.715, y: 13.664))
        p.addCurve(to: CGPoint(x: 8, y: 14), control1: CGPoint(x: 9.346, y: 13.934), control2: CGPoint(x: 8.676, y: 14))
        p.addCurve(to: CGPoint(x: 6.935, y: 13.791), control1: CGPoint(x: 7.657, y: 14), control2: CGPoint(x: 7.302, y: 13.93))
        p.addCurve(to: CGPoint(x: 6.657, y: 13.528), control1: CGPoint(x: 6.806, y: 13.742), control2: CGPoint(x: 6.713, y: 13.654))
        p.addCurve(to: CGPoint(x: 6.646, y: 13.146), control1: CGPoint(x: 6.6, y: 13.402), control2: CGPoint(x: 6.597, y: 13.275))
        p.addCurve(to: CGPoint(x: 6.68, y: 13.072), control1: CGPoint(x: 6.656, y: 13.12), control2: CGPoint(x: 6.667, y: 13.095))
        p.addCurve(to: CGPoint(x: 7.086, y: 12.821), control1: CGPoint(x: 6.818, y: 12.992), control2: CGPoint(x: 6.953, y: 12.909))
        p.closeSubpath()
        p.move(to: CGPoint(x: 5.65, y: 11.357))
        p.addLine(to: CGPoint(x: 4.643, y: 10.35))
        p.addCurve(to: CGPoint(x: 4.5, y: 10.618), control1: CGPoint(x: 4.593, y: 10.438), control2: CGPoint(x: 4.545, y: 10.527))
        p.addLine(to: CGPoint(x: 3.618, y: 12.382))
        p.addLine(to: CGPoint(x: 5.382, y: 11.5))
        p.addCurve(to: CGPoint(x: 5.65, y: 11.357), control1: CGPoint(x: 5.473, y: 11.455), control2: CGPoint(x: 5.562, y: 11.407))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "pencil-squiggle" (line-round), MIT. https://gentleface.com/icons/pencil-squiggle
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 PencilSquiggleIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "pencil-squiggle", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M3.49 8.45C3.349 8.447 3.231 8.396 3.137 8.298C3.043 8.199 2.998 8.08 3.001 7.939C3.017 7.183 3.338 6.537 3.964 5.999C4.191 5.805 4.471 5.614 4.804 5.427C4.995 5.32 5.28 5.174 5.661 4.989C5.937 4.856 6.136 4.756 6.258 4.691C6.447 4.589 6.597 4.496 6.709 4.411C6.903 4.264 7 4.127 7 4C7 3.853 6.964 3.721 6.891 3.606C6.819 3.491 6.71 3.392 6.564 3.309C6.204 3.103 5.682 3 5 3C4.467 3 4.027 3.139 3.678 3.418C3.34 3.689 3.128 4.061 3.041 4.536C3.016 4.672 2.947 4.779 2.833 4.857C2.719 4.936 2.595 4.962 2.459 4.937C2.323 4.913 2.216 4.843 2.137 4.73C2.059 4.616 2.032 4.491 2.057 4.356C2.189 3.636 2.521 3.064 3.054 2.637C3.584 2.212 4.233 2 5 2C5.859 2 6.546 2.147 7.061 2.441C7.356 2.61 7.584 2.822 7.744 3.079C7.895 3.32 7.979 3.588 7.997 3.882L5.886 5.992C5.629 6.119 5.432 6.221 5.294 6.298C5.018 6.454 4.792 6.607 4.616 6.758C4.419 6.927 4.271 7.104 4.171 7.289C4.075 7.469 4.019 7.665 4.004 7.878C3.83 8.061 3.666 8.252 3.513 8.45C3.505 8.45 3.497 8.45 3.49 8.45ZM10.74 2.743C10.982 2.638 11.236 2.586 11.5 2.586C11.764 2.586 12.018 2.638 12.26 2.743C12.484 2.84 12.681 2.974 12.854 3.146C13.026 3.319 13.16 3.516 13.257 3.74C13.362 3.982 13.414 4.236 13.414 4.5C13.414 4.764 13.362 5.018 13.257 5.26C13.16 5.484 13.026 5.681 12.854 5.854L7.561 11.146C7.051 11.656 6.474 12.072 5.829 12.394L2.724 13.947C2.598 14.01 2.47 14.02 2.341 13.977C2.212 13.934 2.116 13.85 2.053 13.724C1.978 13.575 1.978 13.425 2.053 13.276L3.606 10.171C3.928 9.526 4.344 8.949 4.854 8.439L10.146 3.146C10.319 2.974 10.516 2.84 10.74 2.743ZM12.414 4.5C12.414 4.248 12.325 4.032 12.146 3.854C11.968 3.675 11.752 3.586 11.5 3.586C11.248 3.586 11.032 3.675 10.854 3.854L5.561 9.146C5.442 9.265 5.329 9.388 5.223 9.515L6.485 10.777C6.612 10.671 6.735 10.558 6.854 10.439L12.146 5.146C12.325 4.968 12.414 4.752 12.414 4.5ZM7.086 12.821C7.153 12.818 7.221 12.83 7.291 12.856C7.543 12.952 7.779 13 8 13C8.611 13 9.216 12.941 9.817 12.822C10.441 12.699 10.994 12.524 11.475 12.298C11.971 12.064 12.351 11.794 12.612 11.488C12.871 11.185 13 10.856 13 10.5C13 10.213 12.952 9.991 12.856 9.836C12.775 9.706 12.649 9.614 12.476 9.561C12.342 9.52 12.243 9.439 12.179 9.318C12.115 9.198 12.104 9.071 12.146 8.936C12.188 8.801 12.268 8.702 12.389 8.639C12.509 8.575 12.636 8.564 12.771 8.606C13.183 8.732 13.494 8.967 13.706 9.31C13.902 9.626 14 10.023 14 10.5C14 11.102 13.791 11.647 13.372 12.137C13.018 12.552 12.527 12.908 11.9 13.202C11.345 13.464 10.715 13.664 10.011 13.803C9.346 13.934 8.676 14 8 14C7.657 14 7.302 13.93 6.935 13.791C6.806 13.742 6.713 13.654 6.657 13.528C6.6 13.402 6.597 13.275 6.646 13.146C6.656 13.12 6.667 13.095 6.68 13.072C6.818 12.992 6.953 12.909 7.086 12.821ZM5.65 11.357L4.643 10.35C4.593 10.438 4.545 10.527 4.5 10.618L3.618 12.382L5.382 11.5C5.473 11.455 5.562 11.407 5.65 11.357Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_pencil_squiggle.xml · Gentleface "pencil-squiggle" (line-round), MIT. https://gentleface.com/icons/pencil-squiggle -->
<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.49 8.45C3.349 8.447 3.231 8.396 3.137 8.298C3.043 8.199 2.998 8.08 3.001 7.939C3.017 7.183 3.338 6.537 3.964 5.999C4.191 5.805 4.471 5.614 4.804 5.427C4.995 5.32 5.28 5.174 5.661 4.989C5.937 4.856 6.136 4.756 6.258 4.691C6.447 4.589 6.597 4.496 6.709 4.411C6.903 4.264 7 4.127 7 4C7 3.853 6.964 3.721 6.891 3.606C6.819 3.491 6.71 3.392 6.564 3.309C6.204 3.103 5.682 3 5 3C4.467 3 4.027 3.139 3.678 3.418C3.34 3.689 3.128 4.061 3.041 4.536C3.016 4.672 2.947 4.779 2.833 4.857C2.719 4.936 2.595 4.962 2.459 4.937C2.323 4.913 2.216 4.843 2.137 4.73C2.059 4.616 2.032 4.491 2.057 4.356C2.189 3.636 2.521 3.064 3.054 2.637C3.584 2.212 4.233 2 5 2C5.859 2 6.546 2.147 7.061 2.441C7.356 2.61 7.584 2.822 7.744 3.079C7.895 3.32 7.979 3.588 7.997 3.882L5.886 5.992C5.629 6.119 5.432 6.221 5.294 6.298C5.018 6.454 4.792 6.607 4.616 6.758C4.419 6.927 4.271 7.104 4.171 7.289C4.075 7.469 4.019 7.665 4.004 7.878C3.83 8.061 3.666 8.252 3.513 8.45C3.505 8.45 3.497 8.45 3.49 8.45ZM10.74 2.743C10.982 2.638 11.236 2.586 11.5 2.586C11.764 2.586 12.018 2.638 12.26 2.743C12.484 2.84 12.681 2.974 12.854 3.146C13.026 3.319 13.16 3.516 13.257 3.74C13.362 3.982 13.414 4.236 13.414 4.5C13.414 4.764 13.362 5.018 13.257 5.26C13.16 5.484 13.026 5.681 12.854 5.854L7.561 11.146C7.051 11.656 6.474 12.072 5.829 12.394L2.724 13.947C2.598 14.01 2.47 14.02 2.341 13.977C2.212 13.934 2.116 13.85 2.053 13.724C1.978 13.575 1.978 13.425 2.053 13.276L3.606 10.171C3.928 9.526 4.344 8.949 4.854 8.439L10.146 3.146C10.319 2.974 10.516 2.84 10.74 2.743ZM12.414 4.5C12.414 4.248 12.325 4.032 12.146 3.854C11.968 3.675 11.752 3.586 11.5 3.586C11.248 3.586 11.032 3.675 10.854 3.854L5.561 9.146C5.442 9.265 5.329 9.388 5.223 9.515L6.485 10.777C6.612 10.671 6.735 10.558 6.854 10.439L12.146 5.146C12.325 4.968 12.414 4.752 12.414 4.5ZM7.086 12.821C7.153 12.818 7.221 12.83 7.291 12.856C7.543 12.952 7.779 13 8 13C8.611 13 9.216 12.941 9.817 12.822C10.441 12.699 10.994 12.524 11.475 12.298C11.971 12.064 12.351 11.794 12.612 11.488C12.871 11.185 13 10.856 13 10.5C13 10.213 12.952 9.991 12.856 9.836C12.775 9.706 12.649 9.614 12.476 9.561C12.342 9.52 12.243 9.439 12.179 9.318C12.115 9.198 12.104 9.071 12.146 8.936C12.188 8.801 12.268 8.702 12.389 8.639C12.509 8.575 12.636 8.564 12.771 8.606C13.183 8.732 13.494 8.967 13.706 9.31C13.902 9.626 14 10.023 14 10.5C14 11.102 13.791 11.647 13.372 12.137C13.018 12.552 12.527 12.908 11.9 13.202C11.345 13.464 10.715 13.664 10.011 13.803C9.346 13.934 8.676 14 8 14C7.657 14 7.302 13.93 6.935 13.791C6.806 13.742 6.713 13.654 6.657 13.528C6.6 13.402 6.597 13.275 6.646 13.146C6.656 13.12 6.667 13.095 6.68 13.072C6.818 12.992 6.953 12.909 7.086 12.821ZM5.65 11.357L4.643 10.35C4.593 10.438 4.545 10.527 4.5 10.618L3.618 12.382L5.382 11.5C5.473 11.455 5.562 11.407 5.65 11.357Z"/>
</vector>
```

### Flutter

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

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

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

class _PencilSquiggleIconPainter extends CustomPainter {
  _PencilSquiggleIconPainter(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.49, 8.45)
      ..cubicTo(3.349, 8.447, 3.231, 8.396, 3.137, 8.298)
      ..cubicTo(3.043, 8.199, 2.998, 8.08, 3.001, 7.939)
      ..cubicTo(3.017, 7.183, 3.338, 6.537, 3.964, 5.999)
      ..cubicTo(4.191, 5.805, 4.471, 5.614, 4.804, 5.427)
      ..cubicTo(4.995, 5.32, 5.28, 5.174, 5.661, 4.989)
      ..cubicTo(5.937, 4.856, 6.136, 4.756, 6.258, 4.691)
      ..cubicTo(6.447, 4.589, 6.597, 4.496, 6.709, 4.411)
      ..cubicTo(6.903, 4.264, 7, 4.127, 7, 4)
      ..cubicTo(7, 3.853, 6.964, 3.721, 6.891, 3.606)
      ..cubicTo(6.819, 3.491, 6.71, 3.392, 6.564, 3.309)
      ..cubicTo(6.204, 3.103, 5.682, 3, 5, 3)
      ..cubicTo(4.467, 3, 4.027, 3.139, 3.678, 3.418)
      ..cubicTo(3.34, 3.689, 3.128, 4.061, 3.041, 4.536)
      ..cubicTo(3.016, 4.672, 2.947, 4.779, 2.833, 4.857)
      ..cubicTo(2.719, 4.936, 2.595, 4.962, 2.459, 4.937)
      ..cubicTo(2.323, 4.913, 2.216, 4.843, 2.137, 4.73)
      ..cubicTo(2.059, 4.616, 2.032, 4.491, 2.057, 4.356)
      ..cubicTo(2.189, 3.636, 2.521, 3.064, 3.054, 2.637)
      ..cubicTo(3.584, 2.212, 4.233, 2, 5, 2)
      ..cubicTo(5.859, 2, 6.546, 2.147, 7.061, 2.441)
      ..cubicTo(7.356, 2.61, 7.584, 2.822, 7.744, 3.079)
      ..cubicTo(7.895, 3.32, 7.979, 3.588, 7.997, 3.882)
      ..lineTo(5.886, 5.992)
      ..cubicTo(5.629, 6.119, 5.432, 6.221, 5.294, 6.298)
      ..cubicTo(5.018, 6.454, 4.792, 6.607, 4.616, 6.758)
      ..cubicTo(4.419, 6.927, 4.271, 7.104, 4.171, 7.289)
      ..cubicTo(4.075, 7.469, 4.019, 7.665, 4.004, 7.878)
      ..cubicTo(3.83, 8.061, 3.666, 8.252, 3.513, 8.45)
      ..cubicTo(3.505, 8.45, 3.497, 8.45, 3.49, 8.45)
      ..close()
      ..moveTo(10.74, 2.743)
      ..cubicTo(10.982, 2.638, 11.236, 2.586, 11.5, 2.586)
      ..cubicTo(11.764, 2.586, 12.018, 2.638, 12.26, 2.743)
      ..cubicTo(12.484, 2.84, 12.681, 2.974, 12.854, 3.146)
      ..cubicTo(13.026, 3.319, 13.16, 3.516, 13.257, 3.74)
      ..cubicTo(13.362, 3.982, 13.414, 4.236, 13.414, 4.5)
      ..cubicTo(13.414, 4.764, 13.362, 5.018, 13.257, 5.26)
      ..cubicTo(13.16, 5.484, 13.026, 5.681, 12.854, 5.854)
      ..lineTo(7.561, 11.146)
      ..cubicTo(7.051, 11.656, 6.474, 12.072, 5.829, 12.394)
      ..lineTo(2.724, 13.947)
      ..cubicTo(2.598, 14.01, 2.47, 14.02, 2.341, 13.977)
      ..cubicTo(2.212, 13.934, 2.116, 13.85, 2.053, 13.724)
      ..cubicTo(1.978, 13.575, 1.978, 13.425, 2.053, 13.276)
      ..lineTo(3.606, 10.171)
      ..cubicTo(3.928, 9.526, 4.344, 8.949, 4.854, 8.439)
      ..lineTo(10.146, 3.146)
      ..cubicTo(10.319, 2.974, 10.516, 2.84, 10.74, 2.743)
      ..close()
      ..moveTo(12.414, 4.5)
      ..cubicTo(12.414, 4.248, 12.325, 4.032, 12.146, 3.854)
      ..cubicTo(11.968, 3.675, 11.752, 3.586, 11.5, 3.586)
      ..cubicTo(11.248, 3.586, 11.032, 3.675, 10.854, 3.854)
      ..lineTo(5.561, 9.146)
      ..cubicTo(5.442, 9.265, 5.329, 9.388, 5.223, 9.515)
      ..lineTo(6.485, 10.777)
      ..cubicTo(6.612, 10.671, 6.735, 10.558, 6.854, 10.439)
      ..lineTo(12.146, 5.146)
      ..cubicTo(12.325, 4.968, 12.414, 4.752, 12.414, 4.5)
      ..close()
      ..moveTo(7.086, 12.821)
      ..cubicTo(7.153, 12.818, 7.221, 12.83, 7.291, 12.856)
      ..cubicTo(7.543, 12.952, 7.779, 13, 8, 13)
      ..cubicTo(8.611, 13, 9.216, 12.941, 9.817, 12.822)
      ..cubicTo(10.441, 12.699, 10.994, 12.524, 11.475, 12.298)
      ..cubicTo(11.971, 12.064, 12.351, 11.794, 12.612, 11.488)
      ..cubicTo(12.871, 11.185, 13, 10.856, 13, 10.5)
      ..cubicTo(13, 10.213, 12.952, 9.991, 12.856, 9.836)
      ..cubicTo(12.775, 9.706, 12.649, 9.614, 12.476, 9.561)
      ..cubicTo(12.342, 9.52, 12.243, 9.439, 12.179, 9.318)
      ..cubicTo(12.115, 9.198, 12.104, 9.071, 12.146, 8.936)
      ..cubicTo(12.188, 8.801, 12.268, 8.702, 12.389, 8.639)
      ..cubicTo(12.509, 8.575, 12.636, 8.564, 12.771, 8.606)
      ..cubicTo(13.183, 8.732, 13.494, 8.967, 13.706, 9.31)
      ..cubicTo(13.902, 9.626, 14, 10.023, 14, 10.5)
      ..cubicTo(14, 11.102, 13.791, 11.647, 13.372, 12.137)
      ..cubicTo(13.018, 12.552, 12.527, 12.908, 11.9, 13.202)
      ..cubicTo(11.345, 13.464, 10.715, 13.664, 10.011, 13.803)
      ..cubicTo(9.346, 13.934, 8.676, 14, 8, 14)
      ..cubicTo(7.657, 14, 7.302, 13.93, 6.935, 13.791)
      ..cubicTo(6.806, 13.742, 6.713, 13.654, 6.657, 13.528)
      ..cubicTo(6.6, 13.402, 6.597, 13.275, 6.646, 13.146)
      ..cubicTo(6.656, 13.12, 6.667, 13.095, 6.68, 13.072)
      ..cubicTo(6.818, 12.992, 6.953, 12.909, 7.086, 12.821)
      ..close()
      ..moveTo(5.65, 11.357)
      ..lineTo(4.643, 10.35)
      ..cubicTo(4.593, 10.438, 4.545, 10.527, 4.5, 10.618)
      ..lineTo(3.618, 12.382)
      ..lineTo(5.382, 11.5)
      ..cubicTo(5.473, 11.455, 5.562, 11.407, 5.65, 11.357)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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