kudofonts
Version:
A custom icon font library by Sampath Kumar
89 lines (56 loc) • 1.65 kB
Markdown
# 🎨 Kudofonts Icon Library
A custom icon font library created by **Sampath Kumar**, designed for easy use in any web project.
## 🚀 How to Use
### 📦 Option 1: Install via NPM
```bash
npm install kudofonts
```
Include it in your HTML:
```html
<link rel="stylesheet" href="./node_modules/kudofonts/kudofonts.css">
```
Then use any icon like this:
```html
<i class="kf-facebook"></i>
<i class="kf-youtube"></i>
<i class="kf-instagram"></i>
```
### 🌐 Option 2: Use via CDN (jsDelivr)
Paste this link in your `<head>`:
```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/kudofonts@1.0.0/kudofonts.css">
```
And use icons like this:
```html
<i class="kf-twitter"></i>
<i class="kf-telegram"></i>
<i class="kf-user"></i>
```
📌 **Tip:** Replace `@1.0.0` with your latest version (or omit it to always get the newest).
## 📚 Icon Preview
See the full list of available icons here:
🔗 [https://sampathkm6.github.io/kudofonts/](https://sampathkm6.github.io/kudofonts/)
## 📁 Folder Structure
```
kudofonts/
├── fonts/ # Font files (woff, ttf, svg, etc.)
├── kudofonts.css # Main CSS file for icons
├── index.html # Demo / preview
├── package.json
└── README.md
```
## 💡 Add to Your Project
1. Choose NPM or CDN
2. Add the stylesheet to your HTML
3. Use `<i class="kf-iconname"></i>` to display icons
## 👨💻 Author
Made with ❤️ by [Sampath Kumar](https://github.com/sampathkm6)
## 📜 License
MIT