sns-network-solutions/ai-core/agents/scribe/dashboard-icons.md
Samuel James 55a80ce6e3 Move ai-core team into repo; relocate sns.md to ai-core/knowledge
- 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
2026-07-17 15:33:58 -05:00

10 KiB
Raw Blame History

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>

Phosphors 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:

  1. Tabler Icons as the primary interface set.
  2. Phosphor Duotone for KPI cards and highlights.
  3. 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.