fix(icons): add Tabler icon support DEV-2929

[jamesrkiger]

📣 Summary

Adds support for Tabler icons in doc articles alongside the existing KPI icon set.

💭 Notes

This change ensures doc writers can reference both our legacy icons and Tabler icons inline in articles using the same <i class="..."> pattern already used for k-icons.

How it works:

• k-icons are unchanged — generated from SVGs in the KPI repo via fantasticon as before
• Tabler icons are handled by subsetting the official Tabler webfont (@tabler/icons-webfont) down to a specified (manually set) list of icons KPI currently uses in scripts/tabler-icons-list.json
• Subsetting (via subset-font) was chosen over generating from SVGs because Tabler's outline icons are stroke-based and don't convert correctly to a font format via fantasticon — the webfont package has already done that conversion properly
• Both sets are regenerated automatically on npm install

Usage in articles:

<!-- KPI icons (legacy) -->
<i class="k-icon k-icon-trash"></i>

<!-- Tabler outline -->
<i class="ti-outline ti-logout"></i>

<!-- Tabler filled -->
<i class="ti-filled ti-trash"></i>

To verify this works, build the site and view the language_dashboard page. The k-icon-language icon has been replaced by the tabler world icon (will fix the other instances of this icon in a separate PR).

[Copilot]

Copilot review overview

🟡 Changes recommended

Moderate locale-registration and icon-validation issues remain, along with documentation and generated-output consistency nits.

Get a fresh assessment by requesting another Copilot review.

Review effort: Lite
Findings: 2 · 3

Open (5)

• Validate missing icons and fail generation · New
• Include Tabler CSS in Spanish and French configs · New
• Fix misspelled command in README · New
• Correct heading to show the required two-class icon syntax · New
• Match generated URL quotes with committed CSS · New

What changed in this PR

Adds Tabler outline and filled icon support alongside existing k-icons using subsetted webfonts and generated CSS assets.

Changes:

• Adds Tabler icon allow-listing, dependencies, and generation scripts.
• Registers generated fonts and shared styling.
• Updates documentation and dashboard icon usage.

File	Summary
source/​language_dashboard.md	Uses a Tabler icon; no findings.
source/​conf.py	Loads Tabler styles for English docs. Moderate (2 votes): also register both stylesheets for Spanish and French builds.
source/​_static/​tabler-icons/​tabler-outline.css	Generated Tabler outline stylesheet; no findings.
source/​_static/​tabler-icons/​tabler-filled.css	Generated Tabler filled stylesheet; no findings.
source/​_static/​css/​kobo_theme.css.map	Updated compiled source map; no findings.
source/​_static/​css/​kobo_theme.css	Includes compiled Tabler styles; no findings.
scripts/​tabler-icons-list.json	Defines the supported Tabler icons; no findings.
scripts/​generate_icons.js	Generates subsetted fonts and CSS. Moderate (2 votes): fail when requested icons are missing instead of silently filtering them. Nit (2 votes): keep generated URL quoting consistent with committed CSS.
sass_source/​sass/​_icons.scss	Adds shared Tabler icon styling; no findings.
README.md	Documents icon usage. Nits: fix commandd to command (3 votes) and clarify the heading to show the required two-class form (2 votes).
package.json	Adds Tabler and subsetting dependencies; no findings.

Files not reviewed (1)

• source/_static/css/kobo_theme.css: Generated file

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

[pauloamorimbr]

LGTM!

There are some unrelated syntax fixing deleting empty spaces, but I'm fine with that! Well done. Tested and icons appear properly after building.