- Add ai-core/ — Chief, Scout, Scribe OpenClaw agents + shared knowledge base - Consolidate research/reference docs and the sns.md brand foundation under ai-core/knowledge/ - Repoint every sns.md reference (business branding, divisions, root README) to ai-core/knowledge/sns.md - Update root + ai-core READMEs to reflect the new structure
10 KiB
Here are 10 strong icon repositories that work well for dashboards and can be loaded from a CDN.
Dashboard icon libraries
| # | Library | Best for | License |
|---|---|---|---|
| 1 | Lucide | Clean modern dashboards | ISC |
| 2 | Tabler Icons | Technical and infrastructure dashboards | MIT |
| 3 | Bootstrap Icons | General admin dashboards | MIT |
| 4 | Material Design Icons | Very large application icon collection | Apache 2.0 |
| 5 | Phosphor Icons | Multiple weights and polished interfaces | MIT |
| 6 | Remix Icon | Business and application dashboards | Remix Icon License |
| 7 | Font Awesome Free | Broad general-purpose coverage | Mixed open-source licenses |
| 8 | Boxicons | Simple admin panels and navigation | MIT |
| 9 | Iconoir | Elegant outline-style dashboards | MIT |
| 10 | Simple Icons | Company, vendor, and technology logos | CC0 1.0 |
1. Lucide Icons
My first choice for a clean, modern dashboard.
- More than 1,600 icons
- Consistent outline style
- Excellent React support
- Customizable stroke width
- Good accessibility
- Includes servers, databases, networks, charts, settings, alerts, and users
Browse Lucide · GitHub repository
CDN
<script src="https://cdn.jsdelivr.net/npm/lucide@latest/dist/umd/lucide.min.js"></script>
<i data-lucide="server"></i>
<i data-lucide="network"></i>
<i data-lucide="database"></i>
<i data-lucide="activity"></i>
<script>
lucide.createIcons();
</script>
Lucide is especially good for React, Vite, Tailwind, and modern dark dashboards. Lucide repository
2. Tabler Icons
My strongest recommendation for networking, infrastructure, monitoring, and technical dashboards.
- More than 6,000 icons
- 24×24 grid
- Outline and filled variants
- Consistent two-pixel stroke
- Excellent technical icon coverage
Browse Tabler Icons · GitHub repository
CDN
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css"
>
<i class="ti ti-server"></i>
<i class="ti ti-router"></i>
<i class="ti ti-cloud-network"></i>
<i class="ti ti-database"></i>
<i class="ti ti-chart-histogram"></i>
Tabler currently offers more than 6,000 free MIT-licensed SVG icons. Tabler Icons
3. Bootstrap Icons
A dependable choice for traditional admin dashboards.
- Familiar interface symbols
- Excellent Bootstrap integration
- Easy webfont usage
- Includes filled and outline icons
- Works without the Bootstrap CSS framework
Browse Bootstrap Icons · GitHub repository
CDN
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.min.css"
>
<i class="bi bi-speedometer2"></i>
<i class="bi bi-hdd-rack"></i>
<i class="bi bi-router"></i>
<i class="bi bi-cloud"></i>
<i class="bi bi-bar-chart"></i>
4. Material Design Icons
One of the largest general-purpose icon collections.
- Thousands of icons
- Excellent device and application coverage
- Familiar Google/Android visual language
- Strong filled-icon collection
- Good for dense operational dashboards
Browse Material Design Icons · GitHub repository
CDN
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css"
>
<i class="mdi mdi-view-dashboard"></i>
<i class="mdi mdi-server-network"></i>
<i class="mdi mdi-cloud-outline"></i>
<i class="mdi mdi-database"></i>
<i class="mdi mdi-alert-circle"></i>
5. Phosphor Icons
Excellent for refined, professional dashboards.
Its greatest advantage is the available weights:
- Thin
- Light
- Regular
- Bold
- Fill
- Duotone
Browse Phosphor · GitHub repository
CDN
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@latest/src/regular/style.css"
>
For additional weights:
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@latest/src/duotone/style.css"
>
<i class="ph ph-gauge"></i>
<i class="ph ph-server"></i>
<i class="ph ph-cloud"></i>
<i class="ph ph-chart-line-up"></i>
<i class="ph ph-warning"></i>
Phosphor’s duotone icons work particularly well in colorful KPI cards.
6. Remix Icon
A balanced collection of outline and filled icons.
- Neutral visual style
- Good business and navigation icons
- Matching line and fill variants
- Strong dashboard coverage
- Free for personal and commercial use under its current license
Browse Remix Icon · GitHub repository
CDN
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/remixicon@latest/fonts/remixicon.css"
>
<i class="ri-dashboard-line"></i>
<i class="ri-server-line"></i>
<i class="ri-cloud-line"></i>
<i class="ri-database-2-line"></i>
<i class="ri-alarm-warning-line"></i>
Replace -line with -fill when a filled version exists:
<i class="ri-dashboard-fill"></i>
7. Font Awesome Free
Best when maximum compatibility and broad coverage matter.
- Widely recognized
- Solid, regular, and brand icons
- Strong accessibility support
- Extensive documentation
- Good for legacy and modern applications
Browse Font Awesome · GitHub repository
CDN
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css"
>
<i class="fa-solid fa-gauge-high"></i>
<i class="fa-solid fa-server"></i>
<i class="fa-solid fa-network-wired"></i>
<i class="fa-solid fa-cloud"></i>
<i class="fa-solid fa-database"></i>
Font Awesome is reliable, although Lucide and Tabler often look more contemporary in new dashboards.
8. Boxicons
A lightweight choice for admin templates.
- Outline, solid, and logo icons
- Straightforward CSS classes
- Clean appearance
- Good navigation and status icons
Browse Boxicons · GitHub repository
CDN
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"
>
<i class="bx bx-grid-alt"></i>
<i class="bx bx-server"></i>
<i class="bx bx-cloud"></i>
<i class="bx bx-data"></i>
<i class="bx bx-line-chart"></i>
Solid versions typically use the bxs prefix:
<i class="bx bxs-dashboard"></i>
9. Iconoir
A refined minimalist library for premium-looking dashboards.
- Consistent outline design
- Modern geometric appearance
- Strong interface collection
- Good for dark themes
- Less visually heavy than Font Awesome
Browse Iconoir · GitHub repository
CDN
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/iconoir@latest/css/iconoir.css"
>
<i class="iconoir-dashboard"></i>
<i class="iconoir-server"></i>
<i class="iconoir-cloud"></i>
<i class="iconoir-database"></i>
<i class="iconoir-stats-up-square"></i>
10. Simple Icons
Best for recognizable technology and vendor logos.
It includes brands such as:
- AWS
- Microsoft Azure
- Google Cloud
- Cisco
- Docker
- Kubernetes
- Linux
- Ubuntu
- GitHub
- Grafana
- Prometheus
- PostgreSQL
- Cloudflare
Browse Simple Icons · GitHub repository
Direct SVG CDN
<img
src="https://cdn.simpleicons.org/amazonwebservices/FF9900"
alt="AWS"
width="28"
height="28"
>
<img src="https://cdn.simpleicons.org/cisco/1BA0D7" alt="Cisco">
<img src="https://cdn.simpleicons.org/docker/2496ED" alt="Docker">
<img src="https://cdn.simpleicons.org/kubernetes/326CE5" alt="Kubernetes">
<img src="https://cdn.simpleicons.org/linux/FCC624" alt="Linux">
<img src="https://cdn.simpleicons.org/grafana/F46800" alt="Grafana">
Simple Icons should supplement a UI library rather than replace it because it focuses on brand marks.
My recommendation for your infrastructure dashboard
Use three coordinated libraries:
Lucide or Tabler
├── Navigation
├── Controls
├── Status indicators
└── General interface icons
Material Design Icons
├── Specialized infrastructure icons
├── Devices
├── Servers
└── Monitoring
Simple Icons
├── AWS
├── Cisco
├── Linux
├── Docker
├── Kubernetes
└── Vendor branding
For your dark, technical ArchNest-style dashboard, I would choose:
- Tabler Icons as the primary interface set.
- Phosphor Duotone for KPI cards and highlights.
- Simple Icons for technology and vendor logos.
Try to limit each dashboard to one primary icon family. Mixing too many families creates inconsistent stroke widths, proportions, and visual weight.