Official Icons Library For dWeb dApps, dSites and other dWeb-related projects.
const dwebIcons = require('@dwstyle/icons')
var el = dwebIcons()
document.body.appendChild(el)Make sure to include this sprite in your page as the first element after the <body> opening tag.
Icons can be referenced in our dWeb Design Kit @dwstyle/dweb-design like so:
<svg><use xlink:href="#dwebicon-happy-face"></use></svg>| dWeb Icon | Class |
|---|---|
 |
dwebicon-clipboard |
 |
dwebicon-new-dpack |
 |
dwebicon-download |
 |
dwebicon-edit |
 |
dwebicon-file |
 |
dwebicon-folder |
 |
dwebicon-happy-face |
 |
dwebicon-dweb-download |
 |
dwebicon-hexagon-outlines |
 |
dwebicon-dweb-pause |
 |
dwebicon-dweb-resume |
 |
dwebicon-dweb-upload |
 |
dwebicon-dweb-exit |
 |
dwebicon-dweb-import |
 |
dwebicon-link |
 |
dwebicon-loading |
 |
dwebicon-letter |
 |
dwebicon-lock |
 |
dwebicon-menu |
 |
dwebicon-network |
 |
dwebicon-open-in-desktop |
 |
dwebicon-open-in-finder |
 |
dwebicon-plus |
 |
dwebicon-question |
 |
dwebicon-sad-face |
 |
dwebicon-favorite |
|
dwebicon-edit |
 |
dwebicon-info |
 |
dwebicon-gear |
 |
dwebicon-search |
npm install
npm run build-dweb-icons
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent