The captions mark with sparkles, for AI captions, auto subtitles and live transcripts. On a 24×24 grid in stroke, two-tone, duotone and fill, free under MIT.
AINewv1.1.0Added Updated
16
20
24 px
32
24px
2px
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M2.1707 16C2.0602 15.6872 2 15.3506 2 15L2 5C2 3.3431 3.3432 2 5 2L19 2C20.6569 2 22 3.3431 22 5L22 12M10 8C9.5673 7.6754 9.0409 7.5 8.5 7.5C7.1193 7.5 6 8.6193 6 10C6 11.3807 7.1193 12.5 8.5 12.5C9.0409 12.5 9.5673 12.3246 10 12M18 8C17.5673 7.6754 17.0409 7.5 16.5 7.5C15.1193 7.5 14 8.6193 14 10C14 11.3807 15.1193 12.5 16.5 12.5C17.0409 12.5 17.5673 12.3246 18 12"/>
<path d="M19.5492 15.3739L20.1373 16.8648C20.3173 17.3213 20.6787 17.6827 21.1352 17.8627L22.6261 18.4508C22.8518 18.5397 23 18.7576 23 19C23 19.2424 22.8518 19.4603 22.6261 19.5492L21.1352 20.1373C20.6787 20.3173 20.3173 20.6787 20.1373 21.1352L19.5492 22.6261C19.4603 22.8518 19.2424 23 19 23C18.7576 23 18.5397 22.8518 18.4508 22.6261L17.8627 21.1352C17.6827 20.6787 17.3213 20.3173 16.8648 20.1373L15.3739 19.5492C15.1482 19.4603 15 19.2424 15 19C15 18.7576 15.1482 18.5397 15.3739 18.4508L16.8648 17.8627C17.3213 17.6827 17.6827 17.3213 17.8627 16.8648L18.4508 15.3739C18.5397 15.1482 18.7576 15 19 15C19.2424 15 19.4603 15.1482 19.5492 15.3739ZM7.8433 16.2337L8.2108 17.1655C8.3233 17.4508 8.5492 17.6767 8.8345 17.7892L9.7663 18.1567C9.9074 18.2123 10 18.3485 10 18.5C10 18.6515 9.9074 18.7877 9.7663 18.8433L8.8345 19.2108C8.5492 19.3233 8.3233 19.5492 8.2108 19.8345L7.8433 20.7663C7.7877 20.9074 7.6515 21 7.5 21C7.3485 21 7.2123 20.9074 7.1567 20.7663L6.7892 19.8345C6.6767 19.5492 6.4508 19.3233 6.1655 19.2108L5.2337 18.8433C5.0926 18.7877 5 18.6515 5 18.5C5 18.3485 5.0926 18.2123 5.2337 18.1567L6.1655 17.7892C6.4508 17.6767 6.6767 17.4508 6.7892 17.1655L7.1567 16.2337C7.2123 16.0926 7.3485 16 7.5 16C7.6515 16 7.7877 16.0926 7.8433 16.2337Z" fill="currentColor" stroke="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- ai captions
- cc
- closed captions
- auto captions
- auto subtitles
- live transcript
- generated captions
Related icons
The rest of the captions family first, then the AI shelf.
FAQ
Answered from captions-sparkles's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the captions-sparkles icon for?
- The captions mark with sparkles, for AI captions, auto subtitles and live transcripts. It is filed under AI in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as ai captions, cc, closed captions, auto captions, auto subtitles, live transcript and generated captions, and the browser's search matches all of those.
- What styles does the captions-sparkles icon come in?
- All four: stroke, two-tone, duotone and fill. They are drawn from the same geometry, so swapping style never moves anything.
- Is there a square or circle version of captions-sparkles?
- No. captions-sparkles is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with captions-sparkles?
- captions, activity-sparkles, app-window-sparkles, audio-lines-sparkles, battery-sparkles and bell-sparkles, and 12 more, all shown below. The captions family is listed first, then the rest of the AI shelf, so the row under this one is the useful one even where a shelf runs long.
- How do I import captions-sparkles in React?
- <CaptionsSparkles /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", two-tone from "@keyline-icons/react/two-tone", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <CaptionsSparkles size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the captions-sparkles SVG?
- icons/stroke/captions-sparkles.svg, icons/two-tone/captions-sparkles.svg, icons/duotone/captions-sparkles.svg and icons/fill/captions-sparkles.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was captions-sparkles added to the set?
- Added 22 Sept 2026, and last redrawn 23 Sept 2026. It ships in v1.1.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.