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,1300+ icons
Lightweight
No Javascript
Infinite scalability
CSS controls
Retina ready
Sketch App
Photoshop
Illustrator
Adobe XD
Figma
InVision Studio
Looking to quickly add Cryptofonts to your project? Use CryptofontsCDN
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
<link rel="stylesheet" href="https://cdn.cryptofonts.com/1.3.0/cryptofont.css">
Grap a copy of the latest version of Crypto Fonts and use it alongside your source code.
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).
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.
<head>
<!--CryptoFont-->
<link href="cryptofont.css"rel="stylesheet">
</head>
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.
<body>
<!--some icons-->
<i class="cf cf-btc"></i>
<i class="cf cf-eth"></i>
<i class="cf cf-ltc"></i>
</body>
