Gentleface › Actions › pencil-sparkle

pencil-sparkle icon

Pencil sparkle: ai write, rewrite with ai, ai edit, ai rewrite. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M4.854 8.439L10.146 3.146C10.319 2.974 10.516 2.84 10.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.854L12.619 6.088C12.519 6.188 12.401 6.238 12.265 6.238C12.215 6.238 12.168 6.231 12.123 6.218C12.058 6.166 11.987 6.123 11.912 6.089L11.912 6.088C11.814 5.991 11.765 5.873 11.765 5.735C11.765 5.597 11.814 5.479 11.912 5.381L12.146 5.146C12.325 4.968 12.414 4.752 12.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.088 10.381C6.188 10.481 6.238 10.599 6.238 10.735C6.238 10.785 6.231 10.832 6.218 10.877C6.166 10.942 6.123 11.013 6.089 11.088L6.088 11.088C5.991 11.186 5.873 11.235 5.735 11.235C5.597 11.235 5.479 11.186 5.381 11.088L4.643 10.35C4.593 10.438 4.545 10.527 4.5 10.618L3.618 12.382L5.36 11.511C5.486 11.448 5.614 11.438 5.743 11.481C5.868 11.522 5.962 11.603 6.025 11.722C6.039 11.782 6.058 11.84 6.082 11.896C6.091 11.968 6.083 12.041 6.058 12.116C6.015 12.247 5.931 12.343 5.808 12.405L2.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.439ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16ZM8.525 10.08C8.278 10.18 7.986 10.27 7.649 10.351C7.55 10.251 7.5 10.133 7.5 9.997C7.5 9.861 7.55 9.743 7.649 9.644L9.643 7.65C9.743 7.55 9.861 7.5 9.997 7.5C10.133 7.5 10.251 7.55 10.35 7.65L10.351 7.65C10.27 7.986 10.18 8.278 10.08 8.525C10.055 8.587 10.029 8.646 10.003 8.704L8.704 10.003C8.646 10.029 8.587 10.055 8.525 10.08Z"/></svg>

React

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

export function PencilSparkleIcon(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="M4.854 8.439L10.146 3.146C10.319 2.974 10.516 2.84 10.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.854L12.619 6.088C12.519 6.188 12.401 6.238 12.265 6.238C12.215 6.238 12.168 6.231 12.123 6.218C12.058 6.166 11.987 6.123 11.912 6.089L11.912 6.088C11.814 5.991 11.765 5.873 11.765 5.735C11.765 5.597 11.814 5.479 11.912 5.381L12.146 5.146C12.325 4.968 12.414 4.752 12.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.088 10.381C6.188 10.481 6.238 10.599 6.238 10.735C6.238 10.785 6.231 10.832 6.218 10.877C6.166 10.942 6.123 11.013 6.089 11.088L6.088 11.088C5.991 11.186 5.873 11.235 5.735 11.235C5.597 11.235 5.479 11.186 5.381 11.088L4.643 10.35C4.593 10.438 4.545 10.527 4.5 10.618L3.618 12.382L5.36 11.511C5.486 11.448 5.614 11.438 5.743 11.481C5.868 11.522 5.962 11.603 6.025 11.722C6.039 11.782 6.058 11.84 6.082 11.896C6.091 11.968 6.083 12.041 6.058 12.116C6.015 12.247 5.931 12.343 5.808 12.405L2.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.439ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16ZM8.525 10.08C8.278 10.18 7.986 10.27 7.649 10.351C7.55 10.251 7.5 10.133 7.5 9.997C7.5 9.861 7.55 9.743 7.649 9.644L9.643 7.65C9.743 7.55 9.861 7.5 9.997 7.5C10.133 7.5 10.251 7.55 10.35 7.65L10.351 7.65C10.27 7.986 10.18 8.278 10.08 8.525C10.055 8.587 10.029 8.646 10.003 8.704L8.704 10.003C8.646 10.029 8.587 10.055 8.525 10.08Z" />
    </svg>
  );
}

Vue

Vue: see /icons/pencil-sparkle.md

Svelte

Svelte: see /icons/pencil-sparkle.md

HTML img

HTML img: see /icons/pencil-sparkle.md

CSS

CSS: see /icons/pencil-sparkle.md

Data URL

Data URL: see /icons/pencil-sparkle.md

Sprite

Sprite: see /icons/pencil-sparkle.md

SwiftUI

SwiftUI: see /icons/pencil-sparkle.md

Compose

Compose: see /icons/pencil-sparkle.md

Android XML

Android XML: see /icons/pencil-sparkle.md

Flutter

Flutter: see /icons/pencil-sparkle.md

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. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

ai write, rewrite with ai, ai edit, ai rewrite, help me write, ai writing, write with ai

Example

Help me write; Rewrite with AI

Alternatives

mail-sparkle: AI compose in an email client
wand-sparkle: improve or enhance in one step

Also fits

improve with ai: rewrite or write text with AI
ai document: rewrite or edit text with AI (ai-write)

Built from

pencil + sparkle

Tags

edit, pen, write, sparkle

Category

Actions

Component name

PencilSparkleIcon

History

2026-10-15 added

Family 6

pencil pencil-gear pencil-line pencil-off pencil-square pencil-squiggle

More actions icons

arrow-down-a-z ban bolt bolt-off check check-double clipboard clipboard-alert clipboard-check clipboard-clock clipboard-list clipboard-off clipboard-pencil clipboard-plus clipboard-search clipboard-user · all actions icons

For agents

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

pencil-sparkle icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp