bd-telecom-icons

A lightweight React icon library containing official-style SVG icons of Bangladesh's major telecom operators.

✨ Features

• 📱 Grameenphone Icon
• 📱 Robi Icon
• 📱 Banglalink Icon
• 📱 Teletalk Icon
• ⚛️ Built for React
• 🌳 Tree-shakeable ES Modules
• 🎨 Customizable size
• 🎯 Lightweight and fast
• ♿ Accessible (title, aria-label support)

Installation

npm install bd-telecom-icons

or

yarn add bd-telecom-icons

or

pnpm add bd-telecom-icons

Usage

import {
  GrameenphoneIcon,
  RobiIcon,
  BanglalinkIcon,
  TeletalkIcon,
} from "bd-telecom-icons";

function App() {
  return (
    <div style={{ display: "flex", gap: "20px", alignItems: "center" }}>
      <GrameenphoneIcon />
      <RobiIcon />
      <BanglalinkIcon />
      <TeletalkIcon />
    </div>
  );
}

export default App;

Preview

Custom Size

Each icon accepts a size prop.

<GrameenphoneIcon size={60} />

<RobiIcon size={48} />

<BanglalinkIcon size={120} />

<TeletalkIcon size={70} />

Styling

You can use the className prop to apply custom CSS.

<GrameenphoneIcon
  className="telecom-icon"
/>

.telecom-icon {
  opacity: 0.8;
  transition: all 0.3s;
}

.telecom-icon:hover {
  opacity: 1;
}

Accessibility

Icons support accessibility through the title prop.

<RobiIcon
  title="Robi Logo"
/>

Available Icons

| Icon | Import | |-------|--------| | Grameenphone | GrameenphoneIcon | | Robi | RobiIcon | | Banglalink | BanglalinkIcon | | Teletalk | TeletalkIcon |

Example:

import { RobiIcon } from "bd-telecom-icons";

Component Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | size | number | Original SVG size | Icon size | | className | string | "" | CSS class | | title | string | undefined | Accessibility title |

Browser Support

• Chrome
• Firefox
• Edge
• Safari

Requirements

• React 18+

Contributing

Contributions, feature requests, and bug reports are welcome.

If you'd like to contribute:

1. Fork the repository
2. Create a new branch
3. Commit your changes
4. Open a Pull Request

License

MIT © Munna Biswas

Author

Munna Biswas

• GitHub: https://github.com/munnabiswas99
• LinkedIn: https://linkedin.com/in/munnabiswas99

If you find this package useful, consider giving it a ⭐ on GitHub.