Dashboard Sidebar SVG Icons
A Design app example that finds clean open-source SVG home and settings icons for a dashboard sidebar.
SVG icons · dashboard sidebar · Iconify · Tabler Icons · Remix Icon · Material Symbols · design
Last updated:
Find open-source SVG home and settings icons from clean UI icon sets for a dashboard sidebar. Include the icon names, collections, and licenses.
Fuer eine klare Dashboard-Seitenleiste eignen sich Icons mit einheitlicher Strichstaerke und minimalistischer Aesthetik. Hier sind mehrere Open-Source-SVG-Optionen aus angesehenen, sauberen UI-Icon-Sets: ### 1. Tabler Icons [Tabler Icons](wiki:Tabler) ist ein stark anpassbares, strichbasiertes Set auf einem 24x24-Raster und passt dadurch sehr gut zu modernen Dashboards. * **Lizenz:** [MIT](wiki:MIT_License) * **Home:** `tabler:home` [Home](embed:home-EuX) * **Settings:** `tabler:settings` [Settings](embed:settings-TgF) ### 2. Remix Icon Remix Icon bietet einen neutralen, professionellen Stil mit "Line"- und "Fill"-Varianten. Das ist ideal, um aktive und inaktive Zustaende in einer Seitenleiste zu unterscheiden. * **Lizenz:** [Apache 2.0](wiki:Apache_License) * **Home:** `ri:home-line` [Home Line](embed:home-line-vDv) * **Settings:** `ri:settings-line` [Settings Line](embed:settings-line-c3G) ### 3. Material Symbols (Light) [Material Symbols](wiki:Material_Design) sind der moderne Nachfolger von Material Icons und nutzen variable Font-Technologie. Die Varianten "Light" und "Outline" wirken besonders luftig und hochwertig. * **Lizenz:** [Apache 2.0](wiki:Apache_License) * **Home:** `material-symbols-light:home-outline` [Home Outline](embed:home-outline-3t2) * **Settings:** `material-symbols-light:settings-outline` [Settings Outline](embed:settings-outline-jak) ### 4. Boxicons Boxicons ist ein hochwertiges, webfreundliches Icon-Set mit einfachen und gut ausbalancierten Symbolen. * **Lizenz:** [MIT](wiki:MIT_License) * **Home:** `boxicons:home` [Home](embed:home-DSR) * **Settings:** `boxicons:settings` (Available in the Boxicons collection) ### Zusammenfassungstabelle **Design-Tipp:** Wenn du diese Icons in einer Seitenleiste nutzt, halte die Strichbreite ueber alle Icons hinweg konsistent. Viele dieser Kollektionen verwenden standardmaessig `2px`, was gut sichtbar bleibt, ohne "schwer" zu wirken. Moechtest du, dass ich weitere Sidebar-Icons wie "Benutzer", "Analytics" oder "Nachrichten" suche, um das Set zu vervollstaendigen? Ich kann dir auch mit einer [Svelte](/#settings/apps/code)- oder [React](wiki:React_(software))-Seitenleistenkomponente helfen, falls du die UI gerade baust.