.github | ||
png | ||
scripts | ||
svg | ||
webp | ||
.gitignore | ||
CODE_OF_CONDUCT.md | ||
CONTRIBUTING.md | ||
ICONS.md | ||
LICENSE | ||
README.md | ||
tree.json |
Dashboard Icons
The best source for dashboard icons.
View icons →
Table of Contents
Icon Requests
If you're looking to add a new icon, please read the Contribution Guidelines. Afterwards, submit a Pull Request or open an issue.
Supported Dashboards
Several dashboards offer seamless integration with Dashboard Icons. Here are some of the most popular options:
Usage and Details
Direct Links
Icons can be used directly from either GitHub or jsDelivr (recommended). Links consist of three components, each described below:
- Base URL
- Name
- Format
A complete link will look like this:
https://<Base URL>/<Format>/<Name>.<Format>
For example, the icon URL for the WEBP version of Nextcloud Calendar would be:
https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/webp/nextcloud-calendar.webp
Base URL
We recommend using jsDelivr, a free and fast CDN:
https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons
Alternatively, you can use direct links to the repository:
https://raw.githubusercontent.com/walkxcode/dashboard-icons/refs/heads/main
Name
Icons are named using kebab case (lowercase words separated by hyphens). For example, "Nextcloud Calendar" becomes nextcloud-calendar
.
Formats
Icons are available in the following formats:
- SVG
- PNG
- WEBP
All icons are generated from the SVG file as the base.
Read more about the specifics and standards of icons in the Contribution Guidelines.
Dark/Light Versions
In some cases, an icon might have very light or dark colors, making it hard to see on certain backgrounds. In this situation, a -light
or -dark
version will be added to the end of the icon's name, with colors adjusted accordingly.
For example, "2fauth" becomes 2fauth-light
.
Read more about the specifics and standards of icons in the Contribution Guidelines.
Downloading Icons
To download icons from the icons page, simply Right-click the icon link and select "Save link as".
Warning: Visiting the icons page will load every icon in the repository. This may result in:
- High data usage.
- System slowdowns.
- Browser crashes on some devices.
If you prefer not to load all icons at once, consider using the direct links or downloading icons individually.
To download icons using the terminal, use curl
or wget
. Refer to Direct Links for details on the link structure.
curl -O https://<Base URL>/<Format>/<Name>.<Format>
or
wget https://<Base URL>/<Format>/<Name>.<Format>
Disclaimer
Unless otherwise indicated, all images and assets in this repository, including product names, trademarks, and registered trademarks, are the property of their respective owners. These images and assets are used for identification purposes only, and their use does not imply endorsement.
Read the LICENSE for more information about the project itself. For questions or concerns, contact me at bjorn@lammers.media.