developer-icons

Developer Icons

Developer Icons is a curated set of high-quality, customizable tech icons built for developers and designers. It is fully compatible with TypeScript and ideal for React and Next.js projects. The icons are also downloadable from the official website for design projects.

Key Features:

• Highly optimized: Icons are optimized for performance and size.
• Customizable: Customizations are available for all icons, including size, color, and stroke width.
• Perfectly scalable: Icons are designed to be properly scaled to any size without compromising the quality.
• Consistent icons: All icons are designed with a pre-defined set of rules.
• Various variants: Icons come with light and dark mode, wordmark, and other variants.
• Free & open-source: Completely free and open-source with the MIT license.

Tech Stack:

• Astro
• React
• Tailwind CSS
• NPM
• Typescript
• Vite
• Lucide Icons
• SVGO
• SVGSON

Installation:

npm i developer-icons

Usage:

import { HtmlIcon, JavascriptIcon } from "developer-icons";
 
//inside your React component JSX
export const YourReactComponent = () => {
  return (
    <div>
      <HtmlIcon className="html-icon" />
      <JavascriptIcon size={52} style={{ marginLeft: 20 }} />
    </div>
  );
};