wand icon

Wand: magic wand, auto fix, wizard, auto select. 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="M14.856 2.144C14.952 2.241 15 2.359 15 2.5C15 2.641 14.952 2.759 14.856 2.856C14.759 2.952 14.641 3 14.5 3L14 3L14 3.5C14 3.641 13.952 3.759 13.856 3.856C13.759 3.952 13.641 4 13.5 4C13.359 4 13.241 3.952 13.144 3.856C13.048 3.759 13 3.641 13 3.5L13 3L12.5 3C12.359 3 12.241 2.952 12.144 2.856C12.048 2.759 12 2.641 12 2.5C12 2.359 12.048 2.241 12.144 2.144C12.241 2.048 12.359 2 12.5 2L13 2L13 1.5C13 1.359 13.048 1.241 13.144 1.144C13.241 1.048 13.359 1 13.5 1C13.641 1 13.759 1.048 13.856 1.144C13.952 1.241 14 1.359 14 1.5L14 2L14.5 2C14.641 2 14.759 2.048 14.856 2.144ZM5.5 4C5.641 4 5.759 4.048 5.856 4.144C5.952 4.241 6 4.359 6 4.5C6 4.641 5.952 4.759 5.856 4.856C5.759 4.952 5.641 5 5.5 5L5 5L5 5.5C5 5.641 4.952 5.759 4.856 5.856C4.759 5.952 4.641 6 4.5 6C4.359 6 4.241 5.952 4.144 5.856C4.048 5.759 4 5.641 4 5.5L4 5L3.5 5C3.359 5 3.241 4.952 3.144 4.856C3.048 4.759 3 4.641 3 4.5C3 4.359 3.048 4.241 3.144 4.144C3.241 4.048 3.359 4 3.5 4L4 4L4 3.5C4 3.359 4.048 3.241 4.144 3.144C4.241 3.048 4.359 3 4.5 3C4.641 3 4.759 3.048 4.856 3.144C4.952 3.241 5 3.359 5 3.5L5 4L5.5 4ZM10 6.293C10.195 6.293 10.362 6.362 10.5 6.5C10.638 6.638 10.707 6.805 10.707 7C10.707 7.195 10.638 7.362 10.5 7.5L3.5 14.5C3.362 14.638 3.195 14.707 3 14.707C2.805 14.707 2.638 14.638 2.5 14.5C2.362 14.362 2.293 14.195 2.293 14C2.293 13.805 2.362 13.638 2.5 13.5L9.5 6.5C9.638 6.362 9.805 6.293 10 6.293ZM12.856 11.144C12.952 11.241 13 11.359 13 11.5C13 11.641 12.952 11.759 12.856 11.856C12.759 11.952 12.641 12 12.5 12L12 12L12 12.5C12 12.641 11.952 12.759 11.856 12.856C11.759 12.952 11.641 13 11.5 13C11.359 13 11.241 12.952 11.144 12.856C11.048 12.759 11 12.641 11 12.5L11 12L10.5 12C10.359 12 10.241 11.952 10.144 11.856C10.048 11.759 10 11.641 10 11.5C10 11.359 10.048 11.241 10.144 11.144C10.241 11.048 10.359 11 10.5 11L11 11L11 10.5C11 10.359 11.048 10.241 11.144 10.144C11.241 10.048 11.359 10 11.5 10C11.641 10 11.759 10.048 11.856 10.144C11.952 10.241 12 10.359 12 10.5L12 11L12.5 11C12.641 11 12.759 11.048 12.856 11.144Z"/></svg>

React

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

export function WandIcon(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="M14.856 2.144C14.952 2.241 15 2.359 15 2.5C15 2.641 14.952 2.759 14.856 2.856C14.759 2.952 14.641 3 14.5 3L14 3L14 3.5C14 3.641 13.952 3.759 13.856 3.856C13.759 3.952 13.641 4 13.5 4C13.359 4 13.241 3.952 13.144 3.856C13.048 3.759 13 3.641 13 3.5L13 3L12.5 3C12.359 3 12.241 2.952 12.144 2.856C12.048 2.759 12 2.641 12 2.5C12 2.359 12.048 2.241 12.144 2.144C12.241 2.048 12.359 2 12.5 2L13 2L13 1.5C13 1.359 13.048 1.241 13.144 1.144C13.241 1.048 13.359 1 13.5 1C13.641 1 13.759 1.048 13.856 1.144C13.952 1.241 14 1.359 14 1.5L14 2L14.5 2C14.641 2 14.759 2.048 14.856 2.144ZM5.5 4C5.641 4 5.759 4.048 5.856 4.144C5.952 4.241 6 4.359 6 4.5C6 4.641 5.952 4.759 5.856 4.856C5.759 4.952 5.641 5 5.5 5L5 5L5 5.5C5 5.641 4.952 5.759 4.856 5.856C4.759 5.952 4.641 6 4.5 6C4.359 6 4.241 5.952 4.144 5.856C4.048 5.759 4 5.641 4 5.5L4 5L3.5 5C3.359 5 3.241 4.952 3.144 4.856C3.048 4.759 3 4.641 3 4.5C3 4.359 3.048 4.241 3.144 4.144C3.241 4.048 3.359 4 3.5 4L4 4L4 3.5C4 3.359 4.048 3.241 4.144 3.144C4.241 3.048 4.359 3 4.5 3C4.641 3 4.759 3.048 4.856 3.144C4.952 3.241 5 3.359 5 3.5L5 4L5.5 4ZM10 6.293C10.195 6.293 10.362 6.362 10.5 6.5C10.638 6.638 10.707 6.805 10.707 7C10.707 7.195 10.638 7.362 10.5 7.5L3.5 14.5C3.362 14.638 3.195 14.707 3 14.707C2.805 14.707 2.638 14.638 2.5 14.5C2.362 14.362 2.293 14.195 2.293 14C2.293 13.805 2.362 13.638 2.5 13.5L9.5 6.5C9.638 6.362 9.805 6.293 10 6.293ZM12.856 11.144C12.952 11.241 13 11.359 13 11.5C13 11.641 12.952 11.759 12.856 11.856C12.759 11.952 12.641 12 12.5 12L12 12L12 12.5C12 12.641 11.952 12.759 11.856 12.856C11.759 12.952 11.641 13 11.5 13C11.359 13 11.241 12.952 11.144 12.856C11.048 12.759 11 12.641 11 12.5L11 12L10.5 12C10.359 12 10.241 11.952 10.144 11.856C10.048 11.759 10 11.641 10 11.5C10 11.359 10.048 11.241 10.144 11.144C10.241 11.048 10.359 11 10.5 11L11 11L11 10.5C11 10.359 11.048 10.241 11.144 10.144C11.241 10.048 11.359 10 11.5 10C11.641 10 11.759 10.048 11.856 10.144C11.952 10.241 12 10.359 12 10.5L12 11L12.5 11C12.641 11 12.759 11.048 12.856 11.144Z" />
    </svg>
  );
}

Vue

Vue: see /icons/wand.md

Svelte

Svelte: see /icons/wand.md

HTML img

HTML img: see /icons/wand.md

CSS

CSS: see /icons/wand.md

Data URL

Data URL: see /icons/wand.md

Sprite

Sprite: see /icons/wand.md

SwiftUI

SwiftUI: see /icons/wand.md

Compose

Compose: see /icons/wand.md

Android XML

Android XML: see /icons/wand.md

Flutter

Flutter: see /icons/wand.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

magic wand, auto fix, wizard, auto select, magic select, setup wizard

Alternatives

wand-sparkle: improve with AI
wrench: repair or maintenance done by hand
stepper: the step indicator of a multi-step form

Also fits

magic: a magic-wand tool or a wizard
lasso: select by color (magic wand)

Not for

stepper (use stepper): wand owns wizard as magic, not a multi-step form

Tags

wand, magic, auto, fix, wizard, select, ai, enhance

Category

AI & automation

Component name

WandIcon

History

2026-10-15 added

Family 2

wand-rays wand-sparkle

More ai & automation icons

bot bot-off bot-plus brain brain-circuit brain-gear brain-sparkle sparkle sparkles sparkles-alert sparkles-off · all ai & automation icons

For agents

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

wand icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp