cryptocurrency icon

  • cardano
    .ci-ada
  • aeternity
    .ci-ae
  • ardor
    .ci-ardr
  • ark
    .ci-ark
  • basicattention
    .ci-bat
  • bitconnect
    .ci-bcc
  • bytecoin
    .ci-bcn
  • blocknet
    .ci-block
  • binance
    .ci-bnb
  • bitcoin
    .ci-btc
  • bitcoin dark
    .ci-btcd
  • bytom
    .ci-btm
  • bitshare
    .ci-bts
  • civic
    .ci-cvc
  • dash
    .ci-dash
  • decred
    .ci-dcr
  • digixdao
    .ci-dgd
  • district0x
    .ci-dnt
  • dogecoin
    .ci-doge
  • eos
    .ci-eos
  • ethereum
    .ci-eth
  • metaverse
    .ci-etp
  • factom
    .ci-fct
  • gamecredits
    .ci-game
  • byteball
    .ci-gbyte
  • golem
    .ci-gnt
  • gxshare
    .ci-gxs
  • hshare
    .ci-hsr
  • iconomi
    .ci-icn
  • komodo
    .ci-kmd
  • kyber
    .ci-knc
  • lisk
    .ci-lsk
  • litecoin
    .ci-ltc
  • maidsafecoin
    .ci-maid
  • iota
    .ci-miota
  • monacoin
    .ci-mona
  • metal
    .ci-mtl
  • neo
    .ci-neo
  • omisego
    .ci-omg
  • tenx
    .ci-pay
  • pivx
    .ci-pivx
  • potcoin
    .ci-pot
  • qtum
    .ci-qtum
  • augur
    .ci-rep
  • salt
    .ci-salt
  • siacoin
    .ci-sc
  • segwit
    .ci-segwit
  • singulardtv
    .ci-sngls
  • status
    .ci-snt
  • steem
    .ci-steem
  • syscoin
    .ci-sys
  • tron
    .ci-trx
  • tether
    .ci-usdt
  • veritaseum
    .ci-veri
  • vertcoin
    .ci-vtc
  • waves
    .ci-waves
  • walton
    .ci-wtc
  • nem
    .ci-xem
  • stellarlumens
    .ci-xlm
  • monero
    .ci-xmr
  • ripple
    .ci-xrp
  • verge
    .ci-xvg
  • zcash
    .ci-zec
  • 0x
    .ci-zrx

About coinicon

coinicon is a simplified version of cryptocurrency logo and icon. All of these icons are my personal reinterpretation of the actual logo without changing any essential part of the visual, and keeping the icon identifiable as it is.

coinicon is made by Rizal Renaldi a.k.a HelloSignal

instagram | www.signalsupply.co

Terms & Disclaimer

  • Use these icons only to represent it's actual cryptocurrency
  • No copyright infringement intended on all of these icon

Usage

coinicon is a font-based icon with pre-configured setting via css.

  1. Download the package on Github
  2. Copy fonts folder
  3. Insert css on your html's head.

            <link rel="stylesheet" href="coinicon.css">

            
            

Icon


<i class="ci ci-btc"></i>
<i class="ci ci-eth"></i>
<i class="ci ci-ltc"></i>


Existing version (1.0) contains 64 cryptocurrency icons based on actual market cap top rank from coinmarketcap.com in early November 2017. Use each currency's actual code with the ci- prefix.


Size


<i class="ci-s ci-btc"></i> // 24px
<i class="ci ci-btc"></i> // 48px default
<i class="ci-m ci-btc"></i> // 64px
<i class="ci-l ci-btc"></i> // 96px


coinicon's based size is 48px. Shrink it down using suffix -s, and make it larger using -m and -l. Create your own set of sizes by overriding this suffix.


Colors


    <i class="ci ci-btc btc-color"></i>
    <i class="ci ci-eth eth-color"></i>
    <i class="ci ci-etc etc-color"></i>

    
    

Pre-configured color is set for each icon. So far, only NAVcoin and Ripple that has gradient color.

Special treatment on Ethereum and Ethereum Classic. Since both share same icon, use .ci-etc for both icon, and use .eth-color for Ethereum's color and .etc-color for Ethereum Classic's color.


Round Frame


    <i class="ci-s ci-btc btc-round"></i>
    <i class="ci ci-neo neo-round"></i>
    <i class="ci-m ci-xrp xrp-round"></i>

    
    

Round frame variation using the same color with colored icon. Easily combine it with size suffix.

Special treatment on Ethereum and Ethereum Classic. Since both share same icon, use .ci-etc for both icon, and use .eth-round for Ethereum's round color and .etc-round for Ethereum Classic's round color.