https://github.com/webcyou/crypto-currency-icon

Crypto Currency Icon
https://github.com/webcyou/crypto-currency-icon

bitcoin crypto-currency crypto-currency-icon cryptocurrency css ethereum icon ripple scss scss-styles

Last synced: 6 months ago
JSON representation

Crypto Currency Icon

• Host: GitHub
• URL: https://github.com/webcyou/crypto-currency-icon
• Owner: webcyou
• License: mit
• Created: 2018-01-14T14:05:10.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-18T17:02:22.000Z (over 7 years ago)
• Last Synced: 2025-04-01T13:51:13.255Z (7 months ago)
• Topics: bitcoin, crypto-currency, crypto-currency-icon, cryptocurrency, css, ethereum, icon, ripple, scss, scss-styles
• Language: CSS
• Homepage: https://webcyou.github.io/crypto-currency-icon/
• Size: 2.51 MB
• Stars: 6
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# crypto-currency-icon 

### [APB CSS](http://apbcss.com/) (Atomic Parts Base CSS) Architecture Base CryptoCurrency Icon CSS Style

![Crypto Currency Icon](https://webcyou.github.io/crypto-currency-icon/images/design_ss.png)

## Table of contents

* [Quick start](#quick-start)

* [Documentation](#documentation)

* [Start Develop](#start-develop)

* [Creators](#creators)

* [Copyright and license](#copyright-and-license)

## Quick start

included html

```$xslt

```

**Install with [npm](https://www.npmjs.com):**

```$xslt

$ npm install crypto-currency-icon

```

**SCSS**

```$xslt

@import "/node_modules/crypto-currency-icon/dist/crypto-currency-icon.css";

```

**HTML**

example:

Bitcoin

![Bitcoin](https://webcyou.github.io/crypto-currency-icon/images/bitcoin_30.png)

```$xslt



```


Ripple

![Ripple](https://webcyou.github.io/crypto-currency-icon/images/ripple_30.png)

```$xslt



```


add Size Variation.

![Ripple](https://webcyou.github.io/crypto-currency-icon/images/ripple_20.png)

```$xslt



```


**Icon Size CSS Class**

| size (px)     | css className |  images  |

|:-------------:|:-------------:|:--------:|

| 14px × 14px   | mini          | ![Bitcoin](https://webcyou.github.io/crypto-currency-icon/images/bitcoin_14.png) |

| 20px × 20px   | small         | ![Bitcoin](https://webcyou.github.io/crypto-currency-icon/images/bitcoin_20.png) |

| 30px × 30px   | medium        | ![Bitcoin](https://webcyou.github.io/crypto-currency-icon/images/bitcoin_30.png) |

| 50px × 50px   | large         | ![Bitcoin](https://webcyou.github.io/crypto-currency-icon/images/bitcoin_50.png) |

| 100px × 100px | big           | ![Bitcoin](https://webcyou.github.io/crypto-currency-icon/images/bitcoin_100.png) |

Retina Display Image size.

**Clone the repo:**

```$xslt

$ git clone --recursive git@github.com:webcyou/crypto-currency-icon.git

```

## Documentation

CryptoCurrency Icon CSS Style documentation, included in this repo in the root directory, is built with Hugo.

[CryptoCurrency Icon CSS](https://webcyou.github.io/crypto-currency-icon/)

## Start Develop

**Clone the repo:**

```$xslt

$ git clone --recursive git@github.com:webcyou/crypto-currency-icon.git

```

```$xslt

$ cd crypto-currency-icon

```

```$xslt

$ npm install

```

If necessary, install Hugo and other Go.

```$xslt

$ brew install hugo

```

```$xslt

$ npm run start

```

Open `http://localhost:1313` in your browser.

## Creators

**Daisuke Takayama**

* [@webcyou](https://twitter.com/webcyou)

* [@panicdragon](https://twitter.com/panicdragon)

* 

* 

* 

## Copyright and license

MIT