https://github.com/devrabiul/flaticon-uicons
UIcons 2.6.0 - Flaticon Icon Set Integration
https://github.com/devrabiul/flaticon-uicons
Last synced: 10 months ago
JSON representation
UIcons 2.6.0 - Flaticon Icon Set Integration
- Host: GitHub
- URL: https://github.com/devrabiul/flaticon-uicons
- Owner: devrabiul
- Created: 2025-04-16T10:27:08.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-16T11:30:53.000Z (about 1 year ago)
- Last Synced: 2025-07-03T02:38:21.371Z (12 months ago)
- Language: CSS
- Size: 6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# UIcons 2.6.0 - Flaticon Icon Set Integration
This project is a simple HTML demo page to showcase and use the **UIcons 2.6.0** icon set by Flaticon.
## 📦 What's Included
- Example usage of UIcons in a clean HTML structure.
- Responsive layout using basic CSS.
- Integration instructions for adding UIcons to your own project.
## 🚀 Getting Started
Follow these steps to use UIcons in your own HTML project:
### 1. Copy Assets
Copy the following into your project:
```
/webfonts
/assets/libs/flaticons/uicons/css/all.css
```
> These can be found inside the UIcons package downloaded from [Flaticon](https://www.flaticon.com/uicons/interface-icons).
---
### 2. Link the Stylesheet
In the `` section of your HTML, add:
```html
```
---
### 3. Use the Icons
You can use the icons like this:
```html
```
> The class name format is: `fi fi-[style prefix]-[icon name]`
## 🧪 Example Output
The demo displays a few sample icons and basic usage instructions.
## 📖 Learn More
Visit the official UIcons site for full documentation and icon search:
[https://www.flaticon.com/uicons/interface-icons](https://www.flaticon.com/uicons/interface-icons)