This pagckage containes all Fluent UI Design icons the following flavors are proided:
- PNG
- SVG
- SVG Symbol Sets
Overall this package provides more than 3000 different icons for use in your applications. The content is devided in the following sets:
.
├── fluent-ui-filetypes
│ ├── png
│ └── svg
├── fluent-ui-filled
│ ├── png
│ └── svg
└── fluent-ui-regular
├── png
└── svg- File types contain all Office File Types as SVG and PNG
- Fluent UI filled
- Fluent UI regular
The symbol sets can be found directly in the corresponding root of the folders.
- File types: fluent-ui-filetypes/fluent-ui-filetypes.svg
- Fluent Design Filled: fluent-ui-filled/fluent-ui-filled.svg
- Fluent Design Regular: fluent-ui-filled/fluent-ui-regular.svg
Use with caution: The Fluent Design regular and filled contain around 1.5MB of icons.
Must watch: For a better accessibility experience please reject icon fonts. Kudos to Seren Davies on here talk Death to icon fonts 2015
npm install --save-dev @n8d/htwoo-iconshTWOo (H₂0) UI is an open source, community driven alternative UI Framework for Microsoft's Fluent UI Design experiences. It is built based on state-of-the-art web technologies.
Main focus of this project is to be used in SharePoint Framework, Microsoft Teams customisations or any other of your used cases.
- hTWOo usage in 'No framework' web part with SPFx
- hTWOo usage in React web part with SPFx
- hTWOo usage in Angular Elements web part with SPFx
Don't get set into one form, adapt it and build your own, and let it grow, be like water. Empty your mind, be formless, shapeless — like water. Now you put water in a cup, it becomes the cup; You put water into a bottle it becomes the bottle; You put it in a teapot it becomes the teapot. Now water can flow or it can crash. Be water, my friend. - Bruce Lee)
Contributor: You ❤️