From e07058ef5a217c7629f5f8fd413432631f63531b Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Wed, 25 May 2022 09:27:20 -0400
Subject: [PATCH] add tablericons

---
 cspell.json             |  1 +
 docs/components/icon.md | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 33 insertions(+)

diff --git a/cspell.json b/cspell.json
index df8b7584..ae3834ff 100644
--- a/cspell.json
+++ b/cspell.json
@@ -103,6 +103,7 @@
     "stylesheet",
     "Tabbable",
     "tabindex",
+    "tabler",
     "tablist",
     "tabpanel",
     "templating",
diff --git a/docs/components/icon.md b/docs/components/icon.md
index da5969dc..adcbca92 100644
--- a/docs/components/icon.md
+++ b/docs/components/icon.md
@@ -533,6 +533,38 @@ Icons in this library are licensed under the [Apache 2.0 License](https://github
 </div>
 ```
 
+## Tabler Icons
+
+This will register the [Tabler Icons](https://tabler-icons.io/) library using the jsDelivr CDN. This library features over 1,950 open source icons.
+
+Icons in this library are licensed under the [MIT License](https://github.com/tabler/tabler-icons/blob/master/LICENSE).
+
+```html preview
+<script type="module">
+  import { registerIconLibrary } from '/dist/utilities/icon-library.js';
+
+  registerIconLibrary('tabler', {
+    resolver: name => `https://cdn.jsdelivr.net/npm/@tabler/icons@1.68.0/icons/${name}.svg`
+  });
+</script>
+
+<div style="font-size: 24px;">
+  <sl-icon library="tabler" name="alert-triangle"></sl-icon>
+  <sl-icon library="tabler" name="arrow-back"></sl-icon>
+  <sl-icon library="tabler" name="at"></sl-icon>
+  <sl-icon library="tabler" name="ball-baseball"></sl-icon>
+  <sl-icon library="tabler" name="cake"></sl-icon>
+  <sl-icon library="tabler" name="files"></sl-icon>
+  <br />
+  <sl-icon library="tabler" name="keyboard"></sl-icon>
+  <sl-icon library="tabler" name="moon"></sl-icon>
+  <sl-icon library="tabler" name="pig"></sl-icon>
+  <sl-icon library="tabler" name="printer"></sl-icon>
+  <sl-icon library="tabler" name="ship"></sl-icon>
+  <sl-icon library="tabler" name="toilet-paper"></sl-icon>
+</div>
+```
+
 ### Unicons
 
 This will register the [Unicons](https://iconscout.com/unicons) library using the jsDelivr CDN. This library has two variations: line (default) and solid (`*-s`). A mutator function is required to set the SVG's `fill` to `currentColor`.