npm - @volue/design-icons - Versions diffs - 1.6.1-next.3 → 1.7.0-next.1 - Mend

@volue/design-icons 1.6.1-next.3 → 1.7.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/index.common.d.ts +172 -167
package/dist/index.common.js +172 -167
package/dist/index.cssmodules.css +2 -3
package/dist/index.custom-properties.css +5 -1
package/dist/index.module.d.ts +172 -167
package/dist/index.module.js +6 -1
package/dist/index.scss +5 -2
package/dist/sprite.svg +1 -1
package/package.json +9 -11
package/src/tokens.json +505 -0
package/src/index.yml +0 -1073

package/src/index.yml DELETED Viewed

@@ -1,1073 +0,0 @@
-global:
-  type: icon
-  category: icon
-props:
-  - name: ACTIVITY
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
-  - name: ADD
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12 19V5m-7 7h14"/></svg>
-  - name: ADJUST
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M20 3v9m0 9v-5M12 3v5m0 4v9m-8
-      0v-7m0-4V3M1 14h6m2-6h6m2 8h6"/></svg>
-  - name: ALIGN_CENTER
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M3 6h18m-3 4H6m-3 4h18m-3 4H6"/></svg>
-  - name: ALIGN_JUSTIFY
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M3 6h18m0 4H3m0 4h18m0 4H3"/></svg>
-  - name: ALIGN_LEFT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M21 6H3m0 4h14m4 4H3m0 4h14"/></svg>
-  - name: ALIGN_RIGHT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M3 6h18m0 4H7m-4 4h18m0 4H7"/></svg>
-  - name: ARCHIVE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M10 12h4m7-4v13H3V8H1h22V3H1m2
-      5v13h18V8h2H1V3h22"/></svg>
-  - name: AREA
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M3 7v10M2 3a1 1 0 1 0 1-1m1 1a1 1 0 1
-      1-1-1m4 1h10m4 4v10m-4 4H7m-4-1a1 1 0 1 1-1 1m1-1a1 1 0 1 0 1 1m16 0a1 1 0
-      1 0 1-1m1 1a1 1 0 1 1-1-1M20 3a1 1 0 1 0 1-1m1 1a1 1 0 1 1-1-1"/></svg>
-  - name: ARROW_DOWN
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12 19V5m7 7-7 7-7-7"/></svg>
-  - name: ARROW_LEFT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M5 12h14m-7 7-7-7 7-7"/></svg>
-  - name: ARROW_RIGHT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M19 12H5m7-7 7 7-7 7"/></svg>
-  - name: ARROW_UP
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12 5v14m-7-7 7-7 7 7"/></svg>
-  - name: ATTACHMENT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6.003 6.003 0 1
-      1-8.49-8.49l9.19-9.19a4.002 4.002 0 0 1 5.66 5.66l-9.2 9.19a2.001 2.001 0
-      0 1-2.83-2.83l8.49-8.48"/></svg>
-  - name: BAR_CHART_1
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M18 10v10m-6 0V4M6 14v6"/></svg>
-  - name: BAR_CHART_2
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M6 20v-4m6-6v10m6 0V4"/></svg>
-  - name: BELL
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M18 8c0 7 3 9 3 9H3s3-2 3-9a6 6 0 1 1 12
-      0m-4.27 13a2 2 0 0 1-3.46 0"/></svg>
-  - name: BLOCK
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12
-      2 2 6.477 2 12m10 10C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10
-      10M4.93 4.93l14.14 14.14"/></svg>
-  - name: BOLD
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M6 4h8a4 4 0 1 1 0 8H6h9a4 4 0 1 1 0
-      8H6V4Z"/></svg>
-  - name: BOOKMARK
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m19 21-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0
-      1 2 2v16Z"/></svg>
-  - name: BOX
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M18 14V6a2 2 0 0 0-1-1.73l-7-4a2 2 0 0
-      0-2 0l-7 4A2 2 0 0 0 0 6v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0
-      0 18 14Z" transform="translate(3.000000, 2.000000)"/><path d="M.27 4.96 9
-      10.01l8.73-5.05M9 20.08V10" transform="translate(3.000000,
-      2.000000)"/></svg>
-  - name: BUILDING
-    value: >-
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler
-      icon-tabler-building-community" viewBox="0 0 24 24" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m8 9 5 5v7H8v-4m0 4H3v-7l5-5m1 1V4a1 1 0
-      0 1 1-1h10a1 1 0 0 1 1 1v17h-8m0-14v.01M17 7v.01M17 11v.01M17
-      15v.01"/></svg>
-  - name: BUNDLE
-    value: >-
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="feather
-      feather-package" fill="none" stroke="currentColor" stroke-width="2"
-      stroke-linecap="round" stroke-linejoin="round"><path d="m16.5
-      9.4-9-5.19M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3
-      8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path
-      d="M3.27 6.96 12 12.01l8.73-5.05M12 22.08V12"/></svg>
-  - name: CALENDAR
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M3 20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2
-      2 0 0 0-2-2H5m16 16a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1
-      2-2h14m-3-2v4M8 6V2m-5 8h18"/></svg>
-  - name: CAMERA
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M23 8a2 2 0 0 0-2-2h-4l-2-3H9L7 6H3a2 2 0
-      0 0-2 2v11a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2M1 8a2 2 0 0 1 2-2h4l2-3h6l2
-      3h4a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2m11-2a4 4 0 1 0-4-4m4
-      4a4 4 0 1 1 4-4"/></svg>
-  - name: CASES
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2
-      2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2v11Z"/></svg>
-  - name: CHAT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M17 7h2a2 2 0 0 1 2 2v6a2 2 0 0 1-2
-      2h-2v4l-4-4H9a1.994 1.994 0 0 1-1.414-.586m0 0L11 13h4a2 2 0 0 0 2-2V5a2 2
-      0 0 0-2-2H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2v4l.586-.586Z"/></svg>
-  - name: CHECK
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
-  - name: CHECKBOX
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2
-      2H5a2 2 0 0 1-2-2M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2M8
-      12l2.5 2.5L16 9"/></svg>
-  - name: CHEVRON_DOUBLE_DOWN
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M18 13.333 12 20l-6-6.667M6 4l6 6.667L18
-      4"/></svg>
-  - name: CHEVRON_DOUBLE_LEFT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M10.667 6 4 12l6.667 6M20 18l-6.667-6L20
-      6"/></svg>
-  - name: CHEVRON_DOUBLE_RIGHT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M13.333 6 20 12l-6.667 6M4 18l6.667-6L4
-      6"/></svg>
-  - name: CHEVRON_DOUBLE_UP
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M6 10.667 12 4l6 6.667M18 20l-6-6.667L6
-      20"/></svg>
-  - name: CHEVRON_DOWN
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m4 8 8 8 8-8"/></svg>
-  - name: CHEVRON_LEFT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m16 20-8-8 8-8"/></svg>
-  - name: CHEVRON_RIGHT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m8 20 8-8-8-8"/></svg>
-  - name: CHEVRON_UP
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m20 16-8-8-8 8"/></svg>
-  - name: CLOSE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M6 18 18 6M6 6l12 12"/></svg>
-  - name: CLOUD
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M18.001 10.001h-1.26A7.998 7.998 0 0 0
-      1.03 12.678a7.999 7.999 0 0 0 7.975 7.323h8.997a5 5 0 0 0 4.999-5 5 5 0 0
-      0-4.999-5Z"/></svg>
-  - name: CODE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m16 18 6-6-6-6M8 6l-6 6 6 6"/></svg>
-  - name: COMMENT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1
-      2-2h14a2 2 0 0 1 2 2v10Z"/></svg>
-  - name: COMPAS
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10
-      10-4.477 10-10 10M2 12c0 5.523 4.477 10 10 10m4.24-14.24-2.12 6.36-6.36
-      2.12 2.12-6.36 6.36-2.12"/></svg>
-  - name: COORDINATES_3D
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m22 22-3.636-3.636m3.636 0L18.364
-      22m-1.819-5.455L12 12.91V8.364v4.545l-4.545 3.636M2 18.364h3.636L2
-      22h3.636M12 5.636V3.818L10.182 2 12 3.818 13.818 2"/></svg>
-  - name: COPY
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2
-      2 0 0 1 2 2v1m-4 4h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2M20
-      9h-9a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2"/></svg>
-  - name: CORNER_DOWN_RIGHT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M4 4v7a4 4 0 0 0 4 4h12l-5-5 5 5-5
-      5"/></svg>
-  - name: CREDIT_CARD
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M1 18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V6a2
-      2 0 0 0-2-2H3m20 14a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h18M1
-      10h22"/></svg>
-  - name: CURSOR
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m3 3 7.486 17.968 2.658-7.824
-      7.824-2.658zm10.59 10.59 6.35 6.35"/></svg>
-  - name: DATABASE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M21 5v14c0 1.66-4 3-9
-      3s-9-1.34-9-3V5c0-1.657 4.03-3 9-3s9 1.343 9 3-4.03 3-9 3-9-1.343-9-3
-      4.03-3 9-3 9 1.343 9 3v7c0 1.66-4 3-9 3s-9-1.34-9-3"/></svg>
-  - name: DESCRIPTION
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M22 10v8m-3.5 0a3.5 3.5 0 1 0-3.5-3.5m3.5
-      3.5a3.5 3.5 0 0 1-3.5-3.5M13 18 7.5 7 2 18l2.063-4.125h6.875"/></svg>
-  - name: DISTANCE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M17.951 16 22 12l-4.049-4L22
-      12H2l4.049-4L2 12l4.049 4"/></svg>
-  - name: DOLLAR
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12 23V1m5 4H9.5a3.5 3.5 0 0 0 0 7h5a3.5
-      3.5 0 0 1 0 7H6"/></svg>
-  - name: DOWNLOAD_CLOUD
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12.01 12.012v9l-4-4 4 4 4-4m4.88 1.09a5
-      5 0 0 0-2.88-9.09h-1.26a8 8 0 1 0-13.74 7.29"/></svg>
-  - name: DOWNLOAD
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0
-      1-2-2v-4m4-5 5 5 5-5m-5 5V3"/></svg>
-  - name: DRAG_AND_DROP
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M5 15.5h14m0-6H5"/></svg>
-  - name: DROPDOWN
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m8 10 4 4 4-4z"/><rect x="3" y="3"
-      width="18" height="18" rx="2"/></svg>
-  - name: EDIT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2
-      22l1.5-5.5L17 3Z"/></svg>
-  - name: EQUIPMENT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M13.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0
-      0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.121 2.121 0 0
-      1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76-.01.01Z"/></svg>
-  - name: ERROR
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12
-      2 2 6.477 2 12s4.477 10 10 10Zm3-13-6 6m0-6 6 6"/></svg>
-  - name: EXPAND_2
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0
-      0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/></svg>
-  - name: EXPAND
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M3 15v6h6M21 9V3h-6 6l-7 7m-4 4-7
-      7"/></svg>
-  - name: EXTERNAL_LINK
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0
-      1-2-2V8a2 2 0 0 1 2-2h6m4-3h6v6-6L10 14"/></svg>
-  - name: FAST_BACK
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m11 5-9 7 9 7V5Zm11 0-9 7 9 7V5Z"/></svg>
-  - name: FAST_FORWARD
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m13 5 9 7-9 7V5ZM2 5l9 7-9 7V5Z"/></svg>
-  - name: FILE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M20 9v11a2 2 0 0 1-2 2H6a2 2 0 0
-      1-2-2V4a2 2 0 0 1 2-2h7v7h7l-7-7"/></svg>
-  - name: FILM
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M7 17H2V7h5m10-5v20H7V2H4.18h15.64A2.18
-      2.18 0 0 1 22 4.18v15.64A2.18 2.18 0 0 1 19.82 22H4.18A2.18 2.18 0 0 1 2
-      19.82M7 2v20h10V2h2.82H4.18A2.18 2.18 0 0 0 2 4.18v15.64A2.18 2.18 0 0 0
-      4.18 22h15.64A2.18 2.18 0 0 0 22 19.82M2 12h20v5h-5V7h5"/></svg>
-  - name: FILTER
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M22 3H2l8 9.46V19l4 2v-8.54z"/></svg>
-  - name: FLAG
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M4 22v-7s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4
-      1-5-2-8-2-4 1-4 1v12"/></svg>
-  - name: FOLDER
-    value: >-
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="feather
-      feather-folder" fill="none" stroke="currentColor" stroke-width="2"
-      stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2
-      2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg>
-  - name: GLOBE_2
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M2.061 10.889h2.161c1.228 0 2.222.995
-      2.222 2.222v1.111c0 1.228.995 2.222 2.223 2.222 1.227 0 2.222.995 2.222
-      2.223v3.272m-3.333-18.9v1.739a2.778 2.778 0 0 0 2.777 2.778h.556c1.227 0
-      2.222.994 2.222 2.222a2.222 2.222 0 1 0 4.445 0 2.22 2.22 0 0 1
-      2.222-2.222h1.183M15.333 21.43v-2.764c0-1.228.995-2.223
-      2.223-2.223h3.405M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12
-      2s10 4.477 10 10Z"/></svg>
-  - name: GLOBE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12
-      2 2 6.477 2 12h20M12 22C6.477 22 2 17.523 2 12M12 2a15.3 15.3 0 0 1 4 10
-      15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10"/></svg>
-  - name: GRID
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M14 21h7v-7h-7m7 7h-7v-7h7m-7-4h7V3h-7m7
-      7h-7V3h7M3 3h7v7H3m7-7H3v7h7m-7 4h7v7H3m7-7H3v7h7"/></svg>
-  - name: GROUP
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M1 19.583v-.916c0-1.013 1.026-1.834
-      2.292-1.834h2.291M4.667 9.5A1.833 1.833 0 1 0 6.5 11.333M4.667 9.5a1.833
-      1.833 0 1 1-1.834 1.833M12 4a3.667 3.667 0 1 0 3.667 3.667M12 4a3.667
-      3.667 0 1 1-3.667 3.667m11 1.833a1.833 1.833 0 1 0 1.834 1.833M19.333
-      9.5a1.833 1.833 0 1 1-1.833 1.833m.917
-      8.25V17.14c0-1.688-1.437-3.056-3.209-3.056H8.792c-1.772 0-3.209
-      1.368-3.209 3.056v2.444m12.834-2.75h2.291c1.266 0 2.292.821 2.292
-      1.834v.916"/></svg>
-  - name: HEART
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M4.318 5.318a4.5 4.5 0 0 0 0 6.364L12
-      19.364l7.682-7.682a4.5 4.5 0 0 0-6.364-6.364L12 6.636l-1.318-1.318a4.5 4.5
-      0 0 0-6.364 0Z"/></svg>
-  - name: HELP
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12
-      2 2 6.477 2 12s4.477 10 10 10ZM9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08
-      4h.01"/></svg>
-  - name: HIDE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M14.12 14.12a3 3 0 1 1-4.24-4.24M6.06
-      6.06A18.45 18.45 0 0 0 1 12s4 8 11 8a10.07 10.07 0 0 0
-      5.94-2.06c1.59-1.211 1.613-1.221 2.9-2.75A18.5 18.5 0 0 0 23
-      12s-4-8-11-8a9.124 9.124 0 0 0-2.1.24M1 1l22 22"/></svg>
-  - name: HISTORY
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M4.543 15.08A9 9 0 1 0 9.922 3.546M21.49
-      9.002a9 9 0 0 0-14.85-3.36L2 10.002v-6 6h6M12 7v6l4 2"/></svg>
-  - name: HOME
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0
-      1-2-2M21 9l-9-7-9 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2M9
-      22V12h6v10"/></svg>
-  - name: IMAGE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M8.5 10A1.5 1.5 0 1 0 7 8.5M8.5 10A1.5
-      1.5 0 0 1 7 8.5M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2M5
-      3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2m0 0 11-11 5 5"/></svg>
-  - name: INBOX
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M22 12h-6l-2 3h-4l-2-3H2m0 0v6a2 2 0 0 0
-      2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24M22 12v6a2 2 0 0
-      1-2 2H4a2 2 0 0 1-2-2v-6l3.45-6.89A2 2 0 0 1 7.24 4h9.52"/></svg>
-  - name: INFO
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12
-      2 2 6.477 2 12s4.477 10 10 10Zm0-6v-4m0-4h.01"/></svg>
-  - name: ITALIC
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M5 20h9M10 4h9-4L9 20"/></svg>
-  - name: LAYERS
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m12 2 10 5-10 5L2 7l10-5M2 17l10 5
-      10-5m0-5-10 5-10-5"/></svg>
-  - name: LAYOUT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M21 9H3m2-6h14a2 2 0 0 1 2 2v14a2 2 0 0
-      1-2 2H5a2 2 0 0 1-2-2M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2m4 0V9"/></svg>
-  - name: LEGEND
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M21.414 6.414h-13m0 6h13m0
-      6h-13m-5-10.586 1.414-1.414L3.414 5 2 6.414m1.414 1.414L2 6.414m.414
-      7v-2h2v2m-2 0h2m-2 5a1 1 0 1 1 1 1m-1-1a1 1 0 0 0 1 1"/></svg>
-  - name: LINK
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m11.75 5.18 1.72-1.71a5 5 0 0 1 7.07
-      7.07l-3 3A5 5 0 0 1 10 13m4-2a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07
-      7.07l1.71-1.71"/></svg>
-  - name: LIST
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M22 6H9m0 6h13m0 6H9M4.01 6H4m0
-      6h.01H4m.01 6H4"/></svg>
-  - name: LOADING
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m4.93 19.07 2.83-2.83M2 12h4M4.93
-      4.93l2.83 2.83M12 2v4m0 12v4m4.24-5.76 2.83 2.83M18 12h4m-5.76-4.24
-      2.83-2.83"/></svg>
-  - name: LOCATE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12 22v-4m10-6h-4m-6 10c5.523 0 10-4.477
-      10-10S17.523 2 12 2 2 6.477 2 12h4m6 10C6.477 22 2 17.523 2
-      12m10-6V2"/></svg>
-  - name: LOCATION
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m3 11 19-9-9 19-2-8z"/></svg>
-  - name: LOCK
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M3 20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7a2
-      2 0 0 0-2-2m2 9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h14M5
-      11h2V7a5 5 0 1 1 10 0v4"/></svg>
-  - name: LONG_PARAGRAPH
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M4 18.5h12m4-4H4m16-4H4m16-4H4"/></svg>
-  - name: MAIL
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2
-      2H4c-1.1 0-2-.9-2-2M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9
-      2-2M2 6l10 7 10-7"/></svg>
-  - name: MEASURE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M1 16h22V8H1h3.5v2.867M1 16V8m0
-      8h22V8H1h3.5v2.867m3.7 0V8h3.7v2.867m3.7 0V8h3.7v2.867"/></svg>
-  - name: MENU
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M3 18h18m0-6H3m0-6h18"/></svg>
-  - name: MESSAGE_ALERT
-    value: >-
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler
-      icon-tabler-message-report" viewBox="0 0 24 24" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3
-      3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg>
-  - name: MINIMIZE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m3 21 7-7H4h6v6m10-10h-6V4v6l7-7"/></svg>
-  - name: MINUS
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M5 12h14"/></svg>
-  - name: MOBILE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M7.5 2h8.763a1.5 1.5 0 0 1 1.5 1.5v17a1.5
-      1.5 0 0 1-1.5 1.5H7.5A1.5 1.5 0 0 1 6 20.5M16.263 2H7.5A1.5 1.5 0 0 0 6
-      3.5v17A1.5 1.5 0 0 0 7.5 22h8.763a1.5 1.5 0 0 0 1.5-1.5M12
-      19h.01H12"/></svg>
-  - name: MORE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M19 13a1 1 0 1 0-1-1m1 1a1 1 0 1 1 1-1m-8
-      1a1 1 0 1 0-1-1m1 1a1 1 0 1 1 1-1m-8 1a1 1 0 1 0-1-1m1 1a1 1 0 1 1
-      1-1"/></svg>
-  - name: MOVE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12 2v20l3-3-3 3-3-3m-4-4-3-3 3-3m4-4 3-3
-      3 3m4 4 3 3-3 3 3-3H2"/></svg>
-  - name: NEXT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10
-      10-4.477 10-10 10m10-10c0-5.523-4.477-10-10-10S2 6.477 2 12s4.477 10 10
-      10m0-6 4-4-4-4m-4 4h8"/></svg>
-  - name: OBJECTS
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m18 4 5 9.5H13L18 4Zm0 0-5 9.5h10L18 4ZM7
-      20h10V10H7v10Zm10 0H7V10h10v10ZM6 14a5 5 0 1 0-5-5m8.536-3.536a5 5 0 1 0 0
-      7.072"/></svg>
-  - name: PAUSE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M6 20h4V4H6m4 16H6V4h4m4
-      0h4v16h-4m4-16h-4v16h4"/></svg>
-  - name: PC
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M4 3h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2
-      2H4a2 2 0 0 1-2-2M4 3a2 2 0 0 0-2 2v10m6 6h8-4v-4"/></svg>
-  - name: PHONE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79
-      0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1
-      4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09
-      9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573
-      2.81.7A2 2 0 0 1 22 16.92Z"/></svg>
-  - name: PIE_CHART
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M20.488 9H15V3.512L20.488 9ZM11
-      3.055A9.001 9.001 0 1 0 20.945 13H11V3.055Z"/></svg>
-  - name: PIN_BOOKMARK
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12.273 15.182H5c0-2.434 1.06-4.404
-      3.182-5.91l.454-3.181H6.818V3a1 1 0 0 1 1-1h8.909a1 1 0 0 1 1
-      1v3.09h-1.818l.455 3.183c2.12 1.505 3.181 3.475 3.181
-      5.909h-7.272V22"/></svg>
-  - name: PIN
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M21 10a9 9 0 0 0-18 0c0 7 9 13 9 13s9-6
-      9-13m-9 3a3 3 0 1 0-3-3m3 3a3 3 0 1 1 3-3"/></svg>
-  - name: PLAY
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m5 3 14 9-14 9z"/></svg>
-  - name: PREVIOUS
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10
-      10-4.477 10-10 10m2.588-19.66c5.335 1.43 8.5 6.914 7.071 12.248-1.43
-      5.335-6.913 8.5-12.247 7.071-5.335-1.43-8.5-6.913-7.071-12.247M12 16l-4-4
-      4-4m4 4H8"/></svg>
-  - name: PRINT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M6 14h12v8H6z"/><path d="M6 18H4a2 2 0 0
-      1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6
-      9V2h12v7"/></svg>
-  - name: QRCODE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M17 20h-1m3.992 0c-.11.009.119 0 .01
-      0h-.01M16 14h-2m3 3h3m-6 0v1m5-4h1m-6-4h6V4h-6m6 6h-6V4h6M4
-      4h6v6H4m6-6H4v6h6m-6 4h6v6H4m6-6H4v6h6"/></svg>
-  - name: RADIO
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><circle cx="12" cy="12" r="7"/><circle cx="12"
-      cy="12" r="9"/></svg>
-  - name: REDO
-    value: >-
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M15 14h6V8"/><path d="M3 17.2c0-5 4-9 9-9
-      2.4 0 4.7.9 6.4 2.6L21 14"/></svg>
-  - name: RELOAD
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M23 20v-6h-6M7 10H1V4v6l4.64-4.36A9 9 0 0
-      1 20.49 9M23 14l-4.64 4.36A9 9 0 0 1 3.51 15"/></svg>
-  - name: REPEAT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m17 1 4 4-4 4"/><path d="M3 11V9a4 4 0 0
-      1 4-4h14M7 23l-4-4 4-4"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
-  - name: ROLES
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M1 21v-2a4 4 0 0 1 4-4h8a4 4 0 0 1 4
-      4v2M9 11a4 4 0 1 0-4-4m4 4a4 4 0 1 1 4-4m7 8.13A4 4 0 0 1 23
-      19v2m-7-10.12a4 4 0 0 0 0-7.75"/></svg>
-  - name: ROTATE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M4.51 14.99a9 9 0 1 0 2.13-9.36L2 9.99v-6
-      6h6"/></svg>
-  - name: ROUTE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M5 23h13c2 0 5 0 5-3s-2-3-4-3-6.5.5-6.5-3
-      4.5-3 6.5-3m4-5.91C23 8.274 19 11 19 11s-4-2.727-4-5.91C15 2.833 16.79 1
-      19 1s4 1.832 4 4.09m-14 12C9 14.833 7.21 13 5 13s-4 1.832-4 4.09C1 20.274
-      5 23 5 23s4-2.727 4-5.91M5 18a1 1 0 1 0-1-1m1 1a1 1 0 1 1 1-1M18 5a1 1 0 1
-      1 1 1m1-1a1 1 0 1 0-1 1"/></svg>
-  - name: SAVE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M7 3v5h8m6 11V8l-5-5H5a2 2 0 0 0-2 2v14a2
-      2 0 0 0 2 2h14-2v-8H7v8M21 9v10a2 2 0 0 1-2 2H8"/></svg>
-  - name: SCAN_CODE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M7.556 2H4.222A2.222 2.222 0 0 0 2
-      4.222v3.334m20 0V4.222A2.222 2.222 0 0 0 19.778 2h-3.334m0 20h3.334A2.222
-      2.222 0 0 0 22 19.778v-3.334m-20 0v3.334C2 21.005 2.995 22 4.222
-      22h3.334M2 12h20"/></svg>
-  - name: SCAN_QR_CODE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M7.556 2H4.222A2.222 2.222 0 0 0 2
-      4.222v3.334m20 0V4.222A2.222 2.222 0 0 0 19.778 2h-3.334m0 20h3.334A2.222
-      2.222 0 0 0 22 19.778v-3.334m-20 0v3.334C2 21.005 2.995 22 4.222
-      22h3.334M6 18h4v-4H6m4 4H6v-4h4m-4-4h4V6H6m4 4H6V6h4m4
-      0h4v4h-4m4-4h-4v4h4m-4.08 8c-.11.009.119 0 .01 0h-.01m0-4c-.11.009.119 0
-      .01 0h-.01m4 0c-.11.009.119 0 .01 0h-.01m0 4c-.11.009.119 0 .01
-      0h-.01m-2-2c-.11.009.119 0 .01 0h-.01"/></svg>
-  - name: SEARCH
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m21 21-4.35-4.35M11 19a8 8 0 1 0-8-8m8
-      8a8 8 0 1 1 8-8"/></svg>
-  - name: SEND
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M11 13 22 2l-7 20-4-9-9-4 20-7"/></svg>
-  - name: SETTINGS
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M9 12a3 3 0 1 1 3 3m3-3a3 3 0 1 0-3
-      3M4.541 8.92c.207-.732.2-1.258-.271-1.74l-.06-.06a2 2 0 1 1
-      2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33 1.65 1.65 0 0 0 1-1.51V3a2 2 0 1
-      1 4 0v.09A1.65 1.65 0 0 0 15 4.6a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1
-      1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82c.26.604.852.997 1.51 1H21a2 2
-      0 1 1 0 4h-.09A1.65 1.65 0 0 0 19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2
-      0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33H15a1.65 1.65 0 0 0-1
-      1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0
-      0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0
-      .33-1.82V15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09c.829-.232
-      1.313-.592 1.451-1.08Z"/></svg>
-  - name: SHARE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m15.41 6.51-6.82 3.98m0 3.02 6.83 3.98M18
-      22a3 3 0 1 0-3-3m3 3a3 3 0 1 1 3-3M18 8a3 3 0 1 0-3-3m3 3a3 3 0 1 1 3-3M6
-      15a3 3 0 1 0-3-3m3 3a3 3 0 1 1 3-3"/></svg>
-  - name: SHIELD
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8
-      10Z"/></svg>
-  - name: SHORT_PARAGRAPH
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M4 14.5h12m4-4H4"/></svg>
-  - name: SHOW
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11
-      8m11-8s-4-8-11-8-11 8-11 8 4 8 11 8m0-5a3 3 0 1 0-3-3m3 3a3 3 0 1 1
-      3-3"/></svg>
-  - name: SIGN_OUT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M9 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2
-      2h4m7-4 5-5-5-5 5 5H9"/></svg>
-  - name: SKILLS
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M5 8a7 7 0 1 1 7 7m7-7a7 7 0 1 0-7
-      7m-3.79-1.11L7 23l5-3 5 3-1.21-9.12"/></svg>
-  - name: SKIP_BACK
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M19 4v16L9 12l10-8M5 5v14"/></svg>
-  - name: SKIP_FORWARD
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M5 4v16l10-8L5 4m14 1v14"/></svg>
-  - name: SORT_ALPHA_ASC
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M5.5 2v19.5M10 17l-4.5 5L1 17m15-2h6l-6
-      7h6m1-12-4-8-4 8 1.5-3h5"/></svg>
-  - name: SORT_ALPHA_DESC
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M5.5 2v19.5M10 17l-4.5 5L1 17M16 2h6l-6
-      7h6m1 13-4-8-4 8 1.5-3h5"/></svg>
-  - name: SORT_ASC
-    value: >-
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M11 5h4m-4 4h7m-7 4h10M3 17l3 3 3-3m-3
-      1V4"/></svg>
-  - name: SORT_DESC
-    value: >-
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M11 5h10M11 9h7m-7 4h4M3 17l3 3 3-3m-3
-      1V4"/></svg>
-  - name: SORT_HORIZONTAL
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M8 7h12m0 0-4-4m4 4-4 4m0 6H4m0 0 4
-      4m-4-4 4-4"/></svg>
-  - name: SORT_VERTICAL
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M7 16V4m0 0L3 8m4-4 4 4m6 0v12m0 0 4-4m-4
-      4-4-4"/></svg>
-  - name: STAR
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m12 2 3.09 6.26L22 9.27l-5 4.87 1.18
-      6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z"/></svg>
-  - name: STREETVIEW
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M4.222 15.208C2.232 15.955 1 16.986 1
-      18.125c0 2.278 4.925 4.125 11 4.125s11-1.847
-      11-4.125c0-1.14-1.231-2.17-3.222-2.917M12 19.5h2.333a1 1 0 0 0 1-1V14H16a1
-      1 0 0 0 1-1v-3a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v3a1 1 0 0 0 1 1h.667v4.5a1 1
-      0 0 0 1 1H12M12 7a3 3 0 1 0-3-3m3 3a3 3 0 0 1-3-3"/></svg>
-  - name: TABLET
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M6 2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2
-      2H6a2 2 0 0 1-2-2M6 2a2 2 0 0 0-2 2v16m8-2h.01H12"/></svg>
-  - name: TASKS
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2
-      2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m2 0H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2
-      2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2M8 5a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3a1 1
-      0 0 0-1-1H9m7 3a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h6"/></svg>
-  - name: THEME_MAP
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M1 6v14l7-2.5 8 2.5 7-2V4l-7 2.5L8 4 1
-      6l7-2v13.5l8 2.5V6.5"/></svg>
-  - name: TIME_ALARM
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M4 14a8 8 0 1 1 8 8m8-8a8 8 0 1 0-8
-      8m6-13.793 1.06-1.06M12 10v5m0-9V2h-2 4"/></svg>
-  - name: TIME_HISTORY
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M4 2h16m-1 .952C18.333 9.62 15 12 12
-      12S5.667 9.619 5 2.952m0 18.572c.667-6.667 4-9.048 7-9.048s6.333 2.381 7
-      9.048M20 22H4"/></svg>
-  - name: TIME
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12 6v6l4 2m-4 8c5.523 0 10-4.477
-      10-10S17.523 2 12 2 2 6.477 2 12m10 10C6.477 22 2 17.523 2 12S6.477 2 12
-      2s10 4.477 10 10"/></svg>
-  - name: TIMESERIES
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M3 21a2 2 0 1 0-2-2m2 2a2 2 0 1 1
-      2-2m-1.125-1.798 4.254-6.401m1.827-.045 3.57 4.886M7 9a2 2 0 1 1 2 2m2-2a2
-      2 0 1 0-2 2m6 8a2 2 0 1 0-2-2m2 2a2 2 0 1 1 2-2m-1-1.735 4-7.534M21 8a2 2
-      0 1 0-2-2m2 2a2 2 0 1 1 2-2m-2 2a2 2 0 1 0-2-2m2 2a2 2 0 1 1 2-2"/></svg>
-  - name: TRASH
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M3 6h18-2v14a2 2 0 0 1-2 2H7a2 2 0 0
-      1-2-2V6h3V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m-6 5v6m4 0v-6"/></svg>
-  - name: TRENDING_DOWN
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m1 6 7.5 7.5 5-5L23 18h-6 6v-6"/></svg>
-  - name: TRENDING_UP
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m1 18 7.5-7.5 5 5L23 6h-6 6v6"/></svg>
-  - name: TURBINE
-    value: >-
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="feather
-      feather-aperture" fill="none" stroke="currentColor" stroke-width="2"
-      stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12"
-      r="10"/><path d="m14.31 8 5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16
-      3.95 6.06M14.31 16H2.83m13.79-4-5.74 9.94"/></svg>
-  - name: TYPE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M20 7V4H4v3m5 13h6-3V4"/></svg>
-  - name: UNDERLINE
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M18 3v7a6 6 0 1 1-12 0V3M4 21h16"/></svg>
-  - name: UNDO
-    value: >-
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M9 14H3V8"/><path d="M21
-      17.2c0-5-4-9-9-9-2.4 0-4.7.9-6.4 2.6L3 14"/></svg>
-  - name: UNLOCK
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M3 20a2 2 0 0 0 2 2h14a2 2 0 0 0
-      2-2v-6.998a2 2 0 0 0-2-2m2 8.999A2 2 0 0 1 19 22H5a2 2 0 0 1-2-2v-6.998a2
-      2 0 0 1 2-2h14m-14 0h2V7.005a5 5 0 0 1 9.9-1"/></svg>
-  - name: UPLOAD_CLOUD
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12.004 20.996v-9l-4 4 4-4m8.39 6.39a5 5
-      0 0 0-2.39-9.389h-1.26a7.999 7.999 0 1 0-13.739 7.3m5-.3 4-4 3.999
-      4"/></svg>
-  - name: UPLOAD
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M12 3v12m5-7-5-5-5 5m14 7v4a2 2 0 0 1-2
-      2H5a2 2 0 0 1-2-2v-4"/></svg>
-  - name: USER
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M4 21v-2a4 4 0 0 1 4-4h8a4 4 0 0 1 4
-      4v2m-8-10a4 4 0 1 0-4-4m4 4a4 4 0 1 1 4-4"/></svg>
-  - name: VALIDATION
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14M22 4
-      12 14.01l-3-3"/></svg>
-  - name: VIDEO_CAMERA
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M23 7v10l-7-5 7-5M3 5h11a2 2 0 0 1 2
-      2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2M14 5H3a2 2 0 0 0-2 2v10a2 2 0 0 0 2
-      2h11a2 2 0 0 0 2-2"/></svg>
-  - name: WARNING
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71
-      3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0ZM12 9v4m0
-      4h.01"/></svg>
-  - name: WATCH
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m16.51 17.35-.35 3.83a2 2 0 0 1-2
-      1.82H9.83a2 2 0 0 1-2-1.82l-.35-3.83M5 12a7 7 0 1 1 7 7m-7-7a7 7 0 0 0 7
-      7m1.5-5.5L12 12V9M7.49 6.65l.35-3.83A2 2 0 0 1 9.83 1h4.35a2 2 0 0 1 2
-      1.82l.35 3.83"/></svg>
-  - name: WIFI_OFF
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M23 23 1 1m10.992 19c-.11.009.119 0 .01
-      0h-.01M5 12.55a10.94 10.94 0 0 1 5.17-2.39M6.12 6.12A15.91 15.91 0 0 0
-      1.42 9m7.11 7.11a6 6 0 0 1 6.95 0M19 12.55a10.94 10.94 0 0
-      0-2.28-1.49M22.58 9a16 16 0 0 0-11.87-3.95"/></svg>
-  - name: WIFI
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="M1.42 8c6-5.33 15-5.33 21 0m-3.474
-      3.55a10.853 10.853 0 0 0-13.973 0m3.503 3.56a5.918 5.918 0 0 1 6.898
-      0M11.92 19c-.11.009.119 0 .01 0h-.01"/></svg>
-  - name: ZOOM_IN
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m21 21-4.35-4.35M11 19a8 8 0 1 0-8-8m8
-      8a8 8 0 1 1 8-8m-8-3v6m-3-3h6"/></svg>
-  - name: ZOOM_OUT
-    value: >-
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"
-      stroke="currentColor" stroke-width="2" stroke-linecap="round"
-      stroke-linejoin="round"><path d="m21 21-4.35-4.35M11 19a8 8 0 1 0-8-8m8
-      8a8 8 0 1 1 8-8M8 11h6"/></svg>