Icons

@emberkit/icons is a lightweight, tree-shakeable SVG icon library built for EmberKit with 130+ icons.

Installation

 Copypnpm add @emberkit/icons

Basic Usage

 Copyimport { IconSearch, IconMenu, IconX } from '@emberkit/icons';

function Header() {
  return (
    <header>
      <IconMenu size={24} />
      <IconSearch size={20} />
      <IconX size={16} />
    </header>
  );
}

Props

All icons accept the following props:

Prop	Type	Default	Description
size	number	24	Width and height in pixels
color	string	currentColor	Stroke/fill color
className	string	—	Additional CSS classes

Categories

General UI

Icons for common interface elements: navigation, actions, media, communication, and more.

Social Media

Official brand logos: X (Twitter), LinkedIn, Facebook, Instagram, YouTube, Discord, Reddit, Twitch, Slack, TikTok, WhatsApp, Dribbble, Behance, Pinterest.

Frameworks & Tools

Logos for modern web frameworks: Astro, Vue, Angular, React, Svelte, Next.js, Remix, Nuxt, Solid, Electron, Vite.

Development Tools

Icons for dev tools and runtimes: Node.js, npm, Yarn, pnpm, Bun, Deno, TypeScript, JavaScript.

Build & Bundling

Bundler and CSS tool logos: Tailwind CSS, Webpack, Rollup, esbuild.

Infrastructure

Platform and service logos: Docker, Kubernetes, Git, GitHub, GitLab, Bitbucket, Figma, VS Code, Vim, IntelliJ IDEA, Chrome, Firefox, Windows, Apple, Linux, Android.

Cloud & Deploy

Cloud provider logos: Heroku, Vercel, Netlify, Cloudflare, AWS, Google Cloud, Microsoft Azure.

All Icons

Click any icon to see its name and copy the import statement.