<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>FluentUI on Producthunt daily</title>
        <link>https://producthunt.programnotes.cn/en/tags/fluentui/</link>
        <description>Recent content in FluentUI on Producthunt daily</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en</language>
        <lastBuildDate>Fri, 20 Jun 2025 15:29:18 +0800</lastBuildDate><atom:link href="https://producthunt.programnotes.cn/en/tags/fluentui/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>fluentui-system-icons</title>
        <link>https://producthunt.programnotes.cn/en/p/fluentui-system-icons/</link>
        <pubDate>Fri, 20 Jun 2025 15:29:18 +0800</pubDate>
        
        <guid>https://producthunt.programnotes.cn/en/p/fluentui-system-icons/</guid>
        <description>&lt;img src="https://images.unsplash.com/photo-1667582704408-aca85f4aea5a?ixid=M3w0NjAwMjJ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NTA0MDQ1MTR8&amp;ixlib=rb-4.1.0" alt="Featured image of post fluentui-system-icons" /&gt;&lt;h1 id=&#34;microsoftfluentui-system-icons&#34;&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/microsoft/fluentui-system-icons&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;microsoft/fluentui-system-icons&lt;/a&gt;
&lt;/h1&gt;&lt;h1 id=&#34;fluent-ui-system-icons&#34;&gt;Fluent UI System Icons
&lt;/h1&gt;&lt;p&gt;&lt;img src=&#34;https://github.com/microsoft/fluentui-system-icons/workflows/CI/badge.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;CI&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;Fluent UI System Icons are a collection of familiar, friendly and modern icons from Microsoft.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://producthunt.programnotes.cn/art/readme-banner.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;fluent system icons&#34;
	
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;icon-list&#34;&gt;Icon List
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;icons_regular.md&#34; &gt;View the full list of regular icons&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;icons_filled.md&#34; &gt;View the full list of filled icons&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;installation&#34;&gt;Installation
&lt;/h2&gt;&lt;h3 id=&#34;android&#34;&gt;Android
&lt;/h3&gt;&lt;p&gt;The library is published via Maven Central, please ensure that the &lt;code&gt;mavenCentral()&lt;/code&gt; repository has been added to the root &lt;code&gt;build.gradle&lt;/code&gt; file:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-groovy&#34; data-lang=&#34;groovy&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;n&#34;&gt;repositories&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;o&#34;&gt;...&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;n&#34;&gt;mavenCentral&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;()&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;o&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Include the following dependency in your project&amp;rsquo;s &lt;code&gt;build.gradle&lt;/code&gt;&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-groovy&#34; data-lang=&#34;groovy&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;n&#34;&gt;implementation&lt;/span&gt; &lt;span class=&#34;s1&#34;&gt;&amp;#39;com.microsoft.design:fluent-system-icons:1.1.179@aar&amp;#39;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;For library docs, see &lt;a class=&#34;link&#34; href=&#34;android/README.md&#34; &gt;android/README.md&lt;/a&gt;.&lt;/p&gt;
&lt;h3 id=&#34;ios-and-macos&#34;&gt;iOS and macOS
&lt;/h3&gt;&lt;h4 id=&#34;cocoapods&#34;&gt;CocoaPods
&lt;/h4&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-ruby&#34; data-lang=&#34;ruby&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;n&#34;&gt;use_frameworks!&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;n&#34;&gt;pod&lt;/span&gt; &lt;span class=&#34;s2&#34;&gt;&amp;#34;FluentIcons&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;s2&#34;&gt;&amp;#34;1.1.179&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h4 id=&#34;carthage&#34;&gt;Carthage
&lt;/h4&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;git &lt;span class=&#34;s2&#34;&gt;&amp;#34;git@github.com:microsoft/fluentui-system-icons.git&amp;#34;&lt;/span&gt; &lt;span class=&#34;s2&#34;&gt;&amp;#34;1.1.179&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;For library docs, see &lt;a class=&#34;link&#34; href=&#34;ios/README.md&#34; &gt;ios/README.md&lt;/a&gt;.&lt;/p&gt;
&lt;h3 id=&#34;flutter&#34;&gt;Flutter
&lt;/h3&gt;&lt;p&gt;In the &lt;code&gt;pubspec.yaml&lt;/code&gt; of your flutter project, add the following dependency:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;dependencies&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;  &lt;/span&gt;&lt;span class=&#34;l&#34;&gt;...&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;  &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;fluentui_system_icons&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;l&#34;&gt;^1.1.179&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;For library docs, see &lt;a class=&#34;link&#34; href=&#34;flutter/README.md&#34; &gt;flutter/README.md&lt;/a&gt;&lt;/p&gt;
&lt;h3 id=&#34;plain-svg&#34;&gt;Plain svg
&lt;/h3&gt;&lt;p&gt;Inline svg directly. See &lt;a class=&#34;link&#34; href=&#34;packages/svg-icons/README.md&#34; &gt;packages/svg-icons/README.md&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&#34;contributing&#34;&gt;Contributing
&lt;/h2&gt;&lt;h3 id=&#34;importer&#34;&gt;Importer
&lt;/h3&gt;&lt;p&gt;The importer generates the Android and iOS libraries from the icons in the &lt;code&gt;assets&lt;/code&gt; directory.&lt;/p&gt;
&lt;p&gt;Jump into the directory&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;cd importer
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Install npm dependencies&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npm install
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npm run clean
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;List all the available commands&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npm run
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h3 id=&#34;build-pipeline&#34;&gt;Build Pipeline
&lt;/h3&gt;&lt;p&gt;Our &lt;a class=&#34;link&#34; href=&#34;https://github.com/microsoft/fluentui-system-icons/actions&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;build pipeline&lt;/a&gt; runs &lt;code&gt;deploy:android&lt;/code&gt; and &lt;code&gt;deploy:ios&lt;/code&gt; to create the libraries. The build definitions are located in &lt;code&gt;.github/workflows/&lt;/code&gt;.&lt;/p&gt;
&lt;h2 id=&#34;demo-apps&#34;&gt;Demo apps
&lt;/h2&gt;&lt;p&gt;You can build and run the demo apps following the steps below.&lt;/p&gt;
&lt;h3 id=&#34;android-1&#34;&gt;Android
&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;Follow the &lt;strong&gt;Importer&lt;/strong&gt; section above and run the command &lt;code&gt;npm run deploy:android&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;Open the &lt;a class=&#34;link&#34; href=&#34;android&#34; &gt;android&lt;/a&gt; directory in Android Studio&lt;/li&gt;
&lt;li&gt;Select the &lt;code&gt;sample-showcase&lt;/code&gt; in the build configuration dropdown&lt;/li&gt;
&lt;li&gt;Click run&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id=&#34;flutter-1&#34;&gt;Flutter
&lt;/h3&gt;&lt;p&gt;Prerequisite: Make sure you have flutter configured in Android Studio&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Open the &lt;a class=&#34;link&#34; href=&#34;flutter&#34; &gt;flutter&lt;/a&gt; directory in Android Studio&lt;/li&gt;
&lt;li&gt;Select the &amp;rsquo;example&amp;rsquo; in the directory and open it in Android Studio&lt;/li&gt;
&lt;li&gt;Click run&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;contact&#34;&gt;Contact
&lt;/h2&gt;&lt;p&gt;Please feel free to &lt;a class=&#34;link&#34; href=&#34;https://github.com/microsoft/fluentui-system-icons/issues/new&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;open a GitHub issue&lt;/a&gt; and assign to the following points of contact with questions or requests.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Jason Custer(&lt;a class=&#34;link&#34; href=&#34;https://github.com/jasoncuster&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;@jasoncuster&lt;/a&gt;) / Spencer Nelson(&lt;a class=&#34;link&#34; href=&#34;https://github.com/spencer-nelson&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;@spencer-nelson&lt;/a&gt;) / Joe Woodward(&lt;a class=&#34;link&#34; href=&#34;https://github.com/thewoodpecker&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;@thewoodpecker&lt;/a&gt;) - Design&lt;/li&gt;
&lt;li&gt;Nick Romano(&lt;a class=&#34;link&#34; href=&#34;https://github.com/nickromano&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;@rickromano&lt;/a&gt;) - iOS&lt;/li&gt;
&lt;li&gt;Will Hou(&lt;a class=&#34;link&#34; href=&#34;https://github.com/willhou&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;@willhou&lt;/a&gt;) - Android&lt;/li&gt;
&lt;li&gt;Akashdeep Singh(&lt;a class=&#34;link&#34; href=&#34;https://github.com/aakash1313&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;@aakash1313&lt;/a&gt;) - Flutter&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;code-of-conduct&#34;&gt;Code of Conduct
&lt;/h2&gt;&lt;p&gt;This project has adopted the &lt;a class=&#34;link&#34; href=&#34;https://opensource.microsoft.com/codeofconduct&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Microsoft Open Source Code of Conduct&lt;/a&gt;. For more information see the &lt;a class=&#34;link&#34; href=&#34;https://opensource.microsoft.com/codeofconduct&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Code of Conduct FAQ&lt;/a&gt; or contact &lt;a class=&#34;link&#34; href=&#34;mailto:opencode@microsoft.com&#34; &gt;opencode@microsoft.com&lt;/a&gt; with any additional questions or comments.&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
