@agentable/icons-font

🎨 Standalone Agentable Icons font package, including CSS and multi-format Webfont files.

Features

• Multiple Formats: Complete coverage of woff2, woff, ttf, eot, svg
• Ready to Use: Import global font styles with a single line of code
• Framework Agnostic: Works with any frontend/backend rendering environment
• Independent Files: Decoupled from @agentable/icons-static, @agentable/icons-react and other packages, install as needed

Installation

pnpm add @agentable/icons-font
# or
npm install @agentable/icons-font

Usage

1. Global CSS Import

// In your entry file (e.g., main.ts / index.js)
import '@agentable/icons-font/agentable-icons.css';

The CSS file references font files in the same directory by default, build tools will automatically handle asset references.

2. Use Font Icons Directly

<i class="ai-home"></i> <i class="ai-search"></i>

Class names use the prefix ai- followed by the icon name in kebab-case format.

Directory Structure

@agentable/icons-font/
├── agentable-icons.css
├── agentable-icons.eot
├── agentable-icons.svg
├── agentable-icons.ttf
├── agentable-icons.woff
└── agentable-icons.woff2

Made with ❤️ by Agentable