@n8d/htwoo-icons

hTWOo UI Icons

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

Installation

npm install --save-dev @n8d/htwoo-icons

More information on hTWOo UI Famework

hTWOo (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.

Usage

• 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

Documentation

• General Documentation
• Pattern Style Guide

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 ❤️