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 |
![](https://camo.githubusercontent.com/f7844ceb06b2a88d48adc368556a1333b76378e319cd162d35214e5635d4de5c/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f636c6970626f6172642e737667) |
dwebicon-clipboard |
![](https://camo.githubusercontent.com/6cb4120ced3e96cbeb884a849a26cb6a479ef2a45e1a8840ea8b4f43d39e9903/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f647061636b2e737667) |
dwebicon-new-dpack |
![](https://camo.githubusercontent.com/65db4376f4ef0806ea72b075fdaa9d137a5eada78be17e7726db67d0717be8ea/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f646f776e6c6f61642e737667) |
dwebicon-download |
![](https://camo.githubusercontent.com/af853aa4760409f432a7a6d55cb6a65061916092d2a66ab8827ccaf6e293c517/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f656469742e737667) |
dwebicon-edit |
![](https://camo.githubusercontent.com/4b3bf548757442fa4642b1bf730d0ff50a374732bf3a61206027283be0cb015a/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f66696c652e737667) |
dwebicon-file |
![](https://camo.githubusercontent.com/27c65a8bd01cb10e97e1412bd123511189246b24a2d2fe0b1a182c0c21e6ded1/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f666f6c6465722e737667) |
dwebicon-folder |
![](https://camo.githubusercontent.com/a52afe4e21baf295f84e42a3c2980b45b879c7105b4571aa466fea928eb551a9/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f68617070792d666163652e737667) |
dwebicon-happy-face |
![](https://camo.githubusercontent.com/5ffc694c0dfce087ffd2eb27f1cdb505108732a72943eb513c1e740513946dc0/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f647765622d646f776e6c6f61642e737667) |
dwebicon-dweb-download |
![](https://camo.githubusercontent.com/fd164ea5195ddce892589a7515227adf85829ac2c4b6581b0269427a77915fe2/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f68657861676f6e2d6f75746c696e65732e737667) |
dwebicon-hexagon-outlines |
![](https://camo.githubusercontent.com/9fc557280a3b26403aaba352bfddb1de38245b45ef4376d8769eb7c0ba63af5c/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f647765622d70617573652e737667) |
dwebicon-dweb-pause |
![](https://camo.githubusercontent.com/99ff6815b73ddf37ce2caaa509969e44717a95c0a593b5d0854f8620abd78af0/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f647765622d726573756d652e737667) |
dwebicon-dweb-resume |
![](https://camo.githubusercontent.com/c35fd79ee7ac4f72a936c3c319356bcde1f3b5f1d7105612a1f7ea0b98246ca5/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f647765622d75706c6f61642e737667) |
dwebicon-dweb-upload |
![](https://camo.githubusercontent.com/f62f75c21cd45d271375b18f458325c1ac62db1cb7eb80f27fa397c4eb4f6d29/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f647765622d657869742e737667) |
dwebicon-dweb-exit |
![](https://camo.githubusercontent.com/a2dc1ce4b4b6de37cbb7070dc84e685bee8806f31c40dcfeb53b6d987772f3f5/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f647765622d696d706f72742e737667) |
dwebicon-dweb-import |
![](https://camo.githubusercontent.com/ca9a7ecd928607b6aec93f46f3e567eccf1137c6ed588ff04246263ebc1faaa6/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6c696e6b2e737667) |
dwebicon-link |
![](https://camo.githubusercontent.com/6f04ba9844f182d9b49b28a57bf67716cc4c12647c792e8d61e740c8663f6a50/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6c6f6164696e672e737667) |
dwebicon-loading |
![](https://camo.githubusercontent.com/aa361f186019ea6cbe9d758617f9fe3e23f55b14c9c6ebb6ae40971475d5fc23/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6c65747465722e737667) |
dwebicon-letter |
![](https://camo.githubusercontent.com/599b04507e54a99c69b1186efdc4bca77aacb2d1b6505374339e556cf76f5a0c/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6c6f636b2e737667) |
dwebicon-lock |
![](https://camo.githubusercontent.com/52f324b8885656e00d6317cda07119ee206b62c8e9f846af37de0d0bba182d53/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6d656e752e737667) |
dwebicon-menu |
![](https://camo.githubusercontent.com/b37de5cdc85aa4806532ab650e9cffd15ea90951593f325a18d5f6c8e0a5b775/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6e6574776f726b2e737667) |
dwebicon-network |
![](https://camo.githubusercontent.com/062ae96d2fe05ad9f138a2447724d5d5083b4ef4383866c128d828fd1bf1b5d1/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6f70656e2d696e2d6465736b746f702e737667) |
dwebicon-open-in-desktop |
![](https://camo.githubusercontent.com/b61fdbe6fed6bbed2f82a3ca71d6099edd861f6f262a50ed3c82fc70dfdcb2c8/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6f70656e2d696e2d66696e6465722e737667) |
dwebicon-open-in-finder |
![](https://camo.githubusercontent.com/0026d0697d7ca2294fa69ba87480be8fd59cbc44d084d6c3def72d66110b7ff8/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f706c75732e737667) |
dwebicon-plus |
![](https://camo.githubusercontent.com/7378c17b401c749618666106c84ffcae1adfd7d882bf92fddeafa7b7b7369855/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f7175657374696f6e2e737667) |
dwebicon-question |
![](https://camo.githubusercontent.com/636263213adc4c945fc827d3ce3b2427f387cbadfb60e44216557995255e936f/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f7361642d666163652e737667) |
dwebicon-sad-face |
![](https://camo.githubusercontent.com/68fdbfe30d9893447872e47b6f365fc5eaa86c8ab5eaa70173b4284d7a057ce5/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6661766f726974652e737667) |
dwebicon-favorite |
![](https://camo.githubusercontent.com/af853aa4760409f432a7a6d55cb6a65061916092d2a66ab8827ccaf6e293c517/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f656469742e737667) |
dwebicon-edit |
![](https://camo.githubusercontent.com/084426d55cdf242b53b5f9696e4a06ca9a601643c508fbd9f9b15a5509a13d19/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f696e666f2e737667) |
dwebicon-info |
![](https://camo.githubusercontent.com/4fb34ed6752f4eaf27c625cfa4e269d090473e4a1214b4f71250abeeaf5b98d6/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f676561722e737667) |
dwebicon-gear |
![](https://camo.githubusercontent.com/9d3bd1bc5706d1e3c41c6fb8d171d49160b600a02cd348b19b4f69fd56908da4/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f7365617263682e737667) |
dwebicon-search |
npm install
npm run build-dweb-icons