Merge pull request #3137 from pyth-network/fhqvst/ui-275-remove-cryptocurrency-icons

feat: Remove cryptocurrency-icons

apps/api-reference/package.json

@@ -32,7 +32,6 @@
     "bs58": "catalog:",
     "clsx": "catalog:",
     "connectkit": "catalog:",
-    "cryptocurrency-icons": "catalog:",
     "framer-motion": "catalog:",
     "next": "catalog:",
     "next-themes": "catalog:",

apps/api-reference/src/apis/evm/get-update-fee.tsx

@@ -1,6 +1,3 @@
-import Btc from "cryptocurrency-icons/svg/color/btc.svg";
-import Eth from "cryptocurrency-icons/svg/color/eth.svg";
-
 import {
   readApi,
   BTCUSD,
@@ -34,12 +31,10 @@ export const getUpdateFee = readApi<"updateData">({
   examples: [
     {
       name: "Latest BTC/USD update data",
-      icon: Btc,
       parameters: () => getParams(BTCUSD),
     },
     {
       name: "Latest ETH/USD update data",
-      icon: Eth,
       parameters: () => getParams(ETHUSD),
     },
   ],

apps/api-reference/src/apis/evm/parse-price-feed-updates-unique.tsx

@@ -1,6 +1,3 @@
-import Btc from "cryptocurrency-icons/svg/color/btc.svg";
-import Eth from "cryptocurrency-icons/svg/color/eth.svg";
-
 import {
   BTCUSD,
   ETHUSD,
@@ -85,12 +82,10 @@ export const parsePriceFeedUpdatesUnique = writeApi<
   examples: [
     {
       name: "Latest BTC/USD update data",
-      icon: Btc,
       parameters: (ctx) => getParams(BTCUSD, ctx),
     },
     {
       name: "Latest ETH/USD update data",
-      icon: Eth,
       parameters: (ctx) => getParams(ETHUSD, ctx),
     },
   ],

apps/api-reference/src/apis/evm/parse-price-feed-updates.tsx

@@ -1,6 +1,3 @@
-import Btc from "cryptocurrency-icons/svg/color/btc.svg";
-import Eth from "cryptocurrency-icons/svg/color/eth.svg";
-
 import {
   BTCUSD,
   ETHUSD,
@@ -80,12 +77,10 @@ export const parsePriceFeedUpdates = writeApi<
   examples: [
     {
       name: "Latest BTC/USD update data",
-      icon: Btc,
       parameters: (ctx) => getParams(BTCUSD, ctx),
     },
     {
       name: "Latest ETH/USD update data",
-      icon: Eth,
       parameters: (ctx) => getParams(ETHUSD, ctx),
     },
   ],

apps/api-reference/src/apis/evm/update-price-feeds-if-necessary.tsx

@@ -1,6 +1,3 @@
-import Btc from "cryptocurrency-icons/svg/color/btc.svg";
-import Eth from "cryptocurrency-icons/svg/color/eth.svg";
-
 import {
   BTCUSD,
   ETHUSD,
@@ -75,12 +72,10 @@ export const updatePriceFeedsIfNecessary = writeApi<
   examples: [
     {
       name: "Latest BTC/USD update data",
-      icon: Btc,
       parameters: (ctx) => getParams(BTCUSD, ctx),
     },
     {
       name: "Latest ETH/USD update data",
-      icon: Eth,
       parameters: (ctx) => getParams(ETHUSD, ctx),
     },
   ],

apps/api-reference/src/apis/evm/update-price-feeds.tsx

@@ -1,6 +1,3 @@
-import Btc from "cryptocurrency-icons/svg/color/btc.svg";
-import Eth from "cryptocurrency-icons/svg/color/eth.svg";
-
 import {
   BTCUSD,
   ETHUSD,
@@ -54,12 +51,10 @@ export const updatePriceFeeds = writeApi<"updateData" | "fee">({
   examples: [
     {
       name: "Latest BTC/USD update data",
-      icon: Btc,
       parameters: (ctx) => getParams(BTCUSD, ctx),
     },
     {
       name: "Latest ETH/USD update data",
-      icon: Eth,
       parameters: (ctx) => getParams(ETHUSD, ctx),
     },
   ],

apps/insights/package.json

@@ -31,7 +31,6 @@
     "async-cache-dedupe": "catalog:",
     "bs58": "catalog:",
     "clsx": "catalog:",
-    "cryptocurrency-icons": "catalog:",
     "date-fns": "catalog:",
     "csv-stringify": "catalog:",
     "dnum": "catalog:",

apps/insights/src/components/PriceFeed/header.tsx

@@ -84,12 +84,7 @@ const PriceFeedHeaderImpl = (props: PriceFeedHeaderImplProps) => (
                   description: item.product.description,
                   displaySymbol: item.product.display_symbol,
                   key: item.product.price_account,
-                  icon: (
-                    <PriceFeedIcon
-                      assetClass={item.product.asset_type}
-                      symbol={item.symbol}
-                    />
-                  ),
+                  icon: <PriceFeedIcon assetClass={item.product.asset_type} />,
                 })),
             })}
       >
@@ -100,10 +95,7 @@ const PriceFeedHeaderImpl = (props: PriceFeedHeaderImplProps) => (
                 description: props.feed.product.description,
                 displaySymbol: props.feed.product.display_symbol,
                 icon: (
-                  <PriceFeedIcon
-                    assetClass={props.feed.product.asset_type}
-                    symbol={props.feed.symbol}
-                  />
+                  <PriceFeedIcon assetClass={props.feed.product.asset_type} />
                 ),
               })}
         />
@@ -116,10 +108,7 @@ const PriceFeedHeaderImpl = (props: PriceFeedHeaderImplProps) => (
               description: props.feed.product.description,
               displaySymbol: props.feed.product.display_symbol,
               icon: (
-                <PriceFeedIcon
-                  assetClass={props.feed.product.asset_type}
-                  symbol={props.feed.symbol}
-                />
+                <PriceFeedIcon assetClass={props.feed.product.asset_type} />
               ),
             })}
       />

apps/insights/src/components/PriceFeedIcon/icons.ts

@@ -1,971 +0,0 @@
-import "server-only";
-
-import Pac from "cryptocurrency-icons/svg/color/$pac.svg";
-import ZeroXbtc from "cryptocurrency-icons/svg/color/0xbtc.svg";
-import Oneinch from "cryptocurrency-icons/svg/color/1inch.svg";
-import Twogive from "cryptocurrency-icons/svg/color/2give.svg";
-import Aave from "cryptocurrency-icons/svg/color/aave.svg";
-import Abt from "cryptocurrency-icons/svg/color/abt.svg";
-import Act from "cryptocurrency-icons/svg/color/act.svg";
-import Actn from "cryptocurrency-icons/svg/color/actn.svg";
-import Ada from "cryptocurrency-icons/svg/color/ada.svg";
-import Add from "cryptocurrency-icons/svg/color/add.svg";
-import Adx from "cryptocurrency-icons/svg/color/adx.svg";
-import Ae from "cryptocurrency-icons/svg/color/ae.svg";
-import Aeon from "cryptocurrency-icons/svg/color/aeon.svg";
-import Aeur from "cryptocurrency-icons/svg/color/aeur.svg";
-import Agi from "cryptocurrency-icons/svg/color/agi.svg";
-import Agrs from "cryptocurrency-icons/svg/color/agrs.svg";
-import Aion from "cryptocurrency-icons/svg/color/aion.svg";
-import Algo from "cryptocurrency-icons/svg/color/algo.svg";
-import Amb from "cryptocurrency-icons/svg/color/amb.svg";
-import Amp from "cryptocurrency-icons/svg/color/amp.svg";
-import Ampl from "cryptocurrency-icons/svg/color/ampl.svg";
-import Ankr from "cryptocurrency-icons/svg/color/ankr.svg";
-import Ant from "cryptocurrency-icons/svg/color/ant.svg";
-import Ape from "cryptocurrency-icons/svg/color/ape.svg";
-import Apex from "cryptocurrency-icons/svg/color/apex.svg";
-import Appc from "cryptocurrency-icons/svg/color/appc.svg";
-import Ardr from "cryptocurrency-icons/svg/color/ardr.svg";
-import Arg from "cryptocurrency-icons/svg/color/arg.svg";
-import Ark from "cryptocurrency-icons/svg/color/ark.svg";
-import Arn from "cryptocurrency-icons/svg/color/arn.svg";
-import Arnx from "cryptocurrency-icons/svg/color/arnx.svg";
-import Ary from "cryptocurrency-icons/svg/color/ary.svg";
-import Ast from "cryptocurrency-icons/svg/color/ast.svg";
-import Atlas from "cryptocurrency-icons/svg/color/atlas.svg";
-import Atm from "cryptocurrency-icons/svg/color/atm.svg";
-import Atom from "cryptocurrency-icons/svg/color/atom.svg";
-import Audr from "cryptocurrency-icons/svg/color/audr.svg";
-import Aury from "cryptocurrency-icons/svg/color/aury.svg";
-import Auto from "cryptocurrency-icons/svg/color/auto.svg";
-import Avax from "cryptocurrency-icons/svg/color/avax.svg";
-import Aywa from "cryptocurrency-icons/svg/color/aywa.svg";
-import Bab from "cryptocurrency-icons/svg/color/bab.svg";
-import Bal from "cryptocurrency-icons/svg/color/bal.svg";
-import Band from "cryptocurrency-icons/svg/color/band.svg";
-import Bat from "cryptocurrency-icons/svg/color/bat.svg";
-import Bay from "cryptocurrency-icons/svg/color/bay.svg";
-import Bcbc from "cryptocurrency-icons/svg/color/bcbc.svg";
-import Bcc from "cryptocurrency-icons/svg/color/bcc.svg";
-import Bcd from "cryptocurrency-icons/svg/color/bcd.svg";
-import Bch from "cryptocurrency-icons/svg/color/bch.svg";
-import Bcio from "cryptocurrency-icons/svg/color/bcio.svg";
-import Bcn from "cryptocurrency-icons/svg/color/bcn.svg";
-import Bco from "cryptocurrency-icons/svg/color/bco.svg";
-import Bcpt from "cryptocurrency-icons/svg/color/bcpt.svg";
-import Bdl from "cryptocurrency-icons/svg/color/bdl.svg";
-import Beam from "cryptocurrency-icons/svg/color/beam.svg";
-import Bela from "cryptocurrency-icons/svg/color/bela.svg";
-import Bix from "cryptocurrency-icons/svg/color/bix.svg";
-import Blcn from "cryptocurrency-icons/svg/color/blcn.svg";
-import Blk from "cryptocurrency-icons/svg/color/blk.svg";
-import Block from "cryptocurrency-icons/svg/color/block.svg";
-import Blz from "cryptocurrency-icons/svg/color/blz.svg";
-import Bnb from "cryptocurrency-icons/svg/color/bnb.svg";
-import Bnt from "cryptocurrency-icons/svg/color/bnt.svg";
-import Bnty from "cryptocurrency-icons/svg/color/bnty.svg";
-import Booty from "cryptocurrency-icons/svg/color/booty.svg";
-import Bos from "cryptocurrency-icons/svg/color/bos.svg";
-import Bpt from "cryptocurrency-icons/svg/color/bpt.svg";
-import Bq from "cryptocurrency-icons/svg/color/bq.svg";
-import Brd from "cryptocurrency-icons/svg/color/brd.svg";
-import Bsd from "cryptocurrency-icons/svg/color/bsd.svg";
-import Bsv from "cryptocurrency-icons/svg/color/bsv.svg";
-import Btc from "cryptocurrency-icons/svg/color/btc.svg";
-import Btcd from "cryptocurrency-icons/svg/color/btcd.svg";
-import Btch from "cryptocurrency-icons/svg/color/btch.svg";
-import Btcp from "cryptocurrency-icons/svg/color/btcp.svg";
-import Btcz from "cryptocurrency-icons/svg/color/btcz.svg";
-import Btdx from "cryptocurrency-icons/svg/color/btdx.svg";
-import Btg from "cryptocurrency-icons/svg/color/btg.svg";
-import Btm from "cryptocurrency-icons/svg/color/btm.svg";
-import Bts from "cryptocurrency-icons/svg/color/bts.svg";
-import Btt from "cryptocurrency-icons/svg/color/btt.svg";
-import Btx from "cryptocurrency-icons/svg/color/btx.svg";
-import Burst from "cryptocurrency-icons/svg/color/burst.svg";
-import Bze from "cryptocurrency-icons/svg/color/bze.svg";
-import Call from "cryptocurrency-icons/svg/color/call.svg";
-import Cc from "cryptocurrency-icons/svg/color/cc.svg";
-import Cdn from "cryptocurrency-icons/svg/color/cdn.svg";
-import Cdt from "cryptocurrency-icons/svg/color/cdt.svg";
-import Cenz from "cryptocurrency-icons/svg/color/cenz.svg";
-import Chain from "cryptocurrency-icons/svg/color/chain.svg";
-import Chat from "cryptocurrency-icons/svg/color/chat.svg";
-import Chips from "cryptocurrency-icons/svg/color/chips.svg";
-import Chsb from "cryptocurrency-icons/svg/color/chsb.svg";
-import Chz from "cryptocurrency-icons/svg/color/chz.svg";
-import Cix from "cryptocurrency-icons/svg/color/cix.svg";
-import Clam from "cryptocurrency-icons/svg/color/clam.svg";
-import Cloak from "cryptocurrency-icons/svg/color/cloak.svg";
-import Cmm from "cryptocurrency-icons/svg/color/cmm.svg";
-import Cmt from "cryptocurrency-icons/svg/color/cmt.svg";
-import Cnd from "cryptocurrency-icons/svg/color/cnd.svg";
-import Cnx from "cryptocurrency-icons/svg/color/cnx.svg";
-import Cny from "cryptocurrency-icons/svg/color/cny.svg";
-import Cob from "cryptocurrency-icons/svg/color/cob.svg";
-import Colx from "cryptocurrency-icons/svg/color/colx.svg";
-import Comp from "cryptocurrency-icons/svg/color/comp.svg";
-import Coqui from "cryptocurrency-icons/svg/color/coqui.svg";
-import Cred from "cryptocurrency-icons/svg/color/cred.svg";
-import Crpt from "cryptocurrency-icons/svg/color/crpt.svg";
-import Crv from "cryptocurrency-icons/svg/color/crv.svg";
-import Crw from "cryptocurrency-icons/svg/color/crw.svg";
-import Cs from "cryptocurrency-icons/svg/color/cs.svg";
-import Ctr from "cryptocurrency-icons/svg/color/ctr.svg";
-import Ctxc from "cryptocurrency-icons/svg/color/ctxc.svg";
-import Cvc from "cryptocurrency-icons/svg/color/cvc.svg";
-import D from "cryptocurrency-icons/svg/color/d.svg";
-import Dai from "cryptocurrency-icons/svg/color/dai.svg";
-import Dash from "cryptocurrency-icons/svg/color/dash.svg";
-import Dat from "cryptocurrency-icons/svg/color/dat.svg";
-import Data from "cryptocurrency-icons/svg/color/data.svg";
-import Dbc from "cryptocurrency-icons/svg/color/dbc.svg";
-import Dcn from "cryptocurrency-icons/svg/color/dcn.svg";
-import Dcr from "cryptocurrency-icons/svg/color/dcr.svg";
-import Deez from "cryptocurrency-icons/svg/color/deez.svg";
-import Dent from "cryptocurrency-icons/svg/color/dent.svg";
-import Dew from "cryptocurrency-icons/svg/color/dew.svg";
-import Dgb from "cryptocurrency-icons/svg/color/dgb.svg";
-import Dgd from "cryptocurrency-icons/svg/color/dgd.svg";
-import Dlt from "cryptocurrency-icons/svg/color/dlt.svg";
-import Dnt from "cryptocurrency-icons/svg/color/dnt.svg";
-import Dock from "cryptocurrency-icons/svg/color/dock.svg";
-import Doge from "cryptocurrency-icons/svg/color/doge.svg";
-import Dot from "cryptocurrency-icons/svg/color/dot.svg";
-import Drgn from "cryptocurrency-icons/svg/color/drgn.svg";
-import Drop from "cryptocurrency-icons/svg/color/drop.svg";
-import Dta from "cryptocurrency-icons/svg/color/dta.svg";
-import Dth from "cryptocurrency-icons/svg/color/dth.svg";
-import Dtr from "cryptocurrency-icons/svg/color/dtr.svg";
-import Ebst from "cryptocurrency-icons/svg/color/ebst.svg";
-import Eca from "cryptocurrency-icons/svg/color/eca.svg";
-import Edg from "cryptocurrency-icons/svg/color/edg.svg";
-import Edo from "cryptocurrency-icons/svg/color/edo.svg";
-import Edoge from "cryptocurrency-icons/svg/color/edoge.svg";
-import Ela from "cryptocurrency-icons/svg/color/ela.svg";
-import Elec from "cryptocurrency-icons/svg/color/elec.svg";
-import Elf from "cryptocurrency-icons/svg/color/elf.svg";
-import Elix from "cryptocurrency-icons/svg/color/elix.svg";
-import Ella from "cryptocurrency-icons/svg/color/ella.svg";
-import Emb from "cryptocurrency-icons/svg/color/emb.svg";
-import Emc from "cryptocurrency-icons/svg/color/emc.svg";
-import Emc2 from "cryptocurrency-icons/svg/color/emc2.svg";
-import Eng from "cryptocurrency-icons/svg/color/eng.svg";
-import Enj from "cryptocurrency-icons/svg/color/enj.svg";
-import Entrp from "cryptocurrency-icons/svg/color/entrp.svg";
-import Eon from "cryptocurrency-icons/svg/color/eon.svg";
-import Eop from "cryptocurrency-icons/svg/color/eop.svg";
-import Eos from "cryptocurrency-icons/svg/color/eos.svg";
-import Eqli from "cryptocurrency-icons/svg/color/eqli.svg";
-import Equa from "cryptocurrency-icons/svg/color/equa.svg";
-import Etc from "cryptocurrency-icons/svg/color/etc.svg";
-import Eth from "cryptocurrency-icons/svg/color/eth.svg";
-import Ethos from "cryptocurrency-icons/svg/color/ethos.svg";
-import Etn from "cryptocurrency-icons/svg/color/etn.svg";
-import Etp from "cryptocurrency-icons/svg/color/etp.svg";
-import Eur from "cryptocurrency-icons/svg/color/eur.svg";
-import Evx from "cryptocurrency-icons/svg/color/evx.svg";
-import Exmo from "cryptocurrency-icons/svg/color/exmo.svg";
-import Exp from "cryptocurrency-icons/svg/color/exp.svg";
-import Fair from "cryptocurrency-icons/svg/color/fair.svg";
-import Fct from "cryptocurrency-icons/svg/color/fct.svg";
-import Fida from "cryptocurrency-icons/svg/color/fida.svg";
-import Fil from "cryptocurrency-icons/svg/color/fil.svg";
-import Fjc from "cryptocurrency-icons/svg/color/fjc.svg";
-import Fldc from "cryptocurrency-icons/svg/color/fldc.svg";
-import Flo from "cryptocurrency-icons/svg/color/flo.svg";
-import Flux from "cryptocurrency-icons/svg/color/flux.svg";
-import Fsn from "cryptocurrency-icons/svg/color/fsn.svg";
-import Ftc from "cryptocurrency-icons/svg/color/ftc.svg";
-import Fuel from "cryptocurrency-icons/svg/color/fuel.svg";
-import Fun from "cryptocurrency-icons/svg/color/fun.svg";
-import Game from "cryptocurrency-icons/svg/color/game.svg";
-import Gas from "cryptocurrency-icons/svg/color/gas.svg";
-import Gbp from "cryptocurrency-icons/svg/color/gbp.svg";
-import Gbx from "cryptocurrency-icons/svg/color/gbx.svg";
-import Gbyte from "cryptocurrency-icons/svg/color/gbyte.svg";
-import Generic from "cryptocurrency-icons/svg/color/generic.svg";
-import Gin from "cryptocurrency-icons/svg/color/gin.svg";
-import Glxt from "cryptocurrency-icons/svg/color/glxt.svg";
-import Gmr from "cryptocurrency-icons/svg/color/gmr.svg";
-import Gmt from "cryptocurrency-icons/svg/color/gmt.svg";
-import Gno from "cryptocurrency-icons/svg/color/gno.svg";
-import Gnt from "cryptocurrency-icons/svg/color/gnt.svg";
-import Gold from "cryptocurrency-icons/svg/color/gold.svg";
-import Grc from "cryptocurrency-icons/svg/color/grc.svg";
-import Grin from "cryptocurrency-icons/svg/color/grin.svg";
-import Grs from "cryptocurrency-icons/svg/color/grs.svg";
-import Grt from "cryptocurrency-icons/svg/color/grt.svg";
-import Gsc from "cryptocurrency-icons/svg/color/gsc.svg";
-import Gto from "cryptocurrency-icons/svg/color/gto.svg";
-import Gup from "cryptocurrency-icons/svg/color/gup.svg";
-import Gusd from "cryptocurrency-icons/svg/color/gusd.svg";
-import Gvt from "cryptocurrency-icons/svg/color/gvt.svg";
-import Gxs from "cryptocurrency-icons/svg/color/gxs.svg";
-import Gzr from "cryptocurrency-icons/svg/color/gzr.svg";
-import Hight from "cryptocurrency-icons/svg/color/hight.svg";
-import Hns from "cryptocurrency-icons/svg/color/hns.svg";
-import Hodl from "cryptocurrency-icons/svg/color/hodl.svg";
-import Hot from "cryptocurrency-icons/svg/color/hot.svg";
-import Hpb from "cryptocurrency-icons/svg/color/hpb.svg";
-import Hsr from "cryptocurrency-icons/svg/color/hsr.svg";
-import Ht from "cryptocurrency-icons/svg/color/ht.svg";
-import Html from "cryptocurrency-icons/svg/color/html.svg";
-import Huc from "cryptocurrency-icons/svg/color/huc.svg";
-import Husd from "cryptocurrency-icons/svg/color/husd.svg";
-import Hush from "cryptocurrency-icons/svg/color/hush.svg";
-import Icn from "cryptocurrency-icons/svg/color/icn.svg";
-import Icp from "cryptocurrency-icons/svg/color/icp.svg";
-import Icx from "cryptocurrency-icons/svg/color/icx.svg";
-import Ignis from "cryptocurrency-icons/svg/color/ignis.svg";
-import Ilk from "cryptocurrency-icons/svg/color/ilk.svg";
-import Ink from "cryptocurrency-icons/svg/color/ink.svg";
-import Ins from "cryptocurrency-icons/svg/color/ins.svg";
-import Ion from "cryptocurrency-icons/svg/color/ion.svg";
-import Iop from "cryptocurrency-icons/svg/color/iop.svg";
-import Iost from "cryptocurrency-icons/svg/color/iost.svg";
-import Iotx from "cryptocurrency-icons/svg/color/iotx.svg";
-import Iq from "cryptocurrency-icons/svg/color/iq.svg";
-import Itc from "cryptocurrency-icons/svg/color/itc.svg";
-import Jnt from "cryptocurrency-icons/svg/color/jnt.svg";
-import Jpy from "cryptocurrency-icons/svg/color/jpy.svg";
-import Kcs from "cryptocurrency-icons/svg/color/kcs.svg";
-import Kin from "cryptocurrency-icons/svg/color/kin.svg";
-import Klown from "cryptocurrency-icons/svg/color/klown.svg";
-import Kmd from "cryptocurrency-icons/svg/color/kmd.svg";
-import Knc from "cryptocurrency-icons/svg/color/knc.svg";
-import Krb from "cryptocurrency-icons/svg/color/krb.svg";
-import Ksm from "cryptocurrency-icons/svg/color/ksm.svg";
-import Lbc from "cryptocurrency-icons/svg/color/lbc.svg";
-import Lend from "cryptocurrency-icons/svg/color/lend.svg";
-import Leo from "cryptocurrency-icons/svg/color/leo.svg";
-import Link from "cryptocurrency-icons/svg/color/link.svg";
-import Lkk from "cryptocurrency-icons/svg/color/lkk.svg";
-import Loom from "cryptocurrency-icons/svg/color/loom.svg";
-import Lpt from "cryptocurrency-icons/svg/color/lpt.svg";
-import Lrc from "cryptocurrency-icons/svg/color/lrc.svg";
-import Lsk from "cryptocurrency-icons/svg/color/lsk.svg";
-import Ltc from "cryptocurrency-icons/svg/color/ltc.svg";
-import Lun from "cryptocurrency-icons/svg/color/lun.svg";
-import Maid from "cryptocurrency-icons/svg/color/maid.svg";
-import Mana from "cryptocurrency-icons/svg/color/mana.svg";
-import Matic from "cryptocurrency-icons/svg/color/matic.svg";
-import Max from "cryptocurrency-icons/svg/color/max.svg";
-import Mcap from "cryptocurrency-icons/svg/color/mcap.svg";
-import Mco from "cryptocurrency-icons/svg/color/mco.svg";
-import Mda from "cryptocurrency-icons/svg/color/mda.svg";
-import Mds from "cryptocurrency-icons/svg/color/mds.svg";
-import Med from "cryptocurrency-icons/svg/color/med.svg";
-import Meetone from "cryptocurrency-icons/svg/color/meetone.svg";
-import Mft from "cryptocurrency-icons/svg/color/mft.svg";
-import Miota from "cryptocurrency-icons/svg/color/miota.svg";
-import Mith from "cryptocurrency-icons/svg/color/mith.svg";
-import Mkr from "cryptocurrency-icons/svg/color/mkr.svg";
-import Mln from "cryptocurrency-icons/svg/color/mln.svg";
-import Mnx from "cryptocurrency-icons/svg/color/mnx.svg";
-import Mnz from "cryptocurrency-icons/svg/color/mnz.svg";
-import Moac from "cryptocurrency-icons/svg/color/moac.svg";
-import Mod from "cryptocurrency-icons/svg/color/mod.svg";
-import Mona from "cryptocurrency-icons/svg/color/mona.svg";
-import Msr from "cryptocurrency-icons/svg/color/msr.svg";
-import Mth from "cryptocurrency-icons/svg/color/mth.svg";
-import Mtl from "cryptocurrency-icons/svg/color/mtl.svg";
-import Music from "cryptocurrency-icons/svg/color/music.svg";
-import Mzc from "cryptocurrency-icons/svg/color/mzc.svg";
-import Nano from "cryptocurrency-icons/svg/color/nano.svg";
-import Nas from "cryptocurrency-icons/svg/color/nas.svg";
-import Nav from "cryptocurrency-icons/svg/color/nav.svg";
-import Ncash from "cryptocurrency-icons/svg/color/ncash.svg";
-import Ndz from "cryptocurrency-icons/svg/color/ndz.svg";
-import Nebl from "cryptocurrency-icons/svg/color/nebl.svg";
-import Neo from "cryptocurrency-icons/svg/color/neo.svg";
-import Neos from "cryptocurrency-icons/svg/color/neos.svg";
-import Neu from "cryptocurrency-icons/svg/color/neu.svg";
-import Nexo from "cryptocurrency-icons/svg/color/nexo.svg";
-import Ngc from "cryptocurrency-icons/svg/color/ngc.svg";
-import Nio from "cryptocurrency-icons/svg/color/nio.svg";
-import Nkn from "cryptocurrency-icons/svg/color/nkn.svg";
-import Nlc2 from "cryptocurrency-icons/svg/color/nlc2.svg";
-import Nlg from "cryptocurrency-icons/svg/color/nlg.svg";
-import Nmc from "cryptocurrency-icons/svg/color/nmc.svg";
-import Nmr from "cryptocurrency-icons/svg/color/nmr.svg";
-import Npxs from "cryptocurrency-icons/svg/color/npxs.svg";
-import Ntbc from "cryptocurrency-icons/svg/color/ntbc.svg";
-import Nuls from "cryptocurrency-icons/svg/color/nuls.svg";
-import Nxs from "cryptocurrency-icons/svg/color/nxs.svg";
-import Nxt from "cryptocurrency-icons/svg/color/nxt.svg";
-import Oax from "cryptocurrency-icons/svg/color/oax.svg";
-import Ok from "cryptocurrency-icons/svg/color/ok.svg";
-import Omg from "cryptocurrency-icons/svg/color/omg.svg";
-import Omni from "cryptocurrency-icons/svg/color/omni.svg";
-import One from "cryptocurrency-icons/svg/color/one.svg";
-import Ong from "cryptocurrency-icons/svg/color/ong.svg";
-import Ont from "cryptocurrency-icons/svg/color/ont.svg";
-import Oot from "cryptocurrency-icons/svg/color/oot.svg";
-import Ost from "cryptocurrency-icons/svg/color/ost.svg";
-import Ox from "cryptocurrency-icons/svg/color/ox.svg";
-import Oxt from "cryptocurrency-icons/svg/color/oxt.svg";
-import Oxy from "cryptocurrency-icons/svg/color/oxy.svg";
-import Part from "cryptocurrency-icons/svg/color/part.svg";
-import Pasc from "cryptocurrency-icons/svg/color/pasc.svg";
-import Pasl from "cryptocurrency-icons/svg/color/pasl.svg";
-import Pax from "cryptocurrency-icons/svg/color/pax.svg";
-import Paxg from "cryptocurrency-icons/svg/color/paxg.svg";
-import Pay from "cryptocurrency-icons/svg/color/pay.svg";
-import Payx from "cryptocurrency-icons/svg/color/payx.svg";
-import Pink from "cryptocurrency-icons/svg/color/pink.svg";
-import Pirl from "cryptocurrency-icons/svg/color/pirl.svg";
-import Pivx from "cryptocurrency-icons/svg/color/pivx.svg";
-import Plr from "cryptocurrency-icons/svg/color/plr.svg";
-import Poa from "cryptocurrency-icons/svg/color/poa.svg";
-import Poe from "cryptocurrency-icons/svg/color/poe.svg";
-import Polis from "cryptocurrency-icons/svg/color/polis.svg";
-import Poly from "cryptocurrency-icons/svg/color/poly.svg";
-import Pot from "cryptocurrency-icons/svg/color/pot.svg";
-import Powr from "cryptocurrency-icons/svg/color/powr.svg";
-import Ppc from "cryptocurrency-icons/svg/color/ppc.svg";
-import Ppp from "cryptocurrency-icons/svg/color/ppp.svg";
-import Ppt from "cryptocurrency-icons/svg/color/ppt.svg";
-import Pre from "cryptocurrency-icons/svg/color/pre.svg";
-import Prl from "cryptocurrency-icons/svg/color/prl.svg";
-import Pungo from "cryptocurrency-icons/svg/color/pungo.svg";
-import Pura from "cryptocurrency-icons/svg/color/pura.svg";
-import Qash from "cryptocurrency-icons/svg/color/qash.svg";
-import Qiwi from "cryptocurrency-icons/svg/color/qiwi.svg";
-import Qlc from "cryptocurrency-icons/svg/color/qlc.svg";
-import Qnt from "cryptocurrency-icons/svg/color/qnt.svg";
-import Qrl from "cryptocurrency-icons/svg/color/qrl.svg";
-import Qsp from "cryptocurrency-icons/svg/color/qsp.svg";
-import Qtum from "cryptocurrency-icons/svg/color/qtum.svg";
-import R from "cryptocurrency-icons/svg/color/r.svg";
-import Rads from "cryptocurrency-icons/svg/color/rads.svg";
-import Rap from "cryptocurrency-icons/svg/color/rap.svg";
-import Ray from "cryptocurrency-icons/svg/color/ray.svg";
-import Rcn from "cryptocurrency-icons/svg/color/rcn.svg";
-import Rdd from "cryptocurrency-icons/svg/color/rdd.svg";
-import Rdn from "cryptocurrency-icons/svg/color/rdn.svg";
-import Ren from "cryptocurrency-icons/svg/color/ren.svg";
-import Rep from "cryptocurrency-icons/svg/color/rep.svg";
-import Repv2 from "cryptocurrency-icons/svg/color/repv2.svg";
-import Req from "cryptocurrency-icons/svg/color/req.svg";
-import Rhoc from "cryptocurrency-icons/svg/color/rhoc.svg";
-import Ric from "cryptocurrency-icons/svg/color/ric.svg";
-import Rise from "cryptocurrency-icons/svg/color/rise.svg";
-import Rlc from "cryptocurrency-icons/svg/color/rlc.svg";
-import Rpx from "cryptocurrency-icons/svg/color/rpx.svg";
-import Rub from "cryptocurrency-icons/svg/color/rub.svg";
-import Rvn from "cryptocurrency-icons/svg/color/rvn.svg";
-import Ryo from "cryptocurrency-icons/svg/color/ryo.svg";
-import Safe from "cryptocurrency-icons/svg/color/safe.svg";
-import Safemoon from "cryptocurrency-icons/svg/color/safemoon.svg";
-import Sai from "cryptocurrency-icons/svg/color/sai.svg";
-import Salt from "cryptocurrency-icons/svg/color/salt.svg";
-import San from "cryptocurrency-icons/svg/color/san.svg";
-import Sand from "cryptocurrency-icons/svg/color/sand.svg";
-import Sbd from "cryptocurrency-icons/svg/color/sbd.svg";
-import Sberbank from "cryptocurrency-icons/svg/color/sberbank.svg";
-import Sc from "cryptocurrency-icons/svg/color/sc.svg";
-import Ser from "cryptocurrency-icons/svg/color/ser.svg";
-import Shift from "cryptocurrency-icons/svg/color/shift.svg";
-import Sib from "cryptocurrency-icons/svg/color/sib.svg";
-import Sin from "cryptocurrency-icons/svg/color/sin.svg";
-import Skl from "cryptocurrency-icons/svg/color/skl.svg";
-import Sky from "cryptocurrency-icons/svg/color/sky.svg";
-import Slr from "cryptocurrency-icons/svg/color/slr.svg";
-import Sls from "cryptocurrency-icons/svg/color/sls.svg";
-import Smart from "cryptocurrency-icons/svg/color/smart.svg";
-import Sngls from "cryptocurrency-icons/svg/color/sngls.svg";
-import Snm from "cryptocurrency-icons/svg/color/snm.svg";
-import Snt from "cryptocurrency-icons/svg/color/snt.svg";
-import Snx from "cryptocurrency-icons/svg/color/snx.svg";
-import Soc from "cryptocurrency-icons/svg/color/soc.svg";
-import Sol from "cryptocurrency-icons/svg/color/sol.svg";
-import Spacehbit from "cryptocurrency-icons/svg/color/spacehbit.svg";
-import Spank from "cryptocurrency-icons/svg/color/spank.svg";
-import Sphtx from "cryptocurrency-icons/svg/color/sphtx.svg";
-import Srn from "cryptocurrency-icons/svg/color/srn.svg";
-import Stak from "cryptocurrency-icons/svg/color/stak.svg";
-import Start from "cryptocurrency-icons/svg/color/start.svg";
-import Steem from "cryptocurrency-icons/svg/color/steem.svg";
-import Storj from "cryptocurrency-icons/svg/color/storj.svg";
-import Storm from "cryptocurrency-icons/svg/color/storm.svg";
-import Stox from "cryptocurrency-icons/svg/color/stox.svg";
-import Stq from "cryptocurrency-icons/svg/color/stq.svg";
-import Strat from "cryptocurrency-icons/svg/color/strat.svg";
-import Stx from "cryptocurrency-icons/svg/color/stx.svg";
-import Sub from "cryptocurrency-icons/svg/color/sub.svg";
-import Sumo from "cryptocurrency-icons/svg/color/sumo.svg";
-import Sushi from "cryptocurrency-icons/svg/color/sushi.svg";
-import Sys from "cryptocurrency-icons/svg/color/sys.svg";
-import Taas from "cryptocurrency-icons/svg/color/taas.svg";
-import Tau from "cryptocurrency-icons/svg/color/tau.svg";
-import Tbx from "cryptocurrency-icons/svg/color/tbx.svg";
-import Tel from "cryptocurrency-icons/svg/color/tel.svg";
-import Ten from "cryptocurrency-icons/svg/color/ten.svg";
-import Tern from "cryptocurrency-icons/svg/color/tern.svg";
-import Tgch from "cryptocurrency-icons/svg/color/tgch.svg";
-import Theta from "cryptocurrency-icons/svg/color/theta.svg";
-import Tix from "cryptocurrency-icons/svg/color/tix.svg";
-import Tkn from "cryptocurrency-icons/svg/color/tkn.svg";
-import Tks from "cryptocurrency-icons/svg/color/tks.svg";
-import Tnb from "cryptocurrency-icons/svg/color/tnb.svg";
-import Tnc from "cryptocurrency-icons/svg/color/tnc.svg";
-import Tnt from "cryptocurrency-icons/svg/color/tnt.svg";
-import Tomo from "cryptocurrency-icons/svg/color/tomo.svg";
-import Tpay from "cryptocurrency-icons/svg/color/tpay.svg";
-import Trig from "cryptocurrency-icons/svg/color/trig.svg";
-import Trtl from "cryptocurrency-icons/svg/color/trtl.svg";
-import Trx from "cryptocurrency-icons/svg/color/trx.svg";
-import Tusd from "cryptocurrency-icons/svg/color/tusd.svg";
-import Tzc from "cryptocurrency-icons/svg/color/tzc.svg";
-import Ubq from "cryptocurrency-icons/svg/color/ubq.svg";
-import Uma from "cryptocurrency-icons/svg/color/uma.svg";
-import Uni from "cryptocurrency-icons/svg/color/uni.svg";
-import Unity from "cryptocurrency-icons/svg/color/unity.svg";
-import Usd from "cryptocurrency-icons/svg/color/usd.svg";
-import Usdc from "cryptocurrency-icons/svg/color/usdc.svg";
-import Usdt from "cryptocurrency-icons/svg/color/usdt.svg";
-import Utk from "cryptocurrency-icons/svg/color/utk.svg";
-import Veri from "cryptocurrency-icons/svg/color/veri.svg";
-import Vet from "cryptocurrency-icons/svg/color/vet.svg";
-import Via from "cryptocurrency-icons/svg/color/via.svg";
-import Vib from "cryptocurrency-icons/svg/color/vib.svg";
-import Vibe from "cryptocurrency-icons/svg/color/vibe.svg";
-import Vivo from "cryptocurrency-icons/svg/color/vivo.svg";
-import Vrc from "cryptocurrency-icons/svg/color/vrc.svg";
-import Vrsc from "cryptocurrency-icons/svg/color/vrsc.svg";
-import Vtc from "cryptocurrency-icons/svg/color/vtc.svg";
-import Vtho from "cryptocurrency-icons/svg/color/vtho.svg";
-import Wabi from "cryptocurrency-icons/svg/color/wabi.svg";
-import Wan from "cryptocurrency-icons/svg/color/wan.svg";
-import Waves from "cryptocurrency-icons/svg/color/waves.svg";
-import Wax from "cryptocurrency-icons/svg/color/wax.svg";
-import Wbtc from "cryptocurrency-icons/svg/color/wbtc.svg";
-import Wgr from "cryptocurrency-icons/svg/color/wgr.svg";
-import Wicc from "cryptocurrency-icons/svg/color/wicc.svg";
-import Wings from "cryptocurrency-icons/svg/color/wings.svg";
-import Wpr from "cryptocurrency-icons/svg/color/wpr.svg";
-import Wtc from "cryptocurrency-icons/svg/color/wtc.svg";
-import X from "cryptocurrency-icons/svg/color/x.svg";
-import Xas from "cryptocurrency-icons/svg/color/xas.svg";
-import Xbc from "cryptocurrency-icons/svg/color/xbc.svg";
-import Xbp from "cryptocurrency-icons/svg/color/xbp.svg";
-import Xby from "cryptocurrency-icons/svg/color/xby.svg";
-import Xcp from "cryptocurrency-icons/svg/color/xcp.svg";
-import Xdn from "cryptocurrency-icons/svg/color/xdn.svg";
-import Xem from "cryptocurrency-icons/svg/color/xem.svg";
-import Xin from "cryptocurrency-icons/svg/color/xin.svg";
-import Xlm from "cryptocurrency-icons/svg/color/xlm.svg";
-import Xmcc from "cryptocurrency-icons/svg/color/xmcc.svg";
-import Xmg from "cryptocurrency-icons/svg/color/xmg.svg";
-import Xmo from "cryptocurrency-icons/svg/color/xmo.svg";
-import Xmr from "cryptocurrency-icons/svg/color/xmr.svg";
-import Xmy from "cryptocurrency-icons/svg/color/xmy.svg";
-import Xp from "cryptocurrency-icons/svg/color/xp.svg";
-import Xpa from "cryptocurrency-icons/svg/color/xpa.svg";
-import Xpm from "cryptocurrency-icons/svg/color/xpm.svg";
-import Xpr from "cryptocurrency-icons/svg/color/xpr.svg";
-import Xrp from "cryptocurrency-icons/svg/color/xrp.svg";
-import Xsg from "cryptocurrency-icons/svg/color/xsg.svg";
-import Xtz from "cryptocurrency-icons/svg/color/xtz.svg";
-import Xuc from "cryptocurrency-icons/svg/color/xuc.svg";
-import Xvc from "cryptocurrency-icons/svg/color/xvc.svg";
-import Xvg from "cryptocurrency-icons/svg/color/xvg.svg";
-import Xzc from "cryptocurrency-icons/svg/color/xzc.svg";
-import Yfi from "cryptocurrency-icons/svg/color/yfi.svg";
-import Yoyow from "cryptocurrency-icons/svg/color/yoyow.svg";
-import Zcl from "cryptocurrency-icons/svg/color/zcl.svg";
-import Zec from "cryptocurrency-icons/svg/color/zec.svg";
-import Zel from "cryptocurrency-icons/svg/color/zel.svg";
-import Zen from "cryptocurrency-icons/svg/color/zen.svg";
-import Zest from "cryptocurrency-icons/svg/color/zest.svg";
-import Zil from "cryptocurrency-icons/svg/color/zil.svg";
-import Zilla from "cryptocurrency-icons/svg/color/zilla.svg";
-import Zrx from "cryptocurrency-icons/svg/color/zrx.svg";
-
-export const icons = {
-  $PAC: Pac,
-  "0XBTC": ZeroXbtc,
-  "1INCH": Oneinch,
-  "2GIVE": Twogive,
-  AAVE: Aave,
-  ABT: Abt,
-  ACTN: Actn,
-  ACT: Act,
-  ADA: Ada,
-  ADD: Add,
-  ADX: Adx,
-  AEON: Aeon,
-  AE: Ae,
-  AEUR: Aeur,
-  AGI: Agi,
-  AGRS: Agrs,
-  AION: Aion,
-  ALGO: Algo,
-  AMB: Amb,
-  AMPL: Ampl,
-  AMP: Amp,
-  ANKR: Ankr,
-  ANT: Ant,
-  APE: Ape,
-  APEX: Apex,
-  APPC: Appc,
-  ARDR: Ardr,
-  ARG: Arg,
-  ARK: Ark,
-  ARN: Arn,
-  ARNX: Arnx,
-  ARY: Ary,
-  AST: Ast,
-  ATLAS: Atlas,
-  ATM: Atm,
-  ATOM: Atom,
-  AUDR: Audr,
-  AURY: Aury,
-  AUTO: Auto,
-  AVAX: Avax,
-  AYWA: Aywa,
-  BAB: Bab,
-  BAL: Bal,
-  BAND: Band,
-  BAT: Bat,
-  BAY: Bay,
-  BCBC: Bcbc,
-  BCC: Bcc,
-  BCD: Bcd,
-  BCH: Bch,
-  BCIO: Bcio,
-  BCN: Bcn,
-  BCO: Bco,
-  BCPT: Bcpt,
-  BDL: Bdl,
-  BEAM: Beam,
-  BELA: Bela,
-  BIX: Bix,
-  BLCN: Blcn,
-  BLK: Blk,
-  BLOCK: Block,
-  BLZ: Blz,
-  BNB: Bnb,
-  BNT: Bnt,
-  BNTY: Bnty,
-  BOOTY: Booty,
-  BOS: Bos,
-  BPT: Bpt,
-  BQ: Bq,
-  BRD: Brd,
-  BSD: Bsd,
-  BSV: Bsv,
-  BTCD: Btcd,
-  BTCH: Btch,
-  BTCP: Btcp,
-  BTC: Btc,
-  BTCZ: Btcz,
-  BTDX: Btdx,
-  BTG: Btg,
-  BTM: Btm,
-  BTS: Bts,
-  BTT: Btt,
-  BTX: Btx,
-  BURST: Burst,
-  BZE: Bze,
-  CALL: Call,
-  CC: Cc,
-  CDN: Cdn,
-  CDT: Cdt,
-  CENZ: Cenz,
-  CHAIN: Chain,
-  CHAT: Chat,
-  CHIPS: Chips,
-  CHSB: Chsb,
-  CHZ: Chz,
-  CIX: Cix,
-  CLAM: Clam,
-  CLOAK: Cloak,
-  CMM: Cmm,
-  CMT: Cmt,
-  CND: Cnd,
-  CNX: Cnx,
-  CNY: Cny,
-  COB: Cob,
-  COLX: Colx,
-  COMP: Comp,
-  COQUI: Coqui,
-  CRED: Cred,
-  CRPT: Crpt,
-  CRV: Crv,
-  CRW: Crw,
-  CS: Cs,
-  CTR: Ctr,
-  CTXC: Ctxc,
-  CVC: Cvc,
-  DAI: Dai,
-  DASH: Dash,
-  DATA: Data,
-  DAT: Dat,
-  DBC: Dbc,
-  DCN: Dcn,
-  DCR: Dcr,
-  DEEZ: Deez,
-  DENT: Dent,
-  DEW: Dew,
-  DGB: Dgb,
-  DGD: Dgd,
-  DLT: Dlt,
-  DNT: Dnt,
-  DOCK: Dock,
-  DOGE: Doge,
-  DOT: Dot,
-  DRGN: Drgn,
-  DROP: Drop,
-  D: D,
-  DTA: Dta,
-  DTH: Dth,
-  DTR: Dtr,
-  EBST: Ebst,
-  ECA: Eca,
-  EDG: Edg,
-  EDOGE: Edoge,
-  EDO: Edo,
-  ELA: Ela,
-  ELEC: Elec,
-  ELF: Elf,
-  ELIX: Elix,
-  ELLA: Ella,
-  EMB: Emb,
-  EMC2: Emc2,
-  EMC: Emc,
-  ENG: Eng,
-  ENJ: Enj,
-  ENTRP: Entrp,
-  EON: Eon,
-  EOP: Eop,
-  EOS: Eos,
-  EQLI: Eqli,
-  EQUA: Equa,
-  ETC: Etc,
-  ETHOS: Ethos,
-  ETH: Eth,
-  ETN: Etn,
-  ETP: Etp,
-  EUR: Eur,
-  EVX: Evx,
-  EXMO: Exmo,
-  EXP: Exp,
-  FAIR: Fair,
-  FCT: Fct,
-  FIDA: Fida,
-  FIL: Fil,
-  FJC: Fjc,
-  FLDC: Fldc,
-  FLO: Flo,
-  FLUX: Flux,
-  FSN: Fsn,
-  FTC: Ftc,
-  FUEL: Fuel,
-  FUN: Fun,
-  GAME: Game,
-  GAS: Gas,
-  GBP: Gbp,
-  GBX: Gbx,
-  GBYTE: Gbyte,
-  GENERIC: Generic,
-  GIN: Gin,
-  GLXT: Glxt,
-  GMR: Gmr,
-  GMT: Gmt,
-  GNO: Gno,
-  GNT: Gnt,
-  GOLD: Gold,
-  GRC: Grc,
-  GRIN: Grin,
-  GRS: Grs,
-  GRT: Grt,
-  GSC: Gsc,
-  GTO: Gto,
-  GUP: Gup,
-  GUSD: Gusd,
-  GVT: Gvt,
-  GXS: Gxs,
-  GZR: Gzr,
-  HIGHT: Hight,
-  HNS: Hns,
-  HODL: Hodl,
-  HOT: Hot,
-  HPB: Hpb,
-  HSR: Hsr,
-  HTML: Html,
-  HT: Ht,
-  HUC: Huc,
-  HUSD: Husd,
-  HUSH: Hush,
-  ICN: Icn,
-  ICP: Icp,
-  ICX: Icx,
-  IGNIS: Ignis,
-  ILK: Ilk,
-  INK: Ink,
-  INS: Ins,
-  ION: Ion,
-  IOP: Iop,
-  IOST: Iost,
-  IOTX: Iotx,
-  IQ: Iq,
-  ITC: Itc,
-  JNT: Jnt,
-  JPY: Jpy,
-  KCS: Kcs,
-  KIN: Kin,
-  KLOWN: Klown,
-  KMD: Kmd,
-  KNC: Knc,
-  KRB: Krb,
-  KSM: Ksm,
-  LBC: Lbc,
-  LEND: Lend,
-  LEO: Leo,
-  LINK: Link,
-  LKK: Lkk,
-  LOOM: Loom,
-  LPT: Lpt,
-  LRC: Lrc,
-  LSK: Lsk,
-  LTC: Ltc,
-  LUN: Lun,
-  MAID: Maid,
-  MANA: Mana,
-  MATIC: Matic,
-  MAX: Max,
-  MCAP: Mcap,
-  MCO: Mco,
-  MDA: Mda,
-  MDS: Mds,
-  MED: Med,
-  MEETONE: Meetone,
-  MFT: Mft,
-  MIOTA: Miota,
-  MITH: Mith,
-  MKR: Mkr,
-  MLN: Mln,
-  MNX: Mnx,
-  MNZ: Mnz,
-  MOAC: Moac,
-  MOD: Mod,
-  MONA: Mona,
-  MSR: Msr,
-  MTH: Mth,
-  MTL: Mtl,
-  MUSIC: Music,
-  MZC: Mzc,
-  NANO: Nano,
-  NAS: Nas,
-  NAV: Nav,
-  NCASH: Ncash,
-  NDZ: Ndz,
-  NEBL: Nebl,
-  NEOS: Neos,
-  NEO: Neo,
-  NEU: Neu,
-  NEXO: Nexo,
-  NGC: Ngc,
-  NIO: Nio,
-  NKN: Nkn,
-  NLC2: Nlc2,
-  NLG: Nlg,
-  NMC: Nmc,
-  NMR: Nmr,
-  NPXS: Npxs,
-  NTBC: Ntbc,
-  NULS: Nuls,
-  NXS: Nxs,
-  NXT: Nxt,
-  OAX: Oax,
-  OK: Ok,
-  OMG: Omg,
-  OMNI: Omni,
-  ONE: One,
-  ONG: Ong,
-  ONT: Ont,
-  OOT: Oot,
-  OST: Ost,
-  OX: Ox,
-  OXT: Oxt,
-  OXY: Oxy,
-  PART: Part,
-  PASC: Pasc,
-  PASL: Pasl,
-  PAXG: Paxg,
-  PAX: Pax,
-  PAY: Pay,
-  PAYX: Payx,
-  PINK: Pink,
-  PIRL: Pirl,
-  PIVX: Pivx,
-  PLR: Plr,
-  POA: Poa,
-  POE: Poe,
-  POLIS: Polis,
-  POLY: Poly,
-  POT: Pot,
-  POWR: Powr,
-  PPC: Ppc,
-  PPP: Ppp,
-  PPT: Ppt,
-  PRE: Pre,
-  PRL: Prl,
-  PUNGO: Pungo,
-  PURA: Pura,
-  QASH: Qash,
-  QIWI: Qiwi,
-  QLC: Qlc,
-  QNT: Qnt,
-  QRL: Qrl,
-  QSP: Qsp,
-  QTUM: Qtum,
-  RADS: Rads,
-  RAP: Rap,
-  RAY: Ray,
-  RCN: Rcn,
-  RDD: Rdd,
-  RDN: Rdn,
-  REN: Ren,
-  REP: Rep,
-  REPV2: Repv2,
-  REQ: Req,
-  RHOC: Rhoc,
-  RIC: Ric,
-  RISE: Rise,
-  RLC: Rlc,
-  RPX: Rpx,
-  R: R,
-  RUB: Rub,
-  RVN: Rvn,
-  RYO: Ryo,
-  SAFEMOON: Safemoon,
-  SAFE: Safe,
-  SAI: Sai,
-  SALT: Salt,
-  SAND: Sand,
-  SAN: San,
-  SBD: Sbd,
-  SBERBANK: Sberbank,
-  SC: Sc,
-  SER: Ser,
-  SHIFT: Shift,
-  SIB: Sib,
-  SIN: Sin,
-  SKL: Skl,
-  SKY: Sky,
-  SLR: Slr,
-  SLS: Sls,
-  SMART: Smart,
-  SNGLS: Sngls,
-  SNM: Snm,
-  SNT: Snt,
-  SNX: Snx,
-  SOC: Soc,
-  SOL: Sol,
-  SPACEHBIT: Spacehbit,
-  SPANK: Spank,
-  SPHTX: Sphtx,
-  SRN: Srn,
-  STAK: Stak,
-  START: Start,
-  STEEM: Steem,
-  STORJ: Storj,
-  STORM: Storm,
-  STOX: Stox,
-  STQ: Stq,
-  STRAT: Strat,
-  STX: Stx,
-  SUB: Sub,
-  SUMO: Sumo,
-  SUSHI: Sushi,
-  SYS: Sys,
-  TAAS: Taas,
-  TAU: Tau,
-  TBX: Tbx,
-  TEL: Tel,
-  TEN: Ten,
-  TERN: Tern,
-  TGCH: Tgch,
-  THETA: Theta,
-  TIX: Tix,
-  TKN: Tkn,
-  TKS: Tks,
-  TNB: Tnb,
-  TNC: Tnc,
-  TNT: Tnt,
-  TOMO: Tomo,
-  TPAY: Tpay,
-  TRIG: Trig,
-  TRTL: Trtl,
-  TRX: Trx,
-  TUSD: Tusd,
-  TZC: Tzc,
-  UBQ: Ubq,
-  UMA: Uma,
-  UNI: Uni,
-  UNITY: Unity,
-  USDC: Usdc,
-  USD: Usd,
-  USDT: Usdt,
-  UTK: Utk,
-  VERI: Veri,
-  VET: Vet,
-  VIA: Via,
-  VIBE: Vibe,
-  VIB: Vib,
-  VIVO: Vivo,
-  VRC: Vrc,
-  VRSC: Vrsc,
-  VTC: Vtc,
-  VTHO: Vtho,
-  WABI: Wabi,
-  WAN: Wan,
-  WAVES: Waves,
-  WAX: Wax,
-  WBTC: Wbtc,
-  WGR: Wgr,
-  WICC: Wicc,
-  WINGS: Wings,
-  WPR: Wpr,
-  WTC: Wtc,
-  XAS: Xas,
-  XBC: Xbc,
-  XBP: Xbp,
-  XBY: Xby,
-  XCP: Xcp,
-  XDN: Xdn,
-  XEM: Xem,
-  XIN: Xin,
-  XLM: Xlm,
-  XMCC: Xmcc,
-  XMG: Xmg,
-  XMO: Xmo,
-  XMR: Xmr,
-  XMY: Xmy,
-  XPA: Xpa,
-  XPM: Xpm,
-  XPR: Xpr,
-  XP: Xp,
-  XRP: Xrp,
-  XSG: Xsg,
-  X: X,
-  XTZ: Xtz,
-  XUC: Xuc,
-  XVC: Xvc,
-  XVG: Xvg,
-  XZC: Xzc,
-  YFI: Yfi,
-  YOYOW: Yoyow,
-  ZCL: Zcl,
-  ZEC: Zec,
-  ZEL: Zel,
-  ZEN: Zen,
-  ZEST: Zest,
-  ZILLA: Zilla,
-  ZIL: Zil,
-  ZRX: Zrx,
-};

apps/insights/src/components/PriceFeedIcon/index.tsx

@@ -1,4 +1,4 @@
-import type { ComponentProps, ComponentType } from "react";
+import type { ComponentProps } from "react";
 
 import Commodities from "./commodities.svg";
 import CryptoIndex from "./crypto-index.svg";
@@ -7,29 +7,19 @@ import Crypto from "./crypto.svg";
 import Eco from "./eco.svg";
 import Equity from "./equity.svg";
 import Fx from "./fx.svg";
-import { icons } from "./icons";
 import styles from "./index.module.scss";
 import Metal from "./metal.svg";
 import Rates from "./rates.svg";
 
 type OwnProps = {
   assetClass: string;
-  symbol: string;
 };
 type Props = Omit<SVGProps, keyof OwnProps | "width" | "height" | "viewBox"> &
   OwnProps;
 
-export const PriceFeedIcon = ({ assetClass, symbol, ...props }: Props) => {
+export const PriceFeedIcon = ({ assetClass, ...props }: Props) => {
   switch (assetClass) {
-    case "Crypto": {
-      const firstPart = symbol.split(".")[1]?.split("/")[0];
-      const Icon = firstPart ? (icons as SVGRecord)[firstPart] : undefined;
-      return Icon ? (
-        <Icon width="100%" height="100%" viewBox="0 0 32 32" {...props} />
-      ) : (
-        <GenericIcon assetClass="Crypto" {...props} />
-      );
-    }
+    case "Crypto":
     case "Crypto NAV": {
       return <GenericIcon assetClass="Crypto" {...props} />;
     }
@@ -63,8 +53,6 @@ const GenericIcon = ({ assetClass, ...props }: GenericProps) => {
 };
 
 type SVGProps = ComponentProps<"svg">;
-type SVGComponent = ComponentType<SVGProps>;
-type SVGRecord = Record<string, SVGComponent>;
 
 const ASSET_CLASS_TO_ICON = {
   Commodities,

apps/insights/src/components/PriceFeeds/index.tsx

@@ -109,12 +109,7 @@ export const PriceFeeds = async () => {
             assetClass: feed.product.asset_type,
             description: feed.product.description,
             displaySymbol: feed.product.display_symbol,
-            icon: (
-              <PriceFeedIcon
-                assetClass={feed.product.asset_type}
-                symbol={feed.symbol}
-              />
-            ),
+            icon: <PriceFeedIcon assetClass={feed.product.asset_type} />,
           }))}
         />
       </section>
@@ -137,12 +132,7 @@ export const PriceFeeds = async () => {
               assetClass: feed.product.asset_type,
               description: feed.product.description,
               displaySymbol: feed.product.display_symbol,
-              icon: (
-                <PriceFeedIcon
-                  assetClass={feed.product.asset_type}
-                  symbol={feed.symbol}
-                />
-              ),
+              icon: <PriceFeedIcon assetClass={feed.product.asset_type} />,
             }))}
           />
         </UnstyledTabPanel>
@@ -210,12 +200,7 @@ const FeaturedFeeds = ({
                   description: feed.product.description,
                   displaySymbol: feed.product.display_symbol,
                   symbol: feed.symbol,
-                  icon: (
-                    <PriceFeedIcon
-                      assetClass={feed.product.asset_type}
-                      symbol={feed.symbol}
-                    />
-                  ),
+                  icon: <PriceFeedIcon assetClass={feed.product.asset_type} />,
                 }))}
               />
             ),
@@ -263,12 +248,7 @@ const FeaturedFeedsCard = <T extends ElementType>({
             <SymbolPairTag
               displaySymbol={feed.product.display_symbol}
               description={feed.product.description}
-              icon={
-                <PriceFeedIcon
-                  assetClass={feed.product.asset_type}
-                  symbol={feed.symbol}
-                />
-              }
+              icon={<PriceFeedIcon assetClass={feed.product.asset_type} />}
             />
             {showPrices && (
               <div className={styles.prices}>

apps/insights/src/components/Publisher/performance.tsx

@@ -305,12 +305,7 @@ const getFeedRows = (
       rank: ranking.final_rank,
       status,
       firstEvaluation: ranking.first_ranking_time,
-      icon: (
-        <PriceFeedIcon
-          assetClass={feed.product.asset_type}
-          symbol={feed.symbol}
-        />
-      ),
+      icon: <PriceFeedIcon assetClass={feed.product.asset_type} />,
       href: `/price-feeds/${encodeURIComponent(feed.symbol)}`,
     }));
 

apps/insights/src/components/Publisher/price-feeds.tsx

@@ -39,12 +39,7 @@ export const PriceFeeds = async ({ params }: Props) => {
           <SymbolPairTag
             displaySymbol={feed.product.display_symbol}
             description={feed.product.description}
-            icon={
-              <PriceFeedIcon
-                assetClass={feed.product.asset_type}
-                symbol={feed.symbol}
-              />
-            }
+            icon={<PriceFeedIcon assetClass={feed.product.asset_type} />}
           />
         ),
         score: ranking?.final_score,

apps/insights/src/components/Root/index.tsx

@@ -77,11 +77,6 @@ const getFeedsForSearchDialog = async (cluster: Cluster) => {
     assetClass: feed.product.asset_type,
     description: feed.product.description,
     priceAccount: feed.product.price_account,
-    icon: (
-      <PriceFeedIcon
-        assetClass={feed.product.asset_type}
-        symbol={feed.symbol}
-      />
-    ),
+    icon: <PriceFeedIcon assetClass={feed.product.asset_type} />,
   }));
 };

packages/component-library/package.json

@@ -81,7 +81,6 @@
     "autoprefixer": "catalog:",
     "babel-plugin-react-compiler": "catalog:",
     "copyfiles": "catalog:",
-    "cryptocurrency-icons": "catalog:",
     "css-loader": "catalog:",
     "eslint": "catalog:",
     "jest": "catalog:",

packages/component-library/src/SymbolPairTag/index.stories.tsx

@@ -1,5 +1,4 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import BtcIcon from "cryptocurrency-icons/svg/color/btc.svg";
 
 import { SymbolPairTag as SymbolPairTagComponent } from "./index.jsx";
 const meta = {
@@ -29,7 +28,7 @@ export const SymbolPairTag = {
   args: {
     displaySymbol: "BTC/USD",
     isLoading: false,
-    icon: <BtcIcon width="100%" height="100%" viewBox="0 0 32 32" />,
+    icon: undefined,
     description: "Bitcoin",
   },
 } satisfies StoryObj<typeof SymbolPairTagComponent>;

packages/component-library/src/TableGrid/index.stories.tsx

@@ -1,6 +1,5 @@
 import { ChartLine } from "@phosphor-icons/react/dist/ssr/ChartLine";
 import type { Meta, StoryObj } from "@storybook/react";
-import BtcIcon from "cryptocurrency-icons/svg/color/btc.svg";
 
 import { Badge } from "../Badge";
 import { SymbolPairTag } from "../SymbolPairTag";
@@ -60,11 +59,7 @@ const ConfidenceCellRenderer = ({ value }: { value: number }) => (
 
 const FeedCellRenderer = ({ value }: { value: string }) => (
   <div style={{ height: "100%", display: "flex", alignItems: "center" }}>
-    <SymbolPairTag
-      displaySymbol={value}
-      icon={<BtcIcon />}
-      description={value}
-    />
+    <SymbolPairTag displaySymbol={value} icon={undefined} description={value} />
   </div>
 );
 

pnpm-lock.yaml

@@ -180,9 +180,6 @@ catalogs:
     copyfiles:
       specifier: ^2.4.1
       version: 2.4.1
-    cryptocurrency-icons:
-      specifier: ^0.18.1
-      version: 0.18.1
     css-loader:
       specifier: ^7.1.2
       version: 7.1.2
@@ -430,9 +427,6 @@ importers:
       connectkit:
         specifier: 'catalog:'
         version: 1.9.0(@babel/core@7.27.1)(@tanstack/react-query@5.71.5(react@19.1.0))(react-dom@19.1.0(react@19.1.0))(react-is@18.3.1)(react@19.1.0)(viem@2.38.2(bufferutil@4.0.9)(typescript@5.8.2)(utf-8-validate@5.0.10)(zod@3.24.4))(wagmi@2.14.16(@react-native-async-storage/async-storage@1.24.0(react-native@0.78.2(@babel/core@7.27.1)(@babel/preset-env@7.26.9(@babel/core@7.27.1))(@types/react@19.1.0)(bufferutil@4.0.9)(react@19.1.0)(utf-8-validate@5.0.10)))(@tanstack/query-core@5.71.5)(@tanstack/react-query@5.71.5(react@19.1.0))(@types/react@19.1.0)(bufferutil@4.0.9)(encoding@0.1.13)(immer@9.0.21)(ioredis@5.7.0)(react@19.1.0)(typescript@5.8.2)(utf-8-validate@5.0.10)(viem@2.38.2(bufferutil@4.0.9)(typescript@5.8.2)(utf-8-validate@5.0.10)(zod@3.24.4))(zod@3.24.4))
-      cryptocurrency-icons:
-        specifier: 'catalog:'
-        version: 0.18.1
       framer-motion:
         specifier: 'catalog:'
         version: 12.9.2(@emotion/is-prop-valid@1.3.1)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
@@ -1009,9 +1003,6 @@ importers:
       clsx:
         specifier: 'catalog:'
         version: 2.1.1
-      cryptocurrency-icons:
-        specifier: 'catalog:'
-        version: 0.18.1
       csv-stringify:
         specifier: 'catalog:'
         version: 6.6.0
@@ -2272,9 +2263,6 @@ importers:
       copyfiles:
         specifier: 'catalog:'
         version: 2.4.1
-      cryptocurrency-icons:
-        specifier: 'catalog:'
-        version: 0.18.1
       css-loader:
         specifier: 'catalog:'
         version: 7.1.2(webpack@5.98.0(@swc/core@1.13.2)(esbuild@0.25.9))
@@ -13507,9 +13495,6 @@ packages:
   crypto-js@4.2.0:
     resolution: {integrity: sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==}
 
-  cryptocurrency-icons@0.18.1:
-    resolution: {integrity: sha512-dvR5O8JOmav3559Yb0Igpkia+3vpt/aeNvMu5ZIVUG2Bzpq9wNcOJRIQas49XJrPjtZ98GAEn3aDQO+w7uhS2w==}
-
   css-color-keywords@1.0.0:
     resolution: {integrity: sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==}
     engines: {node: '>=4'}
@@ -40181,8 +40166,6 @@ snapshots:
 
   crypto-js@4.2.0: {}
 
-  cryptocurrency-icons@0.18.1: {}
-
   css-color-keywords@1.0.0: {}
 
   css-functions-list@3.2.3: {}

pnpm-workspace.yaml

@@ -108,7 +108,6 @@ catalog:
   clsx: ^2.1.1
   connectkit: ^1.9.0
   copyfiles: ^2.4.1
-  cryptocurrency-icons: ^0.18.1
   css-loader: ^7.1.2
   date-fns: ^4.1.0
   csv-stringify: ^6.6.0