MCPcopy Index your code
hub / github.com/homarr-labs/dashboard-icons

github.com/homarr-labs/dashboard-icons @main

repository ↗ · DeepWiki ↗ · + Follow
769 symbols 1,934 edges 202 files 32 documented · 4%
README

Dashboard Icons

jsDelivr hits jsDelivr hits GitHub Stars Contributors

Your definitive source for dashboard icons.

A collection of over 1800 curated icons for services, applications and tools, designed specifically for dashboards and app directories.

→ Browse the collection at dashboardicons.com

Why Dashboard Icons?

  • Comprehensive Collection: 1800+ icons for all popular services and tools
  • Consistent Style: Uniform visual language across different services
  • Multiple Formats: Available in SVG, PNG, and WEBP to suit your needs
  • Light & Dark Variants: Icons optimized for both light and dark themes
  • Community-Driven: Easy process to request missing icons

  Your browser does not support the video tag.
</video>

Using the Icons

Website

Find and download icons at dashboardicons.com:

  1. Search for the icon you need
  2. Click on an icon to view details
  3. Choose your preferred format
  4. Download or copy the direct link

Direct Links

Use icons from CDN with this pattern:

<Base URL>/<Format>/<Icon Name>.<Format>

Base URL options: - jsDelivr (recommended): https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons - GitHub Direct: https://raw.githubusercontent.com/homarr-labs/dashboard-icons/main

Example:

<img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/plex.svg" alt="Plex">

Technical Details

  • Naming Convention: Kebab-case (lowercase with hyphens)
  • Example: "Nextcloud Calendar" → nextcloud-calendar

  • Available Formats:

  • SVG: Vector format (original source)
  • PNG: 512px height (auto-generated)
  • WEBP: 512px height (auto-generated)

  • Variants:

  • -light suffix for dark backgrounds (e.g., github-light.svg)
  • -dark suffix for light backgrounds (e.g., github-dark.svg)

  • Command Line: ```bash # Download with curl curl -O https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/nextcloud.svg

# Download with wget wget https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/nextcloud.svg ```

Dashboard Integration

These icons integrate seamlessly with popular dashboard applications:

...and many others!

Contributing

Request Icons

Need an icon that's not in our collection?

[!NOTE] You can now submit new icon requests and updates directly using the form available at dashboardicons.com. This is the preferred way to make submissions and allows us to instantly receive and process icon contributions. Submissions can be directly approved and published by admins or contributors of Homarr Labs.

[!TIP] Use the dashboardicons.com submission form for faster review, approval, and publishing of your icon contributions—no need to open GitHub issues!

[!IMPORTANT] If you would like to help review, approve, or reject icon submissions, contact us: - Discord: https://discord.com/invite/aCsmEV5RgA - Email: homarr-labs@proton.me

If you want to be an admin for dashboardicons.com, tell us (via Discord or email) why you'd like to help and what you bring to the project!

[!WARNING] If you choose to submit an "old" issue in GitHub (instead of using the dashboardicons.com form), your request may take significantly longer to be reviewed and processed.

Preferred Method (Fast & Easy): 1. Visit dashboardicons.com 2. Use the submission form to add or update icons 3. Your submission will be reviewed by admins and published quickly

Alternative Method (Slower): 1. Check the Contribution Guidelines for specifications 2. Submit a request using our issue templates 3. Provide service details and optionally upload the icon 4. Our team will review, optimize, and add it to the collection (may take longer)

Improve the Repository

Want to help with the repository itself?

  • Review our Contribution Guidelines
  • Fork the repository, make your changes, and submit a pull request
  • We welcome help with documentation, website improvements, and maintenance

Support

Legal

Disclaimer: All product names, trademarks, and registered trademarks are the property of their respective owners. Icons are used for identification purposes only and do not imply endorsement.

License: This project is available under the terms of the LICENSE file.


Made with ♥ by the Homarr Labs team and contributors

Extension points exported contracts — how you extend this code

MultiSelectOption (Interface)
* Option interface for MultiSelect component
web/src/components/ui/multi-select.tsx
PBUser (Interface)
(no doc)
scripts/import-icon.ts
IconMetadata (Interface)
(no doc)
web/seed-db.ts
MultiSelectGroup (Interface)
* Group interface for organizing options
web/src/components/ui/multi-select.tsx
SubmissionExtras (Interface)
(no doc)
scripts/import-icon.ts
MetadataFile (Interface)
(no doc)
web/seed-db.ts
MultiSelectProps (Interface)
* Props for MultiSelect component
web/src/components/ui/multi-select.tsx
Submission (Interface)
(no doc)
scripts/import-icon.ts

Core symbols most depended-on inside this repo

cn
called by 261
web/src/lib/utils.ts
collection
called by 40
web/src/lib/pb.ts
extractColorsFromSvg
called by 22
web/src/lib/svg-color-utils.ts
normalizeColor
called by 19
web/src/lib/svg-color-utils.ts
GET
called by 17
web/src/app/og/[icon]/route.tsx
applyColorMappingsToSvg
called by 16
web/src/lib/svg-color-utils.ts
getAllIcons
called by 12
web/src/lib/api.ts
mapFromRequired
called by 10
scripts/icons.py

Shape

Function 677
Interface 61
Method 20
Class 11

Languages

TypeScript91%
Python9%

Modules by API surface

scripts/import-icon.ts29 symbols
scripts/icons.py29 symbols
web/src/components/ui/sidebar.tsx25 symbols
web/src/app/dashboard/page.tsx18 symbols
scripts/convert_svg_assets.py18 symbols
web/src/components/ui/multi-select.tsx16 symbols
web/src/components/ui/menubar.tsx16 symbols
web/scripts/import-lobehub.ts16 symbols
web/src/lib/svg-color-utils.ts15 symbols
web/src/components/ui/dropdown-menu.tsx15 symbols
web/src/components/ui/context-menu.tsx15 symbols
web/src/components/editable-icon-details.tsx12 symbols

Dependencies from manifests, versioned

@biomejs/biome2.3.7 · 1×
@hookform/resolvers5.2.2 · 1×
@opentelemetry/api-logs0.216.0 · 1×
@opentelemetry/exporter-logs-otlp-http0.216.0 · 1×
@opentelemetry/sdk-logs0.216.0 · 1×
@playwright/test1.59.1 · 1×
@posthog/nextjs-config1.9.16 · 1×
@radix-ui/react-accordion1.2.12 · 1×
@radix-ui/react-alert-dialog1.1.15 · 1×
@radix-ui/react-aspect-ratio1.1.8 · 1×
@radix-ui/react-avatar1.1.11 · 1×

For agents

$ claude mcp add dashboard-icons \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact