@nice2dev/icons-all

Complete icon collection for NiceToDev UI - all thematic icon packages combined in one convenient meta-package.

Installation

pnpm add @nice2dev/icons-all

Usage

Import Everything

import { business, education, gaming, life, media, social, tech } from '@nice2dev/icons-all';

// Use icons from any package
function App() {
  return (
    <div>
      <business.ChartLine size={24} />
      <education.GraduationCap size={24} />
      <life.Heart size={24} />
      <media.Play size={24} />
      <social.Facebook size={24} />
      <tech.Terminal size={24} />
    </div>
  );
}

Import Specific Packages (Tree-Shakable)

// Only import what you need
import { ChartLine, Briefcase } from '@nice2dev/icons-all/business';
import { Heart, Wallet } from '@nice2dev/icons-all/life';
import { Facebook, Twitter } from '@nice2dev/icons-all/social';

Factory Functions

import { createBusinessIcon, createSocialIcon, createLifeIcon } from '@nice2dev/icons-all';

// Create custom icons with factory functions
const CustomChart = createBusinessIcon('CustomChart', 'M2 20 L10 10 L14 14 L22 4');
const CustomHeart = createLifeIcon('CustomHeart', 'M12 21.35l-1.45-1.32...');

Included Packages

| Package | Description | Icons | | --------------------------- | ------------------------ | -------------- | | @nice2dev/icons | Base icon system | Core utilities | | @nice2dev/icons-business | Business & corporate | 60 | | @nice2dev/icons-education | Education & learning | 60 | | @nice2dev/icons-gaming | Gaming & entertainment | Varies | | @nice2dev/icons-life | Life management | 60 | | @nice2dev/icons-media | Media & content | 60 | | @nice2dev/icons-social | Social & communication | 60 | | @nice2dev/icons-tech | Technology & development | 60 |

Total: 360+ icons

Categories

Business Icons (/business)

• Finance: ChartLine, ChartBar, ChartPie, Dollar, Euro, Invoice, Wallet, CreditCard, Bank, PiggyBank...
• Office: Briefcase, Clipboard, Calendar, Desk, Printer, Scanner, Folder, File, Document...
• HR: Team, Meeting, Hire, Handshake, IdCard, OrgChart, Performance, Interview, Contract...
• Project: Kanban, Timeline, Milestone, Sprint, Backlog, Task, Deadline, Progress, Roadmap...

Education Icons (/education)

• School: GraduationCap, Book, BookOpen, Library, Backpack, Pencil, PenFancy, Ruler...
• Science: Atom, Microscope, Telescope, Flask, Beaker, DNA, Molecule, Magnet...
• Math: Calculator, Pi, Sigma, Infinity, Function, Graph, Geometry, Compass...
• Arts: Palette, Brush, Easel, Canvas, MusicNote, Piano, Guitar, Drama...

Life Icons (/life)

• Health: Heart, Heartbeat, Stethoscope, Pills, Syringe, Bandage, Hospital...
• Finance: Wallet, CreditCard, BankNote, Coins, PiggyBank, Bank, Chart...
• Home: House, Building, Door, Key, Bed, Sofa, Lamp, Kitchen...
• Productivity: Calendar, Clock, Alarm, Timer, Checklist, Target, Trophy...

Media Icons (/media)

• Video: Play, Pause, Stop, FastForward, Rewind, SkipNext, SkipPrevious...
• Audio: Music, MusicNote, Headphones, Speaker, Microphone, Podcast...
• Creative: Camera, Image, Gallery, Film, Filmstrip, Clapperboard...
• Entertainment: Gamepad, Joystick, Trophy, Medal, Star, Heart, Ticket...

Social Icons (/social)

• Platforms: Facebook, Twitter, Instagram, LinkedIn, YouTube, TikTok, Discord...
• Messaging: Chat, ChatBubble, Message, Send, Inbox, Mail, Reply...
• Reactions: Like, Dislike, Love, Haha, Wow, Sad, Angry, Clap, Fire...
• Profile: User, UserCircle, UserPlus, Users, Friend, Follow, Block...

Tech Icons (/tech)

• DevTools: Terminal, Code, GitBranch, GitCommit, GitMerge, Bug, Debug...
• Cloud: Cloud, CloudUpload, Server, Serverless, CDN, Lambda, Docker...
• Infrastructure: Database, Redis, Queue, Cache, Cluster, Network, DNS...
• Development: Variable, FunctionDev, Class, Interface, Module, Component...

Icon Metadata

import { ICON_PACKAGES, getTotalIconCount } from '@nice2dev/icons-all';

// Get metadata about all packages
console.log(ICON_PACKAGES.business);
// { name: '@nice2dev/icons-business', iconCount: 60, categories: ['finance', 'office', 'hr', 'project'] }

// Get total icon count
const total = getTotalIconCount(); // 360

Animation Support

All icons support SMIL-based animations:

import { Heart } from '@nice2dev/icons-all/life';
import { Facebook } from '@nice2dev/icons-all/social';

<Heart animation="pulse" />
<Facebook animation="bounce" />

Available animations: pulse, grow, shake, spin, bounce, fade, flip, slide, glow

Icon Variants

import { Terminal } from '@nice2dev/icons-all/tech';

<Terminal variant="filled" />
<Terminal variant="outlined" />
<Terminal variant="duotone" />

TypeScript

Full TypeScript support with exported types:

import type {
  BusinessIconProps,
  EducationIconProps,
  LifeIconProps,
  MediaIconProps,
  SocialIconProps,
  TechIconProps,
} from '@nice2dev/icons-all';

License

MIT © NiceToDev