Fluent UI System Icons
Fluent UI System Icons from Microsoft.
Meta Data
Column Name |
Data |
Description |
Name |
Fluent UI |
Name of the Pack |
Shortcode |
fluentui |
Shortcode of the pack used for filtering |
Github Link |
https://github.com/microsoft/fluentui-system-icons |
Github Repository Link |
Total |
19702 |
Total Number of Icons |
Author |
Microsoft |
Author of the Icon Pack |
Author Link |
https://github.com/microsoft |
Link to the Author |
Icon SVG |
<svg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M16.5528 2.10557C16.8343 1.96481 17.1657 1.96481 17.4472 2.10557L25.4472 6.10557C25.786 6.27496 26 6.62123 26 7C26 7.37877 25.786 7.72504 25.4472 7.89443L19.2361 11L25.4472 14.1056C25.786 14.275 26 14.6212 26 15C26 15.3788 25.786 15.725 25.4472 15.8944L18 19.618V29C18 29.3553 17.8115 29.6839 17.5048 29.8632C17.1982 30.0426 16.8194 30.0457 16.5097 29.8716L8.50974 25.3716C8.19486 25.1945 8 24.8613 8 24.5V7C8 6.62123 8.214 6.27496 8.55279 6.10557L16.5528 2.10557ZM10 7.61803V23.9152L16 27.2902V19C16 18.6212 16.214 18.275 16.5528 18.1056L22.7639 15L16.5528 11.8944C16.214 11.725 16 11.3788 16 11C16 10.6212 16.214 10.275 16.5528 10.1056L22.7639 7L17 4.11803L10 7.61803Z' fill='#ff3d3dff'/> </svg> |
SVG for the Pack Logo, or |
Logo |
|
PNG or JPG for the Pack Logo |
Icons CSV |
|
CSV FIle of the Icons |
Has Categories |
Yes |
Are categories used to group icons within a pack. |
Transformations
Name |
Transform From |
Transform To |
F1 |
#212121 |
{{IconColor}} |
PowerShell script to create the CSV
$counter = 1
$file = "D:luentui-20250428.csv"
write-host "Saving Fluent UI Icons"
$setName = "fluentui"
$path = "D:fluentui-system-iconsssets*.svg"
$icons = get-childitem -File $path -recurse
ForEach($icon in $icons){
[string]$svg = Get-Content $icon.FullName;
$TextInfo = (Get-Culture).TextInfo
$string = $icon.Name.Replace(".svg","").Replace("ic_fluent_","").Replace("_"," ")
# Capitalize the first letter of each word
$name = $TextInfo.ToTitleCase($string.ToLower())
$lastIndex = $name.LastIndexOf(' ')
$trimname = $name.Remove($lastIndex)
$objResults = New-Object PSObject -Property @{
pp_id = $counter;
pp_name = $trimname
pp_svg = $svg.Replace("""","'");
pp_pack = $setName
pp_size = $icon.FullName.Split('_')[-2]
pp_category = $icon.FullName.Split('_')[-1].Replace(".svg","")
}
$counter++
$objResults | Export-CSV $file -Append -NoTypeInformation -force
}
write-host "Finished"