An app window with a cursor, for clicking into an app, a web page and interaction. On a 24×24 grid in stroke, two-tone, duotone and fill, free under MIT.
<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="M11 21H6C4.34315 21 3 19.6569 3 18V6C3 4.34315 4.34315 3 6 3H18C19.6569 3 21 4.34315 21 6V11M15.3636 20.7825L13.0152 13.4061C12.9379 13.1634 13.1688 12.9356 13.4104 13.0161L20.7865 15.4719C21.0599 15.5629 21.0736 15.9444 20.8075 16.0548L17.6567 17.362C17.5847 17.3919 17.5265 17.4475 17.4934 17.518L15.9447 20.8204C15.8239 21.0779 15.4499 21.0535 15.3636 20.7825Z"/>
<path d="M8 7C8 7.5523 7.5523 8 7 8C6.4477 8 6 7.5523 6 7C6 6.4477 6.4477 6 7 6C7.5523 6 8 6.4477 8 7ZM12 7C12 7.5523 11.5523 8 11 8C10.4477 8 10 7.5523 10 7C10 6.4477 10.4477 6 11 6C11.5523 6 12 6.4477 12 7ZM16 7C16 7.5523 15.5523 8 15 8C14.4477 8 14 7.5523 14 7C14 6.4477 14.4477 6 15 6C15.5523 6 16 6.4477 16 7Z" 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.
- window click
- app interaction
- browser click
- open app
- select window
- application
- tile
- install
- uninstall
- software
- launcher
- badge
Related icons
The rest of the app family first, then the Devices shelf.
FAQ
Answered from app-window-cursor's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the app-window-cursor icon for?
- An app window with a cursor, for clicking into an app, a web page and interaction. It is filed under Devices in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as window click, app interaction, browser click, open app, select window, application, tile, install, uninstall, software, launcher and badge, and the browser's search matches all of those.
- What styles does the app-window-cursor 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 app-window-cursor?
- No. app-window-cursor is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with app-window-cursor?
- app-check, app-dot, app-minus, app-plus, app-window and app-window-2, and 12 more, all shown below. The app family is listed first, then the rest of the Devices shelf, so the row under this one is the useful one even where a shelf runs long.
- How do I import app-window-cursor in React?
- <AppWindowCursor /> 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 <AppWindowCursor size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the app-window-cursor SVG?
- icons/stroke/app-window-cursor.svg, icons/two-tone/app-window-cursor.svg, icons/duotone/app-window-cursor.svg and icons/fill/app-window-cursor.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 app-window-cursor added to the set?
- Added 17 Sept 2026, and last redrawn 28 Sept 2026. It ships in v1.0.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.