A monitor with sparkles, for AI on screen, smart displays and generated presentations. 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="M12 16L12 20M8 20L16 20M13 4L5 4C3.3432 4 2 5.3431 2 7L2 13C2 14.6568 3.3432 16 5 16L19 16C20.6568 16 22 14.6568 22 13"/>
<path d="M19.5492 3.3739L20.1373 4.8648C20.3173 5.3213 20.6787 5.6827 21.1352 5.8627L22.6261 6.4508C22.8518 6.5397 23 6.7576 23 7C23 7.2424 22.8518 7.4603 22.6261 7.5492L21.1352 8.1373C20.6787 8.3173 20.3173 8.6787 20.1373 9.1352L19.5492 10.6261C19.4603 10.8518 19.2424 11 19 11C18.7576 11 18.5397 10.8518 18.4508 10.6261L17.8627 9.1352C17.6827 8.6787 17.3213 8.3173 16.8648 8.1373L15.3739 7.5492C15.1482 7.4603 15 7.2424 15 7C15 6.7576 15.1482 6.5397 15.3739 6.4508L16.8648 5.8627C17.3213 5.6827 17.6827 5.3213 17.8627 4.8648L18.4508 3.3739C18.5397 3.1482 18.7576 3 19 3C19.2424 3 19.4603 3.1482 19.5492 3.3739ZM12.8433 8.2337L13.2108 9.1655C13.3233 9.4508 13.5492 9.6767 13.8345 9.7892L14.7663 10.1567C14.9074 10.2123 15 10.3485 15 10.5C15 10.6515 14.9074 10.7877 14.7663 10.8433L13.8345 11.2108C13.5492 11.3233 13.3233 11.5492 13.2108 11.8345L12.8433 12.7663C12.7877 12.9074 12.6515 13 12.5 13C12.3485 13 12.2123 12.9074 12.1567 12.7663L11.7892 11.8345C11.6767 11.5492 11.4508 11.3233 11.1655 11.2108L10.2337 10.8433C10.0926 10.7877 10 10.6515 10 10.5C10 10.3485 10.0926 10.2123 10.2337 10.1567L11.1655 9.7892C11.4508 9.6767 11.6767 9.4508 11.7892 9.1655L12.1567 8.2337C12.2123 8.0926 12.3485 8 12.5 8C12.6515 8 12.7877 8.0926 12.8433 8.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 display
- ai screen
- ai desktop
- smart display
- generated slides
- screen
- display
- desktop
- computer
- tv
- workstation
Related icons
The rest of the monitor family first, then the AI shelf.
FAQ
Answered from monitor-sparkles's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the monitor-sparkles icon for?
- A monitor with sparkles, for AI on screen, smart displays and generated presentations. 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 display, ai screen, ai desktop, smart display, generated slides, screen, display, desktop, computer, tv and workstation, and the browser's search matches all of those.
- What styles does the monitor-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 monitor-sparkles?
- No. monitor-sparkles is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with monitor-sparkles?
- monitor, monitor-off, activity-sparkles, app-window-sparkles, audio-lines-sparkles and battery-sparkles, and 12 more, all shown below. The monitor 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 monitor-sparkles in React?
- <MonitorSparkles /> 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 <MonitorSparkles size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the monitor-sparkles SVG?
- icons/stroke/monitor-sparkles.svg, icons/two-tone/monitor-sparkles.svg, icons/duotone/monitor-sparkles.svg and icons/fill/monitor-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 monitor-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.