Most editors ignore SVG viewBox attribute. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon. Code below includes extra transparent rectangle that matches viewBox, so if you paste icon in editor it will have same dimensions as in HTML:. Images are loaded one by one, which might affect performance if there are too many images. Monotone images cannot inherit color from stylesheet, so you must set color attribute.
Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option. By default color for monotone icons is the same as text color, which means you can style icons using css like this:.
Monotone icons when used as external resources cannot inherit color from stylesheet, therefore you must specify color. You can rotate and flip icon.
Use them all or just the ones you need. Webfont is ideal when you want to use majority of Cryptocoins icons. Copy "fonts" folder and "cryptocoins. This way they will work well with other iconpacks like Font Awesome. If you're familiar with Font Awesome, it's pretty much the same. You'll find the CSS references on top of this page or in demo file included in download.
SVG is better option, if you want to use just a few icons including whole webfont would be data-inefficient. Find the icons you need in "SVG" folder and copy them to your project. Then use them as regular images:. There are also many scripts that do the same automatically — your choice. Having troubles and can't get it working? I'm here for you! I was first introduced to Bitcoin few years ago and was fascinated by its concept.
Now, Bitcoins and other Altcoins are flooding the net and there still isn't quick and easy way to include them online images don't count, right?