--- title: "Icons for Stream Deck - SVG and 144x144 PNG Keys" product: "Streamline Icons, Illustrations and Elements" url: /icons-for-stream-deck canonical_url: "https://design.streamlinehq.com/icons-for-stream-deck" summary: "Stream Deck key icons as SVG or 144x144 PNG, sharp on every key. 109,582 free Streamline icons, no sign up required." --- # Make free Stream Deck key icons in SVG and PNG > Stream Deck key icons as SVG or 144x144 PNG, sharp on every key. 109,582 free Streamline icons, no sign up required. - **URL**: https://design.streamlinehq.com/icons-for-stream-deck --- * The only icon system: massive, consistent sets * Drawn in-house by one team of 8 icon designers * SVG for any key, or PNG exported at 144x144 [Access Pro Icons](https://www.streamlinehq.com/premium), [Start With Free Icons](https://www.streamlinehq.com/free) ## Put an icon on a key in three steps ### Find the action you are mapping Mute, record, scene, lights, launch. Real-time search shows results as you type, across every family. ### Export SVG, or PNG at 144px SVG is the recommended format, since it scales to any key. For PNG, export at 144x144 so it stays sharp on a high DPI deck. ### Drop it on a key Drag the file onto the key in the Stream Deck app. Anything larger than the key is resized down automatically. ## Core, the safe default for a deck The Helvetica of icons. Solid reads best at key size, and every style is free to try. ### Core Core is the Helvetica of icons, stripped to its essential form with generous spacing. 998 free icons across 8 styles. * **Core Line**: [998 free icons](https://www.streamlinehq.com/icons/core-line-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-line) * **Core Solid**: [998 free icons](https://www.streamlinehq.com/icons/core-solid-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-solid) * **Core Flat**: [998 free icons](https://www.streamlinehq.com/icons/core-flat-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-flat) * **Core Gradient**: [998 free icons](https://www.streamlinehq.com/icons/core-gradient-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-gradient) * **Core Duo**: [998 free icons](https://www.streamlinehq.com/icons/core-duo-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-duo-color) * **Core Neon**: [998 free icons](https://www.streamlinehq.com/icons/core-neon-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-neon) * **Core Pop**: [998 free icons](https://www.streamlinehq.com/icons/core-pop-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-pop-style) * **Core Remix**: [998 free icons](https://www.streamlinehq.com/icons/core-remix-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-remix) ## Where Core gets used ### Line for resting, solid for pressed The Core icons are legible at small size, perfect for small interface buttons. The same pairing works across a deck: outline for the pages you are not on, filled for the one you are. ## Sharp, for a harder deck Pure geometry and bold structure. Free and pro counts per style. ### Sharp Sharp combines pure geometry and bold structure for a brutalist, high-tech feel. 500 free icons across 8 styles. * **Sharp Line**: [500 free icons](https://www.streamlinehq.com/icons/sharp-line-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-line-style) * **Sharp Solid**: [500 free icons](https://www.streamlinehq.com/icons/sharp-solid-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-solid-style) * **Sharp Flat**: [500 free icons](https://www.streamlinehq.com/icons/sharp-flat-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-flat-style) * **Sharp Gradient**: [500 free icons](https://www.streamlinehq.com/icons/sharp-gradient-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-gradient) * **Sharp Duo**: [500 free icons](https://www.streamlinehq.com/icons/sharp-duo-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-duo-style) * **Sharp Neon**: [500 free icons](https://www.streamlinehq.com/icons/sharp-neon-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-neon-style) * **Sharp Pop**: [500 free icons](https://www.streamlinehq.com/icons/sharp-pop-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-pop-style) * **Sharp Remix**: [500 free icons](https://www.streamlinehq.com/icons/sharp-remix-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-remix) ## Where Sharp gets used ### Filled shapes against a dark ground Lines replaced with filled shapes for bolder, instantly recognizable icons. Ideal where quick recognition is crucial, especially on dark backgrounds, which is what a backlit key is. ## Plump, chunky and friendly Inspired by cartoons. Free and pro counts per style. ### Plump Plump is 100% cute, inspired by animated cartoons with subtle curves and chunky shapes. 500 free icons across 8 styles. * **Plump Line**: [500 free icons](https://www.streamlinehq.com/icons/plump-line-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-line-style) * **Plump Solid**: [500 free icons](https://www.streamlinehq.com/icons/plump-solid-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-solid-style) * **Plump Flat**: [500 free icons](https://www.streamlinehq.com/icons/plump-flat-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-flat-style) * **Plump Gradient**: [500 free icons](https://www.streamlinehq.com/icons/plump-gradient-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-gradient-style) * **Plump Duo**: [500 free icons](https://www.streamlinehq.com/icons/plump-duo-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-duo-style) * **Plump Neon**: [500 free icons](https://www.streamlinehq.com/icons/plump-neon-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-neon-style) * **Plump Pop**: [500 free icons](https://www.streamlinehq.com/icons/plump-pop-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-pop-style) * **Plump Remix**: [505 free icons](https://www.streamlinehq.com/icons/plump-remix-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-remix-style) ## Where Plump gets used ### A deck with a bit of personality Plump is 100% cute, inspired by animated cartoons, with subtle curves and chunky shapes. Swords, shields, and potions read instantly at key size, which is why a gaming deck tends to end up here. ## Or go retro, with Pixel 662 free icons, entirely free and open source. A natural fit for a gaming deck. ### Pixel Pixel will bring you back to the 80s. Every icon sits on an 8-bit grid, drawn square by square. 662 free icons, open source. * **Pixel**: [662 free icons](https://www.streamlinehq.com/icons/pixel) ## Works in your tools * [Mac App](https://home.streamlinehq.com/plugins/download): Drag and drop icons directly into any app * [Figma](https://www.figma.com/community/plugin/852192486284901337): Browse and insert icons without leaving Figma * [Framer](https://www.framer.com/marketplace/plugins/core-icons-by-streamline/): Use icons natively in Framer projects * [Webflow](https://webflow.com/apps/detail/streamline-icons): Add icons directly to Webflow sites * [VS Code](https://marketplace.visualstudio.com/items?itemName=streamline.streamline-icons): Insert icons as SVG or JSX in editors * [Lucid](https://lucid.co/marketplace/01f05f6d/streamline-icons-illustrations-emojis-and-elements): Add icons to your Lucidchart diagrams * [Miro](https://miro.com/marketplace/streamline/): Drop icons into your Miro boards * [Adobe Express](https://adobesparkpost.app.link/TR9Mb7TXFLb?addOnId=w165n33k3): Use icons in Adobe Express projects ## Get more key icons with Pro Free sets cover thousands of icons. Pro unlocks the full library across every family. ### Free: $0 * 109,582 icons * Mandatory attribution * All plugins, web app, MCP and API (limited) * Adjust size, color and format [Get started](https://www.streamlinehq.com/free) ### Pro subscription: $19 per month * 333,032 pro icons on top * Full resolution PNG exports * 58 pro sets in 11 families * All plugins, web app, MCP and API * Pay monthly or yearly [Get Pro](https://www.streamlinehq.com/pricing) ### One-time purchase: Lifetime * Buy once, own forever * Future assets included * All source files as a ZIP * All plugins, web app, MCP and API * No renewal fees [Get Lifetime](https://www.streamlinehq.com/lifetime) ## What actually makes a good key icon A Stream Deck key is a small backlit square you glance at mid-stream, often from a metre away. Detail is not the goal there, recognition is. Solid styles carry further than line styles at that size, and a shape you can name in a quarter of a second beats a beautifully drawn one you have to study. An icon that is unreadable at its real size has failed, however good it looks in the design file. Test a candidate on the deck before committing to a whole layout, because the drop from a 400px preview to a 72px key is where most icon sets come apart. ## Sizes and formats the deck expects Key icons want a 1:1 square. 72x72 pixels is the minimum, 144x144 is the high DPI size and the one icon packs are required to use. SVG is recommended because it scales to whichever key it lands on. Anything larger gets resized down automatically, so erring big is safe and erring small is not. Each icon, free or premium, is optimized for large-size exports, ensuring visual clarity and sharpness. So, you can avoid pixelation or blur. That covers 109,582 free icons across 34 families, with 333,032 more on Pro. ## Frequently asked questions Quick answers about Stream Deck key icons. ### What size should a Stream Deck icon be? 72x72 pixels is the minimum, at a 1:1 ratio. 144x144 is the high DPI size, and icon packs are required to use it, so 144x144 is the safer default for a PNG. Larger images are resized down to fit the key automatically, and anything that is not square is fitted with its aspect ratio left alone. ### Does Stream Deck support SVG icons? Yes, and SVG is the recommended format because it scales cleanly to whatever key it lands on. PNG and JPEG work for static keys too, and GIF or WEBP for animated ones. Exporting SVG from Streamline means one file works across every deck in the range. ### Which icon style reads best on a key? Solid. Lines replaced with filled shapes give bolder, instantly recognizable icons, ideal where quick recognition is crucial, especially on dark backgrounds, which is exactly what a backlit key is. [Core Solid](https://www.streamlinehq.com/icons/core-solid-free) is the safe default, and [Sharp Solid](https://www.streamlinehq.com/icons/sharp-solid-free) suits a harder, more technical deck. ### Can I make a themed icon pack for my deck? Yes, and that is where one consistent family pays off. Pick a family and every key you add later still matches, instead of drifting as you pull icons from different sources. [Pixel](https://www.streamlinehq.com/icons/pixel) is a popular choice for a retro gaming deck, and [Plump](https://www.streamlinehq.com/icons/plump-solid-free) for a friendlier one. ### Can I use these icons on a monetised stream? Yes, on both tiers. The free tier asks for attribution, a credit link wherever the icons appear, which for a stream usually means a panel or a description link. [Pro and Lifetime](https://www.streamlinehq.com/pricing) remove that requirement.