@dwstyle/icons
Official Icons Library For dWeb dApps, dSites and other dWeb-related projects.
Usage
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 Description
dWeb Icon |
Class |
![](https://camo.githubusercontent.com/37549a038ca71aae8eae9f842957f069feccf37baa94e2b4fa2ce282bd73c03a/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f636c6970626f6172642e737667) |
dwebicon-clipboard |
![](https://camo.githubusercontent.com/bd95d3218df91b7ac738da86fe0136e3b74c902e31a00c0ecefe8831221dd479/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f647061636b2e737667) |
dwebicon-new-dpack |
![](https://camo.githubusercontent.com/7cf2a1084be1032cb03276ff55a6afea780f62ad0d5b55bd840131ee723db252/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f646f776e6c6f61642e737667) |
dwebicon-download |
![](https://camo.githubusercontent.com/5e2545616a739450bb1eeb66e33518a677cfb9e598d0ebbbbd60d130d0264236/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f656469742e737667) |
dwebicon-edit |
![](https://camo.githubusercontent.com/a3d547c8ae186ce6a595e3d4dd5538cc6ea60154f29694d7df876f2be05d14a5/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f66696c652e737667) |
dwebicon-file |
![](https://camo.githubusercontent.com/2dfc8ea3eaa109cb5227740cee2698521ae46c876891de024d8304d31e2bdeee/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f666f6c6465722e737667) |
dwebicon-folder |
![](https://camo.githubusercontent.com/6b9f59c92087a9a2d1fd2437260f7f930907543d26173f20f1bd3e11f0294f34/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f68617070792d666163652e737667) |
dwebicon-happy-face |
![](https://camo.githubusercontent.com/6ac4cbbaa823d4113870f3d1ee6c6957cd45a86d4a3ba58a80426e2657f33c69/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f647765622d646f776e6c6f61642e737667) |
dwebicon-dweb-download |
![](https://camo.githubusercontent.com/a6321f3eefb4da5a8ecfcc50906d85a092a5f6336b3f14594d8e949d2e23e22a/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f68657861676f6e2d6f75746c696e65732e737667) |
dwebicon-hexagon-outlines |
![](https://camo.githubusercontent.com/4409c4be980d63d81150dcbc8f57fbaac44b5194d44e32d2fc3819d327ba2de0/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f647765622d70617573652e737667) |
dwebicon-dweb-pause |
![](https://camo.githubusercontent.com/f41429b13ad9c131fca461cb584a9697b2514256f8435445f342d398f8191d75/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f647765622d726573756d652e737667) |
dwebicon-dweb-resume |
![](https://camo.githubusercontent.com/9f6abacf4b81440e98803b8a18d81a40cf7f039e3fc9c3bdca370d87fef4d34e/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f647765622d75706c6f61642e737667) |
dwebicon-dweb-upload |
![](https://camo.githubusercontent.com/e64736d293644cdab11114f0ba8b201ca8711bea4e993105548c826d73bf3803/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f647765622d657869742e737667) |
dwebicon-dweb-exit |
![](https://camo.githubusercontent.com/b3c5e6dc80961540bb1ad94449d1a9df2eefc1ac3c40472dc0d53ded23752998/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f647765622d696d706f72742e737667) |
dwebicon-dweb-import |
![](https://camo.githubusercontent.com/5c4fd951c33883d6c9b98d93660f24555e05c67e93482fae983e1fd03269d6cd/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6c696e6b2e737667) |
dwebicon-link |
![](https://camo.githubusercontent.com/f6b0729db117b4340302f784e84a00d03205c8e743b699350c9328fdb3505835/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6c6f6164696e672e737667) |
dwebicon-loading |
![](https://camo.githubusercontent.com/cd8db0938e40506dfaa2ef3fb8986cd6b08fee4055a6027adaa88c46987b2331/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6c65747465722e737667) |
dwebicon-letter |
![](https://camo.githubusercontent.com/2287db9b8c45554af32785e660e1f7e5454c962c09404a0f2f7d29e4c3211055/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6c6f636b2e737667) |
dwebicon-lock |
![](https://camo.githubusercontent.com/4d28ad9c9c8eb162fec3098c6c246c1ec375e507854a7db1f9d7dca51bd3c086/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6d656e752e737667) |
dwebicon-menu |
![](https://camo.githubusercontent.com/7e0ce73f8059932d12ba259ad2d003ad9a6e055606cf64cbd9af4571b5a27f83/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6e6574776f726b2e737667) |
dwebicon-network |
![](https://camo.githubusercontent.com/f427e2a8846c2daa6fa065b72f9d152cdc9e770a7c1d51fa36a60c5b40048c56/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6f70656e2d696e2d6465736b746f702e737667) |
dwebicon-open-in-desktop |
![](https://camo.githubusercontent.com/9780ee797a53e96d443e95608bdb5d91568eba9ef5673777e7ea8cc6a26b63c0/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6f70656e2d696e2d66696e6465722e737667) |
dwebicon-open-in-finder |
![](https://camo.githubusercontent.com/a9c3bc76024113087cafb5b5de7e3a7bef15414c24e9f4c5f1b8d5a993a545e4/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f706c75732e737667) |
dwebicon-plus |
![](https://camo.githubusercontent.com/375c46e0ae2ca99de70bd0f580554e97dc75b81c847bc2468980730f4a507a67/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f7175657374696f6e2e737667) |
dwebicon-question |
![](https://camo.githubusercontent.com/e438ba986e231e2edb232b4ff632db4e4df47095868f0d5543d9389e87a40d69/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f7361642d666163652e737667) |
dwebicon-sad-face |
![](https://camo.githubusercontent.com/6c6ff947bc07cf17546f152f9eb99ca40a92b45aa61d0682dd216ecf0eb03591/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f6661766f726974652e737667) |
dwebicon-favorite |
![](https://camo.githubusercontent.com/5e2545616a739450bb1eeb66e33518a677cfb9e598d0ebbbbd60d130d0264236/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f656469742e737667) |
dwebicon-edit |
![](https://camo.githubusercontent.com/b1cb203458dafaa7401ab3da79d2864c64bd0b0718ef9af39083fce17bdc7fe0/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f696e666f2e737667) |
dwebicon-info |
![](https://camo.githubusercontent.com/fd951e6752d6d68f95c1657211ac3e9ece1a0348d6c9a77226dde5079f3ae14a/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f676561722e737667) |
dwebicon-gear |
![](https://camo.githubusercontent.com/224ec7c827cdec6e81ae50eec8c223ae4dec065eda22724e6224a8518a2042df/687474703a2f2f63646e2e64776562732e696f2f647765622d69636f6e732f7365617263682e737667) |
dwebicon-search |
Build dWeb Icons
npm install
npm run build-dweb-icons