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 6V11M16.7728 20.8371L15.0114 15.3046C14.9534 15.1226 15.1272 14.9519 15.3089 15.0124L20.8399 16.8539C21.0454 16.9223 21.0557 17.2081 20.8557 17.2911L18.4925 18.2715C18.4385 18.2939 18.3949 18.3355 18.3702 18.3882L17.2085 20.8653C17.118 21.058 16.8374 21.0398 16.7728 20.8371Z"/>
<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. 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.