[{"data":1,"prerenderedAt":12},["ShallowReactive",2],{"guide-fluent-icon-theme":3},{"slug":4,"path":5,"title":6,"seoTitle":7,"description":8,"date":9,"updated":9,"order":10,"html":11},"fluent-icon-theme","\u002Fguides\u002Ffluent-icon-theme","Fluent icon themes for Linux, VS Code and your own apps","Fluent Icon Theme — Linux, VS Code & Windows 11 Style Icons","The Fluent icon theme for Linux desktops, Fluent product icons for VS Code, and how to give your own app the Windows 11 Fluent look with Microsoft's free icons.","2026-10-11",99,"\u003Cp>"Fluent icon theme" usually means one of three things: a Linux icon theme in the style of Windows 11, a VS Code theme that swaps its interface icons for Fluent ones, or a consistent Fluent icon set for an app you're building. The first two are community projects inspired by Microsoft's design; the third is Microsoft's own \u003Ca href=\"\u002F\">Fluent UI System Icons\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch2>Fluent icon theme for Linux\u003C\u002Fh2>\n\u003Cp>The \u003Cstrong>Fluent icon theme\u003C\u002Fstrong> by vinceliuice is a popular Linux icon theme in the Windows 11 Fluent style, for GNOME, KDE Plasma, Xfce and other desktops. It covers application, folder and system icons, comes in several accent colors with light and dark variants, and is licensed under GPL-3.0. It's often paired with the same author's Fluent GTK theme.\u003C\u002Fp>\n\u003Cp>Many distributions package it as \u003Ccode>fluent-icon-theme\u003C\u002Fcode>. To install the latest version from source:\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-sh\">git clone https:\u002F\u002Fgithub.com\u002Fvinceliuice\u002FFluent-icon-theme.git\ncd Fluent-icon-theme\n.\u002Finstall.sh\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Then pick \u003Cstrong>Fluent\u003C\u002Fstrong> under icons in GNOME Tweaks (Appearance), KDE System Settings (Colors & Themes > Icons) or your desktop's appearance settings. Run \u003Ccode>.\u002Finstall.sh --help\u003C\u002Fcode> for the color and variant options.\u003C\u002Fp>\n\u003Cp>This theme is a fan project, not made by Microsoft, and its GPL license differs from Microsoft's icons. Use it to theme your desktop; to ship Fluent icons inside your own software, use Microsoft's MIT-licensed set below.\u003C\u002Fp>\n\u003Ch2>Fluent icons for VS Code\u003C\u002Fh2>\n\u003Cp>VS Code separates \u003Cstrong>file icon themes\u003C\u002Fstrong> (the icons next to file names) from \u003Cstrong>product icon themes\u003C\u002Fstrong> (the icons in the activity bar, toolbars and status bar). The \u003Cstrong>Fluent Icons\u003C\u002Fstrong> product icon theme by Miguel Solorio replaces VS Code's interface icons with Fluent-style ones. Install it from the Extensions view, then run \u003Cstrong>Preferences: Product Icon Theme\u003C\u002Fstrong> from the command palette and choose it. File icons stay as they are; pair it with any file icon theme you like.\u003C\u002Fp>\n\u003Ch2>A Fluent icon theme for your own app\u003C\u002Fh2>\n\u003Cp>If you're building an app or website and want it to look like Windows 11 or Microsoft 365, use Microsoft's own set, Fluent UI System Icons:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>3,000+ icons\u003C\u002Fstrong>, each in regular (outlined) and filled styles, many in color, drawn at sizes from 10 to 48 px.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>MIT licensed\u003C\u002Fstrong>, free for commercial work.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Every platform:\u003C\u002Fstrong> React (\u003Ccode>@fluentui\u002Freact-icons\u003C\u002Fcode>), SVG, Blazor, WinUI and WPF, Android, iOS and Flutter. Each icon page here has the code.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>For a consistent theme, use one style per state (regular by default, filled for selected or active, as in \u003Ca href=\"\u002Fguides\u002Ffilled-vs-regular-icons\u002F\">filled vs. regular icons\u003C\u002Fa>), one size per context (20 px in dense toolbars, 24 px elsewhere), and \u003Ccode>currentColor\u003C\u002Fcode> so icons follow your light and dark themes (\u003Ca href=\"\u002Fguides\u002Fchange-svg-icon-color-and-size\u002F\">how to change icon color and size\u003C\u002Fa>).\u003C\u002Fp>\n\u003Ch2>And Windows 11 itself?\u003C\u002Fh2>\n\u003Cp>Windows 11's system icons come from the \u003Cstrong>Segoe Fluent Icons\u003C\u002Fstrong> font, which is built in and licensed for Windows apps only. The \u003Ca href=\"\u002Fsegoe-fluent-icons\u002F\">Segoe Fluent Icons list\u003C\u002Fa> has every glyph. Windows doesn't support third-party icon themes the way Linux does; tools that re-skin it modify system files, so use them with care.\u003C\u002Fp>\n\u003Cp>See \u003Ca href=\"\u002Fmicrosoft-icons\u002F\">every Microsoft icon set\u003C\u002Fa> for how these fit together.\u003C\u002Fp>\n",1791690003790]