@caweb/icon-library 1.0.0

package/src/icons/icon_menu/icon_menu.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_menu.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_menu'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M224 448h576c17.664 0 32 14.336 32 32s-14.336 32-32 32h-576c-17.664 0-32-14.336-32-32s14.336-32 32-32zM224 640h576c17.664 0 32 14.336 32 32s-14.336 32-32 32h-576c-17.664 0-32-14.336-32-32s14.336-32 32-32zM224 256h576c17.664 0 32 14.336 32 32s-14.336 32-32 32h-576c-17.664 0-32-14.336-32-32s14.336-32 32-32z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_menu-circle_alt/icon_menu-circle_alt.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_menu-circle_alt",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_menu-circle_alt,"
+}

package/src/icons/icon_menu-circle_alt/icon_menu-circle_alt.svg

@@ -0,0 +1,4 @@
+<!-- icon_menu-circle_alt icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M544 896c-265.088 0-480-214.912-480-480s214.912-480 480-480 480 214.912 480 480-214.912 480-480 480zM800 192h-512c-17.664 0-32 14.336-32 32s14.336 32 32 32h512c17.664 0 32-14.336 32-32s-14.336-32-32-32zM800 384h-512c-17.664 0-32 14.336-32 32s14.336 32 32 32h512c17.664 0 32-14.336 32-32s-14.336-32-32-32zM800 576h-512c-17.664 0-32 14.336-32 32s14.336 32 32 32h512c17.664 0 32-14.336 32-32s-14.336-32-32-32z"/>
+</svg>

package/src/icons/icon_menu-circle_alt/icon_menu-circle_alt.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_menu-circle_alt.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_menu-circle_alt'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M544 896c-265.088 0-480-214.912-480-480s214.912-480 480-480 480 214.912 480 480-214.912 480-480 480zM800 192h-512c-17.664 0-32 14.336-32 32s14.336 32 32 32h512c17.664 0 32-14.336 32-32s-14.336-32-32-32zM800 384h-512c-17.664 0-32 14.336-32 32s14.336 32 32 32h512c17.664 0 32-14.336 32-32s-14.336-32-32-32zM800 576h-512c-17.664 0-32 14.336-32 32s14.336 32 32 32h512c17.664 0 32-14.336 32-32s-14.336-32-32-32z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_menu-circle_alt2/icon_menu-circle_alt2.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_menu-circle_alt2",
+    "decodedUnicode": "c",
+    "unicode": "c",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_menu-circle_alt2,"
+}

package/src/icons/icon_menu-circle_alt2/icon_menu-circle_alt2.svg

@@ -0,0 +1,4 @@
+<!-- icon_menu-circle_alt2 icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M544 896c-265.088 0-480-214.912-480-480s214.912-480 480-480 480 214.912 480 480-214.912 480-480 480zM544 0c-229.376 0-416 186.624-416 416s186.624 416 416 416 416-186.624 416-416-186.624-416-416-416zM800 448h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32h512c17.664 0 32 14.336 32 32s-14.336 32-32 32zM800 640h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32h512c17.664 0 32 14.336 32 32s-14.336 32-32 32zM800 256h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32h512c17.664 0 32 14.336 32 32s-14.336 32-32 32z"/>
+</svg>

package/src/icons/icon_menu-circle_alt2/icon_menu-circle_alt2.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_menu-circle_alt2.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_menu-circle_alt2'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M544 896c-265.088 0-480-214.912-480-480s214.912-480 480-480 480 214.912 480 480-214.912 480-480 480zM544 0c-229.376 0-416 186.624-416 416s186.624 416 416 416 416-186.624 416-416-186.624-416-416-416zM800 448h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32h512c17.664 0 32 14.336 32 32s-14.336 32-32 32zM800 640h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32h512c17.664 0 32 14.336 32 32s-14.336 32-32 32zM800 256h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32h512c17.664 0 32 14.336 32 32s-14.336 32-32 32z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_menu-square_alt/icon_menu-square_alt.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_menu-square_alt",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_menu-square_alt,"
+}

package/src/icons/icon_menu-square_alt/icon_menu-square_alt.svg

@@ -0,0 +1,4 @@
+<!-- icon_menu-square_alt icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M960 896h-832c-35.328 0-64-28.672-64-64v-832c0-35.328 28.672-64 64-64h832c35.328 0 64 28.672 64 64v832c0 35.328-28.672 64-64 64zM800 192h-512c-17.664 0-32 14.336-32 32s14.336 32 32 32h512c17.664 0 32-14.336 32-32s-14.336-32-32-32zM800 384h-512c-17.664 0-32 14.336-32 32s14.336 32 32 32h512c17.664 0 32-14.336 32-32s-14.336-32-32-32zM800 576h-512c-17.664 0-32 14.336-32 32s14.336 32 32 32h512c17.664 0 32-14.336 32-32s-14.336-32-32-32z"/>
+</svg>

package/src/icons/icon_menu-square_alt/icon_menu-square_alt.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_menu-square_alt.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_menu-square_alt'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M960 896h-832c-35.328 0-64-28.672-64-64v-832c0-35.328 28.672-64 64-64h832c35.328 0 64 28.672 64 64v832c0 35.328-28.672 64-64 64zM800 192h-512c-17.664 0-32 14.336-32 32s14.336 32 32 32h512c17.664 0 32-14.336 32-32s-14.336-32-32-32zM800 384h-512c-17.664 0-32 14.336-32 32s14.336 32 32 32h512c17.664 0 32-14.336 32-32s-14.336-32-32-32zM800 576h-512c-17.664 0-32 14.336-32 32s14.336 32 32 32h512c17.664 0 32-14.336 32-32s-14.336-32-32-32z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_menu-square_alt2/icon_menu-square_alt2.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_menu-square_alt2",
+    "decodedUnicode": "b",
+    "unicode": "b",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_menu-square_alt2,"
+}

package/src/icons/icon_menu-square_alt2/icon_menu-square_alt2.svg

@@ -0,0 +1,4 @@
+<!-- icon_menu-square_alt2 icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M960 896h-832c-35.328 0-64-28.672-64-64v-832c0-35.328 28.672-64 64-64h832c35.328 0 64 28.672 64 64v832c0 35.328-28.672 64-64 64zM960 0h-832v832h832v-832zM288 384h512c17.664 0 32 14.336 32 32s-14.336 32-32 32h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32zM288 576h512c17.664 0 32 14.336 32 32s-14.336 32-32 32h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32zM288 192h512c17.664 0 32 14.336 32 32s-14.336 32-32 32h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32z"/>
+</svg>

package/src/icons/icon_menu-square_alt2/icon_menu-square_alt2.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_menu-square_alt2.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_menu-square_alt2'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M960 896h-832c-35.328 0-64-28.672-64-64v-832c0-35.328 28.672-64 64-64h832c35.328 0 64 28.672 64 64v832c0 35.328-28.672 64-64 64zM960 0h-832v832h832v-832zM288 384h512c17.664 0 32 14.336 32 32s-14.336 32-32 32h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32zM288 576h512c17.664 0 32 14.336 32 32s-14.336 32-32 32h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32zM288 192h512c17.664 0 32 14.336 32 32s-14.336 32-32 32h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_mic_alt/icon_mic_alt.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_mic_alt",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_mic_alt,"
+}

package/src/icons/icon_mic_alt/icon_mic_alt.svg

@@ -0,0 +1,4 @@
+<!-- icon_mic_alt icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M448 134.144v-134.144h-96c-17.664 0-32-14.336-32-32s14.336-32 32-32h320c17.664 0 32 14.336 32 32s-14.336 32-32 32h-96v134.528c133.312 26.304 256 134.208 256 313.472v96c0 17.664-14.336 32-32 32s-32-14.336-32-32v-96c0-168.064-128.832-256-256-256-123.328 0-256 80.128-256 256v96c0 17.664-14.336 32-32 32s-32-14.336-32-32v-96c0-181.76 120.512-288.384 256-313.856zM512 256c105.856 0 192 86.144 192 192v320c0 105.856-86.144 192-192 192s-192-86.144-192-192v-320c0-105.856 86.144-192 192-192zM384 768c0 70.72 57.28 128 128 128s128-57.28 128-128v-320c0-70.72-57.28-128-128-128s-128 57.28-128 128v320z"/>
+</svg>

package/src/icons/icon_mic_alt/icon_mic_alt.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_mic_alt.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_mic_alt'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M448 134.144v-134.144h-96c-17.664 0-32-14.336-32-32s14.336-32 32-32h320c17.664 0 32 14.336 32 32s-14.336 32-32 32h-96v134.528c133.312 26.304 256 134.208 256 313.472v96c0 17.664-14.336 32-32 32s-32-14.336-32-32v-96c0-168.064-128.832-256-256-256-123.328 0-256 80.128-256 256v96c0 17.664-14.336 32-32 32s-32-14.336-32-32v-96c0-181.76 120.512-288.384 256-313.856zM512 256c105.856 0 192 86.144 192 192v320c0 105.856-86.144 192-192 192s-192-86.144-192-192v-320c0-105.856 86.144-192 192-192zM384 768c0 70.72 57.28 128 128 128s128-57.28 128-128v-320c0-70.72-57.28-128-128-128s-128 57.28-128 128v320z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_mug/icon_mug.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_mug",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_mug,"
+}

package/src/icons/icon_mug/icon_mug.svg

@@ -0,0 +1,4 @@
+<!-- icon_mug icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M828.48 639.872c1.792 26.752 2.88 48.448 3.456 61.44 0.704 17.408-5.696 34.368-17.728 46.976s-28.8 19.712-46.208 19.712h-704c-17.408 0-34.112-7.104-46.208-19.712s-18.432-29.568-17.728-46.976c3.52-84.544 27.328-511.872 149.248-620.992 11.712-10.496 26.944-16.32 42.688-16.32h448c15.744 0 30.976 5.824 42.688 16.32 38.208 34.24 66.816 99.712 88.128 176.128 31.68 0.128 53.568 0.192 56.128 0.192 108.864 0 197.12 79.36 197.12 191.68-0.064 152.512-131.904 190.976-195.584 191.552zM640 128h-448c-107.968 96.64-128 576-128 576h704c0 0-20.032-479.36-128-576zM826.88 320.64l-20.16-0.064c-5.76 0-12.608-0.064-20.352-0.064 19.072 87.616 30.528 181.12 37.12 255.488h3.392c5.44 0 133.12-1.472 133.12-127.68 0-73.984-56-127.68-133.12-127.68z"/>
+</svg>

package/src/icons/icon_mug/icon_mug.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_mug.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_mug'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M828.48 639.872c1.792 26.752 2.88 48.448 3.456 61.44 0.704 17.408-5.696 34.368-17.728 46.976s-28.8 19.712-46.208 19.712h-704c-17.408 0-34.112-7.104-46.208-19.712s-18.432-29.568-17.728-46.976c3.52-84.544 27.328-511.872 149.248-620.992 11.712-10.496 26.944-16.32 42.688-16.32h448c15.744 0 30.976 5.824 42.688 16.32 38.208 34.24 66.816 99.712 88.128 176.128 31.68 0.128 53.568 0.192 56.128 0.192 108.864 0 197.12 79.36 197.12 191.68-0.064 152.512-131.904 190.976-195.584 191.552zM640 128h-448c-107.968 96.64-128 576-128 576h704c0 0-20.032-479.36-128-576zM826.88 320.64l-20.16-0.064c-5.76 0-12.608-0.064-20.352-0.064 19.072 87.616 30.528 181.12 37.12 255.488h3.392c5.44 0 133.12-1.472 133.12-127.68 0-73.984-56-127.68-133.12-127.68z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_mug_alt/icon_mug_alt.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_mug_alt",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_mug_alt,"
+}

package/src/icons/icon_mug_alt/icon_mug_alt.svg

@@ -0,0 +1,4 @@
+<!-- icon_mug_alt icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M828.48 639.872c1.792 26.752 2.88 48.448 3.456 61.44 0.704 17.408-5.696 34.368-17.728 46.976s-28.8 19.712-46.208 19.712h-704c-17.408 0-34.112-7.104-46.208-19.712s-18.432-29.568-17.728-46.976c3.52-84.544 27.328-511.872 149.248-620.992 11.712-10.496 26.944-16.32 42.688-16.32h448c15.744 0 30.976 5.824 42.688 16.32 38.208 34.24 66.816 99.712 88.128 176.128 31.68 0.128 53.568 0.192 56.128 0.192 108.864 0 197.12 79.36 197.12 191.68-0.064 152.512-131.904 190.976-195.584 191.552zM826.88 352.64l-20.288-0.064c-3.84 0-8.704 0-13.44-0.064 12.736 65.6 21.44 132.864 27.328 191.488h6.4c16.896 0 101.12-4.608 101.12-95.68 0-65.728-52.416-95.68-101.12-95.68z"/>
+</svg>

package/src/icons/icon_mug_alt/icon_mug_alt.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_mug_alt.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_mug_alt'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M828.48 639.872c1.792 26.752 2.88 48.448 3.456 61.44 0.704 17.408-5.696 34.368-17.728 46.976s-28.8 19.712-46.208 19.712h-704c-17.408 0-34.112-7.104-46.208-19.712s-18.432-29.568-17.728-46.976c3.52-84.544 27.328-511.872 149.248-620.992 11.712-10.496 26.944-16.32 42.688-16.32h448c15.744 0 30.976 5.824 42.688 16.32 38.208 34.24 66.816 99.712 88.128 176.128 31.68 0.128 53.568 0.192 56.128 0.192 108.864 0 197.12 79.36 197.12 191.68-0.064 152.512-131.904 190.976-195.584 191.552zM826.88 352.64l-20.288-0.064c-3.84 0-8.704 0-13.44-0.064 12.736 65.6 21.44 132.864 27.328 191.488h6.4c16.896 0 101.12-4.608 101.12-95.68 0-65.728-52.416-95.68-101.12-95.68z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_ol/icon_ol.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_ol",
+    "decodedUnicode": "e",
+    "unicode": "e",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_ol,"
+}

package/src/icons/icon_ol/icon_ol.svg

@@ -0,0 +1,4 @@
+<!-- icon_ol icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M864 512h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32h512c17.664 0 32 14.336 32 32s-14.336 32-32 32zM864 768h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32h512c17.664 0 32 14.336 32 32s-14.336 32-32 32zM864 256h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32h512c17.664 0 32 14.336 32 32s-14.336 32-32 32zM222.72 657.088v157.824h-18.24l-34.496-18.432 4.16-16.256 27.456 14.784h0.448v-137.92zM171.968 430.464l-16.704-16.256v-13.12h100.736v17.728h-70.912v0.448l12.608 11.648c33.28 32.064 54.4 55.616 54.4 84.736 0 22.592-14.336 45.888-48.32 45.888-18.24 0-33.728-6.784-44.672-16.064l6.784-15.040c7.296 6.080 19.2 13.376 33.536 13.376 23.552 0 31.296-14.784 31.296-30.848-0.192-23.744-18.432-44.16-58.752-82.496zM198.208 162.304c-14.784 0-28.864 6.080-34.944 9.92l-5.824-16.512c7.744-5.12 23.296-10.688 41.024-10.688 37.888 0 57.536 22.080 57.536 47.36 0 22.080-15.808 36.672-35.2 40.576v0.448c19.456 7.040 29.12 20.864 29.12 37.184 0 19.2-14.080 37.632-45.184 37.632-17.024 0-33.024-6.080-41.28-12.16l5.568-15.552c6.784 4.864 18.944 10.432 31.552 10.432 19.648 0 27.712-11.2 27.712-23.808 0-18.688-19.648-26.688-35.2-26.688h-11.904v-16h11.904c20.672 0 40.576-9.472 40.768-31.552 0.32-13.12-8.192-30.592-35.648-30.592z"/>
+</svg>

package/src/icons/icon_ol/icon_ol.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_ol.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_ol'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M864 512h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32h512c17.664 0 32 14.336 32 32s-14.336 32-32 32zM864 768h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32h512c17.664 0 32 14.336 32 32s-14.336 32-32 32zM864 256h-512c-17.664 0-32-14.336-32-32s14.336-32 32-32h512c17.664 0 32 14.336 32 32s-14.336 32-32 32zM222.72 657.088v157.824h-18.24l-34.496-18.432 4.16-16.256 27.456 14.784h0.448v-137.92zM171.968 430.464l-16.704-16.256v-13.12h100.736v17.728h-70.912v0.448l12.608 11.648c33.28 32.064 54.4 55.616 54.4 84.736 0 22.592-14.336 45.888-48.32 45.888-18.24 0-33.728-6.784-44.672-16.064l6.784-15.040c7.296 6.080 19.2 13.376 33.536 13.376 23.552 0 31.296-14.784 31.296-30.848-0.192-23.744-18.432-44.16-58.752-82.496zM198.208 162.304c-14.784 0-28.864 6.080-34.944 9.92l-5.824-16.512c7.744-5.12 23.296-10.688 41.024-10.688 37.888 0 57.536 22.080 57.536 47.36 0 22.080-15.808 36.672-35.2 40.576v0.448c19.456 7.040 29.12 20.864 29.12 37.184 0 19.2-14.080 37.632-45.184 37.632-17.024 0-33.024-6.080-41.28-12.16l5.568-15.552c6.784 4.864 18.944 10.432 31.552 10.432 19.648 0 27.712-11.2 27.712-23.808 0-18.688-19.648-26.688-35.2-26.688h-11.904v-16h11.904c20.672 0 40.576-9.472 40.768-31.552 0.32-13.12-8.192-30.592-35.648-30.592z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_paperclip/icon_paperclip.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_paperclip",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_paperclip,"
+}

package/src/icons/icon_paperclip/icon_paperclip.svg

@@ -0,0 +1,4 @@
+<!-- icon_paperclip icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M450.432 736.704c-67.776 67.648-152.896 73.344-212.096 14.144-59.2-59.136-53.568-144.384 14.080-212.096l366.336-366.336c12.48-12.48 32.768-12.48 45.248 0s12.48 32.768 0 45.248l-366.336 366.336c-32.832 32.832-53.76 81.984-14.144 121.6 39.552 39.616 88.768 18.624 121.6-14.208l407.296-407.232c116.8-116.928 145.92-170.816 76.352-240.448-70.4-70.336-145.024-52.928-257.408 59.392l-452.48 452.608c-73.088 73.088-124.288 192.448-28.224 288.448 114.048 114.048 244.288 1.92 281.408-35.264l415.744-415.808c12.48-12.48 32.768-12.48 45.248 0s12.48 32.768 0 45.248l-415.744 415.808c-125.696 125.696-268.224 139.136-371.968 35.264-104.832-104.768-93.504-257.088 28.288-378.944l452.544-452.544c38.464-38.464 120.832-120.768 215.552-120.768 42.56 0 87.68 16.704 132.352 61.376 127.168 127.232 9.536 244.992-76.352 330.944l-407.296 407.232z"/>
+</svg>

package/src/icons/icon_paperclip/icon_paperclip.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_paperclip.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_paperclip'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M450.432 736.704c-67.776 67.648-152.896 73.344-212.096 14.144-59.2-59.136-53.568-144.384 14.080-212.096l366.336-366.336c12.48-12.48 32.768-12.48 45.248 0s12.48 32.768 0 45.248l-366.336 366.336c-32.832 32.832-53.76 81.984-14.144 121.6 39.552 39.616 88.768 18.624 121.6-14.208l407.296-407.232c116.8-116.928 145.92-170.816 76.352-240.448-70.4-70.336-145.024-52.928-257.408 59.392l-452.48 452.608c-73.088 73.088-124.288 192.448-28.224 288.448 114.048 114.048 244.288 1.92 281.408-35.264l415.744-415.808c12.48-12.48 32.768-12.48 45.248 0s12.48 32.768 0 45.248l-415.744 415.808c-125.696 125.696-268.224 139.136-371.968 35.264-104.832-104.768-93.504-257.088 28.288-378.944l452.544-452.544c38.464-38.464 120.832-120.768 215.552-120.768 42.56 0 87.68 16.704 132.352 61.376 127.168 127.232 9.536 244.992-76.352 330.944l-407.296 407.232z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_pause/icon_pause.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_pause",
+    "decodedUnicode": "`",
+    "unicode": "`",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_pause,"
+}

package/src/icons/icon_pause/icon_pause.svg

@@ -0,0 +1,4 @@
+<!-- icon_pause icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M384 640c-35.328 0-64-28.672-64-64v-256c0-35.328 28.672-64 64-64s64 28.672 64 64v256c0 35.328-28.672 64-64 64zM576 320c0-35.328 28.672-64 64-64s64 28.672 64 64v256c0 35.328-28.672 64-64 64s-64-28.672-64-64v-256z"/>
+</svg>

package/src/icons/icon_pause/icon_pause.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_pause.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_pause'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M384 640c-35.328 0-64-28.672-64-64v-256c0-35.328 28.672-64 64-64s64 28.672 64 64v256c0 35.328-28.672 64-64 64zM576 320c0-35.328 28.672-64 64-64s64 28.672 64 64v256c0 35.328-28.672 64-64 64s-64-28.672-64-64v-256z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_pause_alt/icon_pause_alt.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_pause_alt",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_pause_alt,"
+}

package/src/icons/icon_pause_alt/icon_pause_alt.svg

@@ -0,0 +1,4 @@
+<!-- icon_pause_alt icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M512 960c-282.752 0-512-229.248-512-512s229.248-512 512-512 512 229.248 512 512-229.248 512-512 512zM448 320c0-35.328-28.672-64-64-64s-64 28.672-64 64v256c0 35.328 28.672 64 64 64s64-28.672 64-64v-256zM704 320c0-35.328-28.672-64-64-64s-64 28.672-64 64v256c0 35.328 28.672 64 64 64s64-28.672 64-64v-256z"/>
+</svg>

package/src/icons/icon_pause_alt/icon_pause_alt.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_pause_alt.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_pause_alt'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M512 960c-282.752 0-512-229.248-512-512s229.248-512 512-512 512 229.248 512 512-229.248 512-512 512zM448 320c0-35.328-28.672-64-64-64s-64 28.672-64 64v256c0 35.328 28.672 64 64 64s64-28.672 64-64v-256zM704 320c0-35.328-28.672-64-64-64s-64 28.672-64 64v256c0 35.328 28.672 64 64 64s64-28.672 64-64v-256z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_pause_alt2/icon_pause_alt2.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_pause_alt2",
+    "decodedUnicode": "_",
+    "unicode": "_",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_pause_alt2,"
+}

package/src/icons/icon_pause_alt2/icon_pause_alt2.svg

@@ -0,0 +1,4 @@
+<!-- icon_pause_alt2 icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M512-64c282.752 0 512 229.248 512 512s-229.248 512-512 512-512-229.248-512-512 229.248-512 512-512zM512 896c247.040 0 448-200.96 448-448s-200.96-448-448-448-448 200.96-448 448 200.96 448 448 448zM384 256c35.328 0 64 28.672 64 64v256c0 35.328-28.672 64-64 64s-64-28.672-64-64v-256c0-35.328 28.672-64 64-64zM640 256c35.328 0 64 28.672 64 64v256c0 35.328-28.672 64-64 64s-64-28.672-64-64v-256c0-35.328 28.672-64 64-64z"/>
+</svg>

package/src/icons/icon_pause_alt2/icon_pause_alt2.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_pause_alt2.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_pause_alt2'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M512-64c282.752 0 512 229.248 512 512s-229.248 512-512 512-512-229.248-512-512 229.248-512 512-512zM512 896c247.040 0 448-200.96 448-448s-200.96-448-448-448-448 200.96-448 448 200.96 448 448 448zM384 256c35.328 0 64 28.672 64 64v256c0 35.328-28.672 64-64 64s-64-28.672-64-64v-256c0-35.328 28.672-64 64-64zM640 256c35.328 0 64 28.672 64 64v256c0 35.328-28.672 64-64 64s-64-28.672-64-64v-256c0-35.328 28.672-64 64-64z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_pencil-edit_alt/icon_pencil-edit_alt.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_pencil-edit_alt",
+    "decodedUnicode": "k",
+    "unicode": "k",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_pencil-edit_alt,"
+}

package/src/icons/icon_pencil-edit_alt/icon_pencil-edit_alt.svg

@@ -0,0 +1,4 @@
+<!-- icon_pencil-edit_alt icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M659.84 185.024l172.16-57.024-57.024 172.16-328.96 328.96-115.136-115.136zM263.104 581.76l115.136 115.136-84.736 84.736c-31.808 31.808-83.328 31.808-115.136 0s-31.808-83.328 0-115.136l84.736-84.736zM960 960h-896c-35.328 0-64-28.672-64-64v-896c0-35.328 28.672-64 64-64h896c35.328 0 64 28.672 64 64v896c0 35.328-28.672 64-64 64zM960 0h-896v896h896v-896z"/>
+</svg>

package/src/icons/icon_pencil-edit_alt/icon_pencil-edit_alt.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_pencil-edit_alt.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_pencil-edit_alt'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M659.84 185.024l172.16-57.024-57.024 172.16-328.96 328.96-115.136-115.136zM263.104 581.76l115.136 115.136-84.736 84.736c-31.808 31.808-83.328 31.808-115.136 0s-31.808-83.328 0-115.136l84.736-84.736zM960 960h-896c-35.328 0-64-28.672-64-64v-896c0-35.328 28.672-64 64-64h896c35.328 0 64 28.672 64 64v896c0 35.328-28.672 64-64 64zM960 0h-896v896h896v-896z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_pencil_alt/icon_pencil_alt.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_pencil_alt",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_pencil_alt,"
+}

package/src/icons/icon_pencil_alt/icon_pencil_alt.svg

@@ -0,0 +1,4 @@
+<!-- icon_pencil_alt icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M960 960h-896c-35.328 0-64-28.672-64-64v-896c0-35.328 28.672-64 64-64h896c35.328 0 64 28.672 64 64v896c0 35.328-28.672 64-64 64zM178.368 666.496c-31.808 31.808-31.808 83.328 0 115.136s83.328 31.808 115.136 0l84.736-84.736-115.136-115.136-84.736 84.736zM659.84 185.024l-328.96 328.96 115.136 115.136 328.96-328.96 57.024-172.16-172.16 57.024z"/>
+</svg>

package/src/icons/icon_pencil_alt/icon_pencil_alt.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_pencil_alt.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_pencil_alt'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M960 960h-896c-35.328 0-64-28.672-64-64v-896c0-35.328 28.672-64 64-64h896c35.328 0 64 28.672 64 64v896c0 35.328-28.672 64-64 64zM178.368 666.496c-31.808 31.808-31.808 83.328 0 115.136s83.328 31.808 115.136 0l84.736-84.736-115.136-115.136-84.736 84.736zM659.84 185.024l-328.96 328.96 115.136 115.136 328.96-328.96 57.024-172.16-172.16 57.024z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_pens/icon_pens.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_pens",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_pens,"
+}

package/src/icons/icon_pens/icon_pens.svg

@@ -0,0 +1,4 @@
+<!-- icon_pens icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M128 768v-512l128-320 128 320-0.32 0.128c0.192 0.192 0.128 0.512 0.32 0.704v575.168c0 70.72-57.28 128-128 128s-128-57.28-128-128v-64zM192 832c0 35.264 28.736 64 64 64s64-28.736 64-64v-64h-128v64zM256 108.352l-46.72 116.736 46.72 23.36 46.72-23.36-0.96-2.432-12.8-32-32.96-82.304zM320 288l-64 32-64-32v416h128v-416zM805.888 769.344l-61.312 158.656-0.576-0.192c-4.48 18.304-20.288 32.192-40 32.192-21.184 0-37.888-15.872-40.832-36.224l-1.152 0.256-59.904-154.688-26.112-65.344v-640c0-70.72 57.28-128 128-128s128 57.28 128 128c35.328 0 64 28.672 64 64v192c0 35.328-28.672 64-64 64v320l-26.112 65.344zM768 320v-256c0-35.264-28.736-64-64-64s-64 28.736-64 64v640h128v-384zM737.472 768h-66.944l33.472 83.648 33.472-83.648z"/>
+</svg>

package/src/icons/icon_pens/icon_pens.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_pens.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_pens'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M128 768v-512l128-320 128 320-0.32 0.128c0.192 0.192 0.128 0.512 0.32 0.704v575.168c0 70.72-57.28 128-128 128s-128-57.28-128-128v-64zM192 832c0 35.264 28.736 64 64 64s64-28.736 64-64v-64h-128v64zM256 108.352l-46.72 116.736 46.72 23.36 46.72-23.36-0.96-2.432-12.8-32-32.96-82.304zM320 288l-64 32-64-32v416h128v-416zM805.888 769.344l-61.312 158.656-0.576-0.192c-4.48 18.304-20.288 32.192-40 32.192-21.184 0-37.888-15.872-40.832-36.224l-1.152 0.256-59.904-154.688-26.112-65.344v-640c0-70.72 57.28-128 128-128s128 57.28 128 128c35.328 0 64 28.672 64 64v192c0 35.328-28.672 64-64 64v320l-26.112 65.344zM768 320v-256c0-35.264-28.736-64-64-64s-64 28.736-64 64v640h128v-384zM737.472 768h-66.944l33.472 83.648 33.472-83.648z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_pens_alt/icon_pens_alt.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_pens_alt",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_pens_alt,"
+}

package/src/icons/icon_pens_alt/icon_pens_alt.svg

@@ -0,0 +1,4 @@
+<!-- icon_pens_alt icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M128 832v-576l128-320 128 320-0.32 0.128c0.192 0.192 0.128 0.512 0.32 0.704v575.168c0 70.72-57.28 128-128 128s-128-57.28-128-128zM192 832c0 35.264 28.736 64 64 64s64-28.736 64-64v-64h-128v64zM256 108.352l-46.72 116.736 46.72 23.36 46.72-23.36-0.96-2.432-12.8-32-32.96-82.304zM805.888 769.344l-60.48 154.688-0.576-0.128c-3.008 20.288-19.712 36.096-40.832 36.096-20.864 0-37.952-16.064-41.344-36.16l-0.64 0.128-59.904-154.624-26.112-65.344v-640c0-70.72 57.28-128 128-128s128 57.28 128 128c35.328 0 64 28.672 64 64v192c0 35.328-28.672 64-64 64v320l-26.112 65.344zM746.432 745.536l16.64-41.536h-118.144l16.64 41.536 8.96 22.464 33.472 83.648 33.472-83.648 8.96-22.464z"/>
+</svg>

package/src/icons/icon_pens_alt/icon_pens_alt.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_pens_alt.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_pens_alt'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M128 832v-576l128-320 128 320-0.32 0.128c0.192 0.192 0.128 0.512 0.32 0.704v575.168c0 70.72-57.28 128-128 128s-128-57.28-128-128zM192 832c0 35.264 28.736 64 64 64s64-28.736 64-64v-64h-128v64zM256 108.352l-46.72 116.736 46.72 23.36 46.72-23.36-0.96-2.432-12.8-32-32.96-82.304zM805.888 769.344l-60.48 154.688-0.576-0.128c-3.008 20.288-19.712 36.096-40.832 36.096-20.864 0-37.952-16.064-41.344-36.16l-0.64 0.128-59.904-154.624-26.112-65.344v-640c0-70.72 57.28-128 128-128s128 57.28 128 128c35.328 0 64 28.672 64 64v192c0 35.328-28.672 64-64 64v320l-26.112 65.344zM746.432 745.536l16.64-41.536h-118.144l16.64 41.536 8.96 22.464 33.472 83.648 33.472-83.648 8.96-22.464z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_percent/icon_percent.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_percent",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_percent,"
+}

package/src/icons/icon_percent/icon_percent.svg

@@ -0,0 +1,4 @@
+<!-- icon_percent icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M512 960c-282.752 0-512-229.248-512-512s229.248-512 512-512 512 229.248 512 512-229.248 512-512 512zM512 0c-247.040 0-448 200.96-448 448s200.96 448 448 448 448-200.96 448-448-200.96-448-448-448zM451.968 609.984c0 54.144-43.904 97.984-97.984 97.984s-97.984-43.84-97.984-97.984 43.904-97.984 97.984-97.984 97.984 43.904 97.984 97.984zM320 609.984c0 18.752 15.232 33.984 33.984 33.984s33.984-15.232 33.984-33.984-15.232-33.984-33.984-33.984-33.984 15.232-33.984 33.984zM670.016 387.968c-54.144 0-97.984-43.904-97.984-97.984s43.84-97.984 97.984-97.984 97.984 43.904 97.984 97.984-43.904 97.984-97.984 97.984zM670.016 256c-18.752 0-33.984 15.232-33.984 33.984s15.232 33.984 33.984 33.984 33.984-15.232 33.984-33.984-15.232-33.984-33.984-33.984zM726.656 662.656c-12.48 12.48-32.768 12.48-45.248 0l-384-384c-12.48-12.48-12.48-32.768 0-45.248 6.208-6.272 14.4-9.408 22.592-9.408s16.384 3.136 22.656 9.344l384 384c12.48 12.544 12.48 32.768 0 45.312z"/>
+</svg>

package/src/icons/icon_percent/icon_percent.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_percent.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_percent'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M512 960c-282.752 0-512-229.248-512-512s229.248-512 512-512 512 229.248 512 512-229.248 512-512 512zM512 0c-247.040 0-448 200.96-448 448s200.96 448 448 448 448-200.96 448-448-200.96-448-448-448zM451.968 609.984c0 54.144-43.904 97.984-97.984 97.984s-97.984-43.84-97.984-97.984 43.904-97.984 97.984-97.984 97.984 43.904 97.984 97.984zM320 609.984c0 18.752 15.232 33.984 33.984 33.984s33.984-15.232 33.984-33.984-15.232-33.984-33.984-33.984-33.984 15.232-33.984 33.984zM670.016 387.968c-54.144 0-97.984-43.904-97.984-97.984s43.84-97.984 97.984-97.984 97.984 43.904 97.984 97.984-43.904 97.984-97.984 97.984zM670.016 256c-18.752 0-33.984 15.232-33.984 33.984s15.232 33.984 33.984 33.984 33.984-15.232 33.984-33.984-15.232-33.984-33.984-33.984zM726.656 662.656c-12.48 12.48-32.768 12.48-45.248 0l-384-384c-12.48-12.48-12.48-32.768 0-45.248 6.208-6.272 14.4-9.408 22.592-9.408s16.384 3.136 22.656 9.344l384 384c12.48 12.544 12.48 32.768 0 45.312z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_percent_alt/icon_percent_alt.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_percent_alt",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_percent_alt,"
+}

package/src/icons/icon_percent_alt/icon_percent_alt.svg

@@ -0,0 +1,4 @@
+<!-- icon_percent_alt icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M320 609.984c0-18.769 15.215-33.984 33.984-33.984s33.984 15.215 33.984 33.984c0 18.769-15.215 33.984-33.984 33.984s-33.984-15.215-33.984-33.984zM512 960c-282.752 0-512-229.248-512-512s229.248-512 512-512 512 229.248 512 512-229.248 512-512 512zM256 609.984c0 54.144 43.904 97.984 97.984 97.984s97.984-43.904 97.984-97.984-43.84-97.984-97.984-97.984-97.984 43.904-97.984 97.984zM342.656 233.344c-6.272-6.208-14.464-9.344-22.656-9.344s-16.384 3.136-22.656 9.344c-12.48 12.48-12.48 32.768 0 45.248l384 384c12.48 12.48 32.768 12.48 45.248 0s12.48-32.768 0-45.248l-383.936-384zM670.016 192c-54.144 0-97.984 43.904-97.984 97.984s43.904 97.984 97.984 97.984 97.984-43.84 97.984-97.984-43.904-97.984-97.984-97.984zM636.032 289.984c0 0 0 0 0 0 0-18.769 15.215-33.984 33.984-33.984s33.984 15.215 33.984 33.984c0 0 0 0 0 0s0 0 0 0c0 18.769-15.215 33.984-33.984 33.984s-33.984-15.215-33.984-33.984c0 0 0 0 0 0z"/>
+</svg>

package/src/icons/icon_percent_alt/icon_percent_alt.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './icon_percent_alt.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/icon_percent_alt'; // Unique name.
+export const viewBox   = '0 -64 1024 1024'; // You will need to adjust this to match your SVG.
+export const component = (): ReactElement => (
+  <path d="M320 609.984c0-18.769 15.215-33.984 33.984-33.984s33.984 15.215 33.984 33.984c0 18.769-15.215 33.984-33.984 33.984s-33.984-15.215-33.984-33.984zM512 960c-282.752 0-512-229.248-512-512s229.248-512 512-512 512 229.248 512 512-229.248 512-512 512zM256 609.984c0 54.144 43.904 97.984 97.984 97.984s97.984-43.904 97.984-97.984-43.84-97.984-97.984-97.984-97.984 43.904-97.984 97.984zM342.656 233.344c-6.272-6.208-14.464-9.344-22.656-9.344s-16.384 3.136-22.656 9.344c-12.48 12.48-12.48 32.768 0 45.248l384 384c12.48 12.48 32.768 12.48 45.248 0s12.48-32.768 0-45.248l-383.936-384zM670.016 192c-54.144 0-97.984 43.904-97.984 97.984s43.904 97.984 97.984 97.984 97.984-43.84 97.984-97.984-43.904-97.984-97.984-97.984zM636.032 289.984c0 0 0 0 0 0 0-18.769 15.215-33.984 33.984-33.984s33.984 15.215 33.984 33.984c0 0 0 0 0 0s0 0 0 0c0 18.769-15.215 33.984-33.984 33.984s-33.984-15.215-33.984-33.984c0 0 0 0 0 0z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/icon_phone/icon_phone.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/icon_phone",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,icon_phone,"
+}