Crypto icons made easy.
Download Free

Version 1.0.2 - 1033 crypto icons - 269 colorful crypto icons

Crypto Fonts gives you scalable vector icons that can instantly be customized by size, color, shadow, and anything that can be done with the power of CSS.

One font, 1033 icons

In a single collection you'll get most of the famous and used crypto icons.

No Javascript required

No compatibility concern, Crypto Font doens't require any Javascript to run.

Infinite scalability

Scalable vector graphics are amazing and crisp at any resolutions.

CSS controls

Easily style icon color, size, shadow, and anything that's possible with CSS.

Great on Retina displays

Crypto Fonts icons are vectors, which means they maintain the best high-resolution on any display.

Easy to integrate

Quick and easy to integrate in any project and framework.

Getting Started

Manual Setup

Grap a copy of the latest version of Crypto Fonts and use it alongside your source code.

1. Move the CSS and web fonts into your project

Copy the entire webfonts folder and the cryptofont.css into your project's static assets directory (or where ever you prefer to keep front end assets or vendor stuff).

2. Reference the CSS

Add a reference to the cryptofont.css styling file into the <head> of each template or page that you want to use Crypto Font on.
Pay attention to the pathing of your project and where you moved the files to in the previous step.

  • index.html

<head
<!--CryptoFont--> 
   <link href="cryptofont.css" rel="stylesheet">
</head>

3. Place icons in your UI's markup

With the references complete, you can now start placing icons in your HTML's <body>.
We recommend using a consistent HTML element, like an <i>. You can place Crypto Fonts icons just about anywhere using the CSS Prefix cf and the crypto ticker.

  • index.html

<body
<!--some icons--> 
   <i class="cf cf-btc"></i
   <i class="cf cf-eth"></i
   <i class="cf cf-ltc"></i>
</body>