Thomas Camlong 6fc0a06fc4 feat(ui): major login modal redesign with improved UX
- Complete UI/UX overhaul with modern design and better spacing
- Add form reset functionality and improved state management
- Replace custom loading spinner with Lucide Loader2 icon
- Remove BorderBeam effects for cleaner appearance
- Improve error handling and validation flow
- Enhance accessibility with better focus management
- Update button styling and layout for better visual hierarchy
- Add loading states and improve user feedback
- Refactor form structure for better maintainability
2025-10-02 15:20:16 +02:00
2025-09-28 13:17:24 +02:00
2025-02-15 10:38:23 +01:00
2025-01-05 00:18:51 +01:00

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

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

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:

    # 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?

  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

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

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

Languages
TypeScript 90.3%
Python 7.2%
CSS 2.3%
JavaScript 0.2%