diff --git a/visual-kpi-docs/docs/supporting-pages/icons-map.mdx b/visual-kpi-docs/docs/supporting-pages/icons-map.mdx
new file mode 100644
index 00000000..c52a6e6f
--- /dev/null
+++ b/visual-kpi-docs/docs/supporting-pages/icons-map.mdx
@@ -0,0 +1,11 @@
+---
+id: mapped-icons
+title: Mapped Icons
+slug: /mapped-icons
+description: 'On this page we should list all existing video training.'
+tags: []
+---
+
+import IconsMap from '@site/src/components/SvgFont/IconsMap';
+
+
diff --git a/visual-kpi-docs/docs/supporting-pages/trainning.mdx b/visual-kpi-docs/docs/supporting-pages/training.mdx
similarity index 100%
rename from visual-kpi-docs/docs/supporting-pages/trainning.mdx
rename to visual-kpi-docs/docs/supporting-pages/training.mdx
diff --git a/visual-kpi-docs/sidebars.js b/visual-kpi-docs/sidebars.js
index fae142b1..7e836cb5 100644
--- a/visual-kpi-docs/sidebars.js
+++ b/visual-kpi-docs/sidebars.js
@@ -317,6 +317,11 @@ const sidebars = {
defaultStyle: true,
className: 'sidebar_title',
},
+ {
+ type: 'doc',
+ id: 'supporting-pages/mapped-icons',
+ label: 'Mapped Icons',
+ },
{
type: 'doc',
id: 'supporting-pages/faq',
@@ -337,8 +342,7 @@ const sidebars = {
type: 'doc',
id: 'supporting-pages/glossary',
label: 'Glossary',
- },
-
+ },
],
};
diff --git a/visual-kpi-docs/src/components/SvgFont/IconsMap.jsx b/visual-kpi-docs/src/components/SvgFont/IconsMap.jsx
new file mode 100644
index 00000000..775c9dbf
--- /dev/null
+++ b/visual-kpi-docs/src/components/SvgFont/IconsMap.jsx
@@ -0,0 +1,24 @@
+import selection from '@site/static/font/selection.json';
+import SvgFont from '@site/src/components/SvgFont/SvgFont';
+
+export default function IconsMap() {
+ const gridContainerStyle = {
+ display: 'grid',
+ gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 1fr))',
+ gap: '10px',
+ };
+ console.log(selection.icons[8])
+
+ return (
+
+ {
+ selection.icons.map((icon, index) => (
+
+
+ {index} - {icon.properties.name}
+
+ ))
+ }
+
+ )
+}
diff --git a/visual-kpi-docs/src/components/SvgFont/SvgFont.jsx b/visual-kpi-docs/src/components/SvgFont/SvgFont.jsx
index 14399b6e..e7e05740 100644
--- a/visual-kpi-docs/src/components/SvgFont/SvgFont.jsx
+++ b/visual-kpi-docs/src/components/SvgFont/SvgFont.jsx
@@ -12,7 +12,7 @@ export default function SvgFont({ data, position, size }) {