--- title: "Icons for Confluence - Custom Emoji and Page Graphics" product: "Streamline Icons, Illustrations and Elements" url: /icons-for-confluence canonical_url: "https://design.streamlinehq.com/icons-for-confluence" summary: "Add custom icons to Confluence pages as emoji or images. 109,582 free Streamline icons, no sign up required, drawn to read at 20 pixels." --- # Add free custom emoji and icons to Confluence > Add custom icons to Confluence pages as emoji or images. 109,582 free Streamline icons, no sign up required, drawn to read at 20 pixels. - **URL**: https://design.streamlinehq.com/icons-for-confluence --- * The only icon system: massive, consistent sets * Drawn in-house by one team of 8 icon designers * Recolor to your brand in one click with SVG [Access Pro Icons](https://www.streamlinehq.com/premium), [Start With Free Icons](https://www.streamlinehq.com/free) ## Get an icon in three steps ### Pick a shape that survives 20px Confluence renders a custom emoji at 20 pixels square whatever you upload. Simple, bold shapes read there. ### Export PNG with transparency Custom emoji accept JPG, PNG or GIF up to 1MB. PNG keeps the background transparent so the icon sits on any page colour. ### Upload it as a custom emoji Add it once and it is available to everyone in the space, which is what makes a documented status system stick. ## Micro A 10px grid, the smallest in any commercial icon set. ### Micro Micro is built on a tiny 10px grid, with no room for unnecessary detail. Every stroke serves legibility. 200 free icons across 2 styles. * **Micro Line**: [200 free icons](https://www.streamlinehq.com/icons/micro-line-free), [2,035 pro icons](https://www.streamlinehq.com/icons/micro-line) * **Micro Solid**: [200 free icons](https://www.streamlinehq.com/icons/micro-solid-free), [2,035 pro icons](https://www.streamlinehq.com/icons/micro-solid) ## Where Micro gets used ### Icons that behave like punctuation Micro is drawn on a 10px grid for inline text actions, data tables, chips, filters and breadcrumbs. It is the only family built specifically to sit inside a line of text rather than beside it. ### The density layer, not the whole system Micro works best alongside a primary family: Core or Ultimate handles navigation and onboarding, Micro handles tables and inline actions. Used alone above 20px the simplification reads as unfinished. ## Core The Helvetica of icons, on a 14px grid. Free and pro counts per style. ### 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 ### Where it is the wrong choice Core Line contributes no personality by design, so a brand that needs the icons to carry identity will not get it here. At 64px and above the stripped-back construction starts to read as sparse rather than clean. ### Dashboards that should not have a point of view Core is the Helvetica of icons: SaaS dashboards, admin panels, developer tools and settings screens, where the icons are infrastructure and the content is the thing. It works inside any design system without competing with it. ### Platforms other people build on If third parties ship inside your product, an opinionated icon set becomes their problem as well as yours. Core stays neutral enough that a partner brand can sit next to it without a clash. ## Guidance 366 free icons drawn for signage and wayfinding. ### Guidance Signage and wayfinding symbols, built for clear directional systems. 366 free icons, open source under Creative Commons BY 4.0. * **Guidance**: [366 free icons](https://www.streamlinehq.com/icons/guidance) ## Where Guidance gets used ### Signage and physical wayfinding Guidance is drawn for venue and transit navigation: airports, arenas, hospitals, and the companion apps that go with them. It is the set to reach for when an icon has to work on a wall as well as a screen. ### Accessibility and civic products Universal, legally legible pictograms matter in healthcare, government and compliance documentation, where the icon is part of meeting a standard rather than part of the brand. ## 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 the full library 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) ## Confluence renders every emoji at 20 pixels Whatever the original file's dimensions, the emoji created will be 20 pixels by 20 pixels. Uploading a detailed illustration does not give you a detailed emoji, it gives you a smudge with a large file behind it. That makes the choice of shape the whole decision. An icon drawn on a small grid keeps its silhouette at that size, and one drawn at 48px and scaled down loses the interior that made it recognisable. ## A status vocabulary people actually follow Documentation systems fail when every author invents their own markers. A fixed set of custom emoji, drawn from one family and uploaded once, gives a space a shared vocabulary that survives the person who set it up. No sign up required. Free downloads ask for attribution, a credit link wherever the icons appear, which Pro and Lifetime plans remove. ## Frequently asked questions Quick answers about using these icons. ### How do I add a custom icon to Confluence? Upload it as a custom emoji. Image files can be JPG, PNG or GIF up to 1MB, and the emoji is created at 20 by 20 pixels regardless of the source dimensions. Once added it is available across the space. ### What size should a Confluence custom emoji be? The rendered size is fixed at 20 by 20 pixels, so design for that. Export a larger PNG, typically 80 or 160 pixels, and let Confluence scale it down, which gives a cleaner result than exporting at 20 directly. ### Which icon set works best for documentation? Micro is drawn on a 10px grid specifically to hold its shape at the smallest sizes, which is exactly the Confluence emoji problem. Core works well for page graphics at larger sizes, and Guidance suits process and wayfinding diagrams. ### Are these icons free to use commercially? Yes, on both tiers. 109,582 icons across 34 families are free, with no sign up required, and the free tier asks for attribution, a credit link wherever the icons appear. [Pro and Lifetime](https://www.streamlinehq.com/pricing) remove that and unlock 333,032 pro icons. See [SVG icons](/svg-icons.md) for the format itself.