Crypto & Currency Icons

A comprehensive, lightweight collection of cryptocurrency, fiat currency, and UI icons—served via a fast, globally cached jsDelivr CDN.

---

✨ Highlights

• Extensive Coverage: 500+ crypto icons, 800+ Binance logos, and 50+ fiat currency symbols.
• Easy Integration: Drop-in usage across HTML, CSS, JavaScript, and React.
• CDN-Powered: Reliable delivery with caching for optimal performance.
• Multiple Formats: SVG for crypto/currency icons and high-quality PNG for Binance logos.

🚀 Quick Start (CDN)

Use icons instantly—no installation required.

Crypto Icons (SVG)

<!-- Bitcoin -->
<img src="https://cdn.jsdelivr.net/gh/prasangapokharel/crypto-icons@v1.0.0/crypto/btc.svg" alt="Bitcoin" width="32">

<!-- Ethereum -->
<img src="https://cdn.jsdelivr.net/gh/prasangapokharel/crypto-icons@v1.0.0/crypto/eth.svg" alt="Ethereum" width="32">

Currency Icons (SVG)

<!-- US Dollar -->
<img src="https://cdn.jsdelivr.net/gh/prasangapokharel/crypto-icons@v1.0.0/currency/usd.svg" alt="USD" width="32">

<!-- Euro -->
<img src="https://cdn.jsdelivr.net/gh/prasangapokharel/crypto-icons@v1.0.0/currency/eur.svg" alt="EUR" width="32">

Binance Logos (PNG)

<!-- Bitcoin (uppercase symbol) -->
<img src="https://cdn.jsdelivr.net/gh/prasangapokharel/crypto-icons@v1.0.0/binance/BTC.png" alt="Bitcoin Logo" width="32">

<!-- Ethereum -->
<img src="https://cdn.jsdelivr.net/gh/prasangapokharel/crypto-icons@v1.0.0/binance/ETH.png" alt="Ethereum Logo" width="32">

📋 URL Patterns

Icon Type	URL Pattern	Example
Crypto (SVG)	https://cdn.jsdelivr.net/gh/prasangapokharel/crypto-icons@v1.0.0/crypto/{symbol}.svg	.../crypto/btc.svg
Currency (SVG)	https://cdn.jsdelivr.net/gh/prasangapokharel/crypto-icons@v1.0.0/currency/{code}.svg	.../currency/usd.svg
Binance (PNG)	https://cdn.jsdelivr.net/gh/prasangapokharel/crypto-icons@v1.0.0/binance/{SYMBOL}.png	.../binance/BTC.png

Usage Notes

• Pin a version (e.g., @v1.0.0) for production stability.
• Omit the version to track the latest icons (may include breaking changes).
• Crypto/currency icons use lowercase symbols (btc, eth, usd, etc.).
• Binance logos use uppercase symbols (BTC, ETH, etc.).

💻 Examples

CSS Background

.crypto-icon {
  background-image: url('https://cdn.jsdelivr.net/gh/prasangapokharel/crypto-icons@v1.0.0/crypto/btc.svg');
  width: 32px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
}

JavaScript (Dynamic Load)

async function loadIcon(symbol) {
  const iconUrl = `https://cdn.jsdelivr.net/gh/prasangapokharel/crypto-icons@v1.0.0/crypto/${symbol}.svg`;
  try {
    const response = await fetch(iconUrl);
    if (!response.ok) throw new Error('Icon not found');
    const svg = await response.text();
    document.getElementById('icon-container').innerHTML = svg;
  } catch (error) {
    console.error('Failed to load icon:', error);
  }
}

// Load Bitcoin icon
loadIcon('btc');

React Component

function CryptoIcon({ symbol, size = 32 }) {
  const iconUrl = `https://cdn.jsdelivr.net/gh/prasangapokharel/crypto-icons@v1.0.0/crypto/${symbol.toLowerCase()}.svg`;
  return (
    <img
      src={iconUrl}
      alt={`${symbol} icon`}
      width={size}
      height={size}
    />
  );
}

// Examples:
// <CryptoIcon symbol="btc" />
// <CryptoIcon symbol="eth" size={64} />

🤝 Contributing

Contributions are welcome. You can:

• Report issues or request new icons.
• Submit pull requests for icons or improvements.
• Enhance documentation for clarity and completeness.

📮 Support

Questions or issues? Please open an issue on GitHub: https://github.com/prasangapokharel/crypto-icons/issues

📝 License

This project is licensed under the MIT License. See the LICENSE file for details.

---

Version: 1.0.0  |  Last Updated: January 2026