--- title: "Icons for Twitch - Sub Badges, Emotes and Panels" product: "Streamline Icons, Illustrations and Elements" url: /icons-for-twitch canonical_url: "https://design.streamlinehq.com/icons-for-twitch" summary: "Icons sized for Twitch sub badges, emotes and panels. 109,582 free Streamline icons, no sign up required, exported at every size Twitch asks for." --- # Make free Twitch badges, emotes and panels from icons > Icons sized for Twitch sub badges, emotes and panels. 109,582 free Streamline icons, no sign up required, exported at every size Twitch asks for. - **URL**: https://design.streamlinehq.com/icons-for-twitch --- * The only icon system: massive, consistent sets * Drawn in-house by one team of 8 icon designers * Export PNG at every size Twitch asks for [Access Pro Icons](https://www.streamlinehq.com/premium), [Start With Free Icons](https://www.streamlinehq.com/free) ## Make a Twitch badge in three steps ### Pick a shape that survives 18px Badges render at 18 pixels in chat. Simple, bold silhouettes read there. Detailed artwork does not. ### Export PNG at each required size Badges at 18, 36 and 72\. Emotes at 28, 56 and 112\. Transparent PNG, under 25KB each. ### Upload to the creator dashboard Badges are static PNG only. Emotes can be animated GIF as well, if you want one that moves. ## Plump, chunky enough for 18 pixels 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 channel with a look of its own Plump is 100% cute, inspired by animated cartoons, with subtle curves and chunky shapes. Swords, shields, hearts and potions read instantly at badge size, which is why a gaming channel tends to end up here. ## Pixel, drawn on the grid 662 free icons, entirely free and open source. ### 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) ## Core, for panels and overlays The Helvetica of icons, where a panel gives you room for detail. ### 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) ## 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 badge 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) ## The smallest size is the one that decides Twitch takes every badge at 18, 36 and 72 pixels, and every emote at 28, 56 and 112\. Designers pick artwork at the largest size and discover the problem at the smallest, where a detailed illustration collapses into a smudge beside a username. An icon that is unreadable at its real size has failed, however good it looks in the design file. Test at 18 pixels first, and let that decide the shape. Solid styles carry further than line styles at that size, because a filled silhouette survives being shrunk in a way an outline does not. ## A set of badges that belong together Sub badges arrive in tiers, and they get added over months as a channel grows. Pulling each one from a different source is how a badge row ends up looking like a collection rather than a set. Taking them all from one family fixes it before it starts. No sign up required. Free downloads ask for attribution, a credit link wherever the icons appear, which for a stream usually means a panel or the description. Pro and Lifetime plans remove it. 109,582 free icons across 34 families, with 333,032 more on Pro. ## Frequently asked questions Quick answers about Twitch badges, emotes and panels. ### What size are Twitch sub badges and emotes? Sub badges are 18, 36 and 72 pixels, static PNG with transparency, under 25KB each. Emotes are 28, 56 and 112 pixels, PNG under 25KB, and emotes can also be animated GIF. All three sizes are required at upload, so export each one rather than letting Twitch scale a single file. ### How do I make a sub badge from an icon? Pick a bold, simple shape, set the color, and export PNG at 72 pixels, then 36, then 18\. Check the 18 first: if you cannot tell what it is at that size, no amount of detail at 72 will save it. Keep the artwork centred with a little breathing room, since badges sit inline with text. ### Which icon style works best at badge size? Solid. Lines replaced with filled shapes for bolder, instantly recognizable icons, ideal where quick recognition is crucial. [Plump Solid](https://www.streamlinehq.com/icons/plump-solid-free) is chunky enough to hold at 18 pixels, and [Pixel](https://www.streamlinehq.com/icons/pixel) is drawn on a pixel grid, so it stays crisp at small sizes rather than fighting them. ### Can I use these icons for a monetised channel? Yes, on both tiers. The free tier asks for attribution, a credit link wherever the icons appear, which on a stream usually means a panel or a link in the description. [Pro and Lifetime](https://www.streamlinehq.com/pricing) remove that requirement. ### What about panel images? Twitch caps panel display at 320 pixels wide, and the height follows your content, commonly 100 to 160 pixels. That is a comfortable size for an icon next to a heading, so panels are the one Twitch asset where you can use detail. See [PNG icons](/png-icons.md) for export guidance.