Brand Logos

Brand Logos is a modern React logo library that includes colorful SVG brand logos rendered as React components.
Logos are fully optimized using SVGO and converted using SVGR for seamless integration into your React app.

• NPM: brand-logos
• Documentation: lab.ahmedmuneeb.com/brand-logos
• Logo Gallery: lab.ahmedmuneeb.com/brand-logos/logos

Features

• Tree-shakable — only imports the logos you use
• Fully typed with TypeScript
• Includes real colored brand logos (not monochrome icons)
• Supports both ES Modules and CommonJS
• Clean structure and flexible import system

Installation

Using npm

npm install brand-logos

Using yarn

yarn add brand-logos

Usage Example

import { CloudflareIcon } from 'brand-logos';

function App() {
  return <CloudflareIcon width={48} height={48} />;
}

Note: These logos are pre-colored, so changing the fill won’t work. For styling and sizing, use width, height, className, or other SVG props you need.

Icon Sources & Licensing

• Logos are sourced from gilbarbara/logos, licensed under CC0 1.0
• Converted to React components using SVGR
• Cleaned and optimized with SVGO

License

• Code: MIT
• Logos: CC0 1.0 Universal