@bud-fe/fossflow-icon

A comprehensive collection of icons for popular cloud services and networking hardware. This package provides easy access to icons from AWS, Azure, GCP, Kubernetes, and other cloud providers.

Installation

npm install @bud-fe/fossflow-icon

Usage

Import All Collections

import { aws, azure, gcp, kubernetes, isoflow, budtech } from '@bud-fe/fossflow-icon';

// Use AWS icons
aws.icons.forEach(icon => {
  console.log(icon.name, icon.url);
});

Import Individual Collections

import aws from '@bud-fe/fossflow-icon/dist/aws';
import azure from '@bud-fe/fossflow-icon/dist/azure';
import gcp from '@bud-fe/fossflow-icon/dist/gcp';
import kubernetes from '@bud-fe/fossflow-icon/dist/kubernetes';
import isoflow from '@bud-fe/fossflow-icon/dist/isoflow';

TypeScript Support

This package includes full TypeScript definitions:

import { aws, IconCollection, Icon } from '@bud-fe/fossflow-icon';

// Type-safe access to icons
const collection: IconCollection = aws;
const icons: Icon[] = collection.icons;

Using Icons in React

import { aws } from '@bud-fe/fossflow-icon';

function MyComponent() {
  const s3Icon = aws.icons.find(icon => icon.name === 'S3');
  
  return (
    <img 
      src={s3Icon?.url} 
      alt={s3Icon?.name}
      style={{ width: '24px', height: '24px' }}
    />
  );
}

Available Collections

• AWS - Amazon Web Services icons
• Azure - Microsoft Azure icons
• GCP - Google Cloud Platform icons
• Kubernetes - Kubernetes ecosystem icons
• Isoflow - Networking and infrastructure icons
• Budtech - Custom business technology icons

Icon Structure

Each icon has the following structure:

interface Icon {
  id: string;        // Unique identifier
  name: string;      // Human-readable name
  url: string;       // Icon URL (base64 or external)
  isIsometric: boolean; // Whether the icon is isometric
}

Collection Structure

Each collection follows this format:

interface IconCollection {
  id: string;        // Collection identifier
  name: string;      // Collection name
  icons: Icon[];     // Array of icons
}

Performance Considerations

• Icons are available as base64-encoded data URLs for immediate use
• For production applications, consider using external URLs to reduce bundle size
• The main index.js file is ~2.5MB due to embedded icons - import individual collections to reduce bundle size

License

Varies - Each icon collection maintains its own license. Please check the individual LICENSE files in the collections folder for specific licensing information.

Contributing

This package is maintained by budtech. For issues or contributions, please visit the GitHub repository.