https://github.com/drum-n-bass/fusion

Fusion is an open source collection of handcrafted well balanced line-based vector icons made for your next web3 project.
https://github.com/drum-n-bass/fusion

crypto icons iconset minimal react spritesheets svg vector vue3 web3

Last synced: 9 days ago
JSON representation

Fusion is an open source collection of handcrafted well balanced line-based vector icons made for your next web3 project.

• Host: GitHub
• URL: https://github.com/drum-n-bass/fusion
• Owner: drum-n-bass
• License: apache-2.0
• Created: 2020-01-24T10:51:38.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-05-15T02:56:27.000Z (over 1 year ago)
• Last Synced: 2024-12-13T19:42:58.790Z (26 days ago)
• Topics: crypto, icons, iconset, minimal, react, spritesheets, svg, vector, vue3, web3
• Language: JavaScript
• Homepage: https://fusion.li
• Size: 2.71 MB
• Stars: 40
• Watchers: 4
• Forks: 8
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
Demo

----

Demo [here](https://fusion.li).

Single Use Method : copy/paste icon's code into your html

----

Open icon-file, copy code to html. 

Notice : You can use the regular color attribute.

```html



 

 



```


Vue3 / React Method : inline-svg

----

Get your favorite inline svg loader like inline-svg

```js

```

Oldshool No-Build Low-Http-Request way:

----

Download [`fusion-coins.svg`](sprites/fusion-coins.svg) / [`fusion-interface.svg`](sprites/fusion-interface.svg) / [`fusion-web3.svg`](sprites/fusion-web3.svg) to your project.

Use the spritesheet files, that contains the icons you need, and icons name after the #

```html

 

}

```

Note, there is a [`genSprites.js`](/genSprites.js) written in Node JS, to generate these spritesheets from the icons folder. You will not need this file inside your project.

Fusion for Figma

----

There is also a Figma file for our designer friends.

[`online`](https://www.figma.com/file/SQPTWYnxQv3188UUmKBPIv/fusion)

License

----

See [LICENSE](LICENSE)