{"id":23727762,"url":"https://github.com/drum-n-bass/fusion","last_synced_at":"2025-09-04T03:32:39.943Z","repository":{"id":42627454,"uuid":"235985180","full_name":"drum-n-bass/fusion","owner":"drum-n-bass","description":"Fusion is an open source collection of handcrafted well balanced line-based vector icons made for your next web3 project.","archived":false,"fork":false,"pushed_at":"2023-05-15T02:56:27.000Z","size":2842,"stargazers_count":40,"open_issues_count":0,"forks_count":8,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-12-13T19:42:58.790Z","etag":null,"topics":["crypto","icons","iconset","minimal","react","spritesheets","svg","vector","vue3","web3"],"latest_commit_sha":null,"homepage":"https://fusion.li","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/drum-n-bass.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":"FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"scco"}},"created_at":"2020-01-24T10:51:38.000Z","updated_at":"2024-07-22T19:32:59.000Z","dependencies_parsed_at":"2024-06-21T16:51:54.327Z","dependency_job_id":"720b613e-da34-4242-acd5-05a78a808248","html_url":"https://github.com/drum-n-bass/fusion","commit_stats":null,"previous_names":["scco/fusion"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drum-n-bass%2Ffusion","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drum-n-bass%2Ffusion/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drum-n-bass%2Ffusion/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drum-n-bass%2Ffusion/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/drum-n-bass","download_url":"https://codeload.github.com/drum-n-bass/fusion/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":231932765,"owners_count":18447982,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["crypto","icons","iconset","minimal","react","spritesheets","svg","vector","vue3","web3"],"created_at":"2024-12-31T01:29:59.001Z","updated_at":"2024-12-31T01:30:00.659Z","avatar_url":"https://github.com/drum-n-bass.png","language":"JavaScript","funding_links":["https://github.com/sponsors/scco"],"categories":[],"sub_categories":[],"readme":"Demo\n----\nDemo [here](https://fusion.li).\n\nSingle Use Method : copy/paste icon's code into your html\n----\n\nOpen icon-file, copy code to html. \nNotice : You can use the regular color attribute.\n\n```html\n\u003cdiv style=\"color: #112E49; stroke-width: 1.1;\"\u003e\n \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"currentColor\"\u003e\n \u003ccircle cx=\"32\" cy=\"32\" r=\"24\"/\u003e\u003cline x1=\"20\" y1=\"32\" x2=\"44\" y2=\"32\"/\u003e\u003cline x1=\"32\" y1=\"20\" x2=\"32\" y2=\"44\"/\u003e\u003c/svg\u003e\n\u003c/div\u003e\n```\n\n\n\nVue3 / React Method : inline-svg\n----\n\nGet your favorite inline svg loader like inline-svg\n\n```js\n\u003cinline-svg src=\"\u003cpath\u003e/\u003cIcon\u003e.svg\" stroke=\"black\" stroke-width=\"1\"/\u003e\n```\n\n\nOldshool No-Build Low-Http-Request way:\n----\n\nDownload [`fusion-coins.svg`](sprites/fusion-coins.svg) / [`fusion-interface.svg`](sprites/fusion-interface.svg) / [`fusion-web3.svg`](sprites/fusion-web3.svg) to your project.\n\nUse the spritesheet files, that contains the icons you need, and icons name after the #\n\n```html\n\u003csvg style=\"color: #112E49; stroke-width: 1.1; aspect-ratio: 1/1;\"\u003e\n \u003cuse xlink:href=\"sprites/fusion-interface.svg#alarm\"\u003e\u003c/use\u003e\n\u003c/svg\u003e\n}\n```\n\nNote, 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.\n\n\nFusion for Figma\n----\n\nThere is also a Figma file for our designer friends.\n\n[`online`](https://www.figma.com/file/SQPTWYnxQv3188UUmKBPIv/fusion)\n\n\nLicense\n----\nSee [LICENSE](LICENSE)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrum-n-bass%2Ffusion","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdrum-n-bass%2Ffusion","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrum-n-bass%2Ffusion/lists"}