@caweb/icon-library 1.0.0

package/src/icons/archive/archive.svg

@@ -0,0 +1,4 @@
+<!-- archive icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M960 832h-896c-35.328 0-64-28.672-64-64v-128h1024v128c0 35.328-28.672 64-64 64zM64 0c0-35.328 28.672-64 64-64h768c35.328 0 64 28.672 64 64v576h-896v-576zM384 448h256c35.328 0 64-28.672 64-64s-28.672-64-64-64h-256c-35.328 0-64 28.672-64 64s28.672 64 64 64z"/>
+</svg>

package/src/icons/archive/archive.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './archive.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/archive'; // 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 832h-896c-35.328 0-64-28.672-64-64v-128h1024v128c0 35.328-28.672 64-64 64zM64 0c0-35.328 28.672-64 64-64h768c35.328 0 64 28.672 64 64v576h-896v-576zM384 448h256c35.328 0 64-28.672 64-64s-28.672-64-64-64h-256c-35.328 0-64 28.672-64 64s28.672 64 64 64z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow-fill-down/arrow-fill-down.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/arrow-fill-down",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,arrow-fill-down,"
+}

package/src/icons/arrow-fill-down/arrow-fill-down.svg

@@ -0,0 +1,4 @@
+<!-- arrow-fill-down 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 480zM758.656 329.344l-192-192c-2.944-2.944-6.464-5.312-10.368-6.912-7.808-3.264-16.64-3.264-24.448 0-3.84 1.6-7.232 3.904-10.112 6.72-0.064 0.064-0.192 0.064-0.256 0.192l-192 192c-12.48 12.48-12.48 32.768 0 45.248s32.768 12.48 45.248 0l137.28-137.344v498.752c0 17.664 14.336 32 32 32s32-14.336 32-32v-498.752l137.344 137.344c12.48 12.48 32.768 12.48 45.248 0 12.544-12.48 12.544-32.704 0.064-45.248z"/>
+</svg>

package/src/icons/arrow-fill-down/arrow-fill-down.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow-fill-down.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow-fill-down'; // 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 480zM758.656 329.344l-192-192c-2.944-2.944-6.464-5.312-10.368-6.912-7.808-3.264-16.64-3.264-24.448 0-3.84 1.6-7.232 3.904-10.112 6.72-0.064 0.064-0.192 0.064-0.256 0.192l-192 192c-12.48 12.48-12.48 32.768 0 45.248s32.768 12.48 45.248 0l137.28-137.344v498.752c0 17.664 14.336 32 32 32s32-14.336 32-32v-498.752l137.344 137.344c12.48 12.48 32.768 12.48 45.248 0 12.544-12.48 12.544-32.704 0.064-45.248z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow-fill-left/arrow-fill-left.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/arrow-fill-left",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,arrow-fill-left,"
+}

package/src/icons/arrow-fill-left/arrow-fill-left.svg

@@ -0,0 +1,4 @@
+<!-- arrow-fill-left 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 480zM896 416c0-17.664-14.336-32-32-32h-498.752l137.344-137.344c12.48-12.48 12.48-32.768 0-45.248s-32.768-12.48-45.248 0l-192 192c-0.064 0.064-0.128 0.192-0.192 0.32-2.816 2.88-5.12 6.272-6.656 10.048-1.6 3.904-2.496 8-2.496 12.096 0 0.064 0 0.064 0 0.128v0c0 4.16 0.832 8.32 2.496 12.224 1.536 3.776 3.84 7.168 6.656 10.048 0.128 0.128 0.128 0.256 0.256 0.384l192 192c12.48 12.48 32.768 12.48 45.248 0s12.48-32.768 0-45.248l-137.408-137.408h498.752c17.664 0 32-14.336 32-32z"/>
+</svg>

package/src/icons/arrow-fill-left/arrow-fill-left.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow-fill-left.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow-fill-left'; // 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 480zM896 416c0-17.664-14.336-32-32-32h-498.752l137.344-137.344c12.48-12.48 12.48-32.768 0-45.248s-32.768-12.48-45.248 0l-192 192c-0.064 0.064-0.128 0.192-0.192 0.32-2.816 2.88-5.12 6.272-6.656 10.048-1.6 3.904-2.496 8-2.496 12.096 0 0.064 0 0.064 0 0.128v0c0 4.16 0.832 8.32 2.496 12.224 1.536 3.776 3.84 7.168 6.656 10.048 0.128 0.128 0.128 0.256 0.256 0.384l192 192c12.48 12.48 32.768 12.48 45.248 0s12.48-32.768 0-45.248l-137.408-137.408h498.752c17.664 0 32-14.336 32-32z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow-fill-left-down/arrow-fill-left-down.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/arrow-fill-left-down",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,arrow-fill-left-down,"
+}

package/src/icons/arrow-fill-left-down/arrow-fill-left-down.svg

@@ -0,0 +1,4 @@
+<!-- arrow-fill-left-down icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M204.608 755.392c-187.456-187.456-187.456-491.392 0-678.848s491.392-187.456 678.848 0c187.456 187.456 187.456 491.392 0 678.848-187.52 187.456-491.392 187.456-678.848 0zM781.952 608.64l-352.704-352.64h194.304c17.664 0 32-14.336 32-32s-14.336-32-32-32h-271.552c-4.16 0-8.32 0.832-12.224 2.496-3.84 1.6-7.232 3.904-10.112 6.72-0.064 0.064-0.192 0.064-0.256 0.192-0.128 0.128-0.128 0.256-0.256 0.384-2.816 2.88-5.12 6.272-6.656 10.048-1.6 3.84-2.496 7.936-2.496 12.032 0 0.064 0 0.064 0 0.128v271.552c0 17.664 14.336 32 32 32s32-14.336 32-32v-194.304l352.64 352.64c12.48 12.48 32.768 12.48 45.248 0s12.544-32.704 0.064-45.248z"/>
+</svg>

package/src/icons/arrow-fill-left-down/arrow-fill-left-down.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow-fill-left-down.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow-fill-left-down'; // 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="M204.608 755.392c-187.456-187.456-187.456-491.392 0-678.848s491.392-187.456 678.848 0c187.456 187.456 187.456 491.392 0 678.848-187.52 187.456-491.392 187.456-678.848 0zM781.952 608.64l-352.704-352.64h194.304c17.664 0 32-14.336 32-32s-14.336-32-32-32h-271.552c-4.16 0-8.32 0.832-12.224 2.496-3.84 1.6-7.232 3.904-10.112 6.72-0.064 0.064-0.192 0.064-0.256 0.192-0.128 0.128-0.128 0.256-0.256 0.384-2.816 2.88-5.12 6.272-6.656 10.048-1.6 3.84-2.496 7.936-2.496 12.032 0 0.064 0 0.064 0 0.128v271.552c0 17.664 14.336 32 32 32s32-14.336 32-32v-194.304l352.64 352.64c12.48 12.48 32.768 12.48 45.248 0s12.544-32.704 0.064-45.248z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow-fill-left-up/arrow-fill-left-up.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/arrow-fill-left-up",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,arrow-fill-left-up,"
+}

package/src/icons/arrow-fill-left-up/arrow-fill-left-up.svg

@@ -0,0 +1,4 @@
+<!-- arrow-fill-left-up icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M204.608 755.392c-187.456-187.456-187.456-491.392 0-678.848s491.392-187.456 678.848 0c187.456 187.456 187.456 491.392 0 678.848-187.52 187.456-491.392 187.456-678.848 0zM781.952 178.048c-12.48-12.48-32.768-12.48-45.248 0l-352.704 352.704v-194.304c0-17.664-14.336-32-32-32s-32 14.336-32 32v271.552c0 4.16 0.832 8.32 2.496 12.224 1.536 3.776 3.84 7.168 6.656 10.048 0.128 0.128 0.128 0.256 0.256 0.384 0.064 0.064 0.128 0.064 0.192 0.128 2.88 2.816 6.336 5.184 10.112 6.72 3.968 1.664 8.128 2.496 12.288 2.496h271.552c17.664 0 32-14.336 32-32s-14.336-32-32-32h-194.304l352.64-352.64c12.544-12.544 12.544-32.768 0.064-45.312z"/>
+</svg>

package/src/icons/arrow-fill-left-up/arrow-fill-left-up.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow-fill-left-up.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow-fill-left-up'; // 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="M204.608 755.392c-187.456-187.456-187.456-491.392 0-678.848s491.392-187.456 678.848 0c187.456 187.456 187.456 491.392 0 678.848-187.52 187.456-491.392 187.456-678.848 0zM781.952 178.048c-12.48-12.48-32.768-12.48-45.248 0l-352.704 352.704v-194.304c0-17.664-14.336-32-32-32s-32 14.336-32 32v271.552c0 4.16 0.832 8.32 2.496 12.224 1.536 3.776 3.84 7.168 6.656 10.048 0.128 0.128 0.128 0.256 0.256 0.384 0.064 0.064 0.128 0.064 0.192 0.128 2.88 2.816 6.336 5.184 10.112 6.72 3.968 1.664 8.128 2.496 12.288 2.496h271.552c17.664 0 32-14.336 32-32s-14.336-32-32-32h-194.304l352.64-352.64c12.544-12.544 12.544-32.768 0.064-45.312z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow-fill-right/arrow-fill-right.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/arrow-fill-right",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,arrow-fill-right,"
+}

package/src/icons/arrow-fill-right/arrow-fill-right.svg

@@ -0,0 +1,4 @@
+<!-- arrow-fill-right 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 480zM832 416c0-0.064 0-0.064 0-0.128 0-4.16-0.832-8.256-2.432-12.096-1.6-3.904-3.968-7.424-6.912-10.368l-192-192c-12.48-12.48-32.768-12.48-45.248 0s-12.48 32.768 0 45.248l137.344 137.344h-498.752c-17.664 0-32 14.336-32 32s14.336 32 32 32h498.752l-137.408 137.344c-12.48 12.48-12.48 32.768 0 45.248s32.768 12.48 45.248 0l192-192c2.944-2.944 5.312-6.464 6.912-10.368 1.664-3.904 2.496-8.064 2.496-12.224v0z"/>
+</svg>

package/src/icons/arrow-fill-right/arrow-fill-right.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow-fill-right.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow-fill-right'; // 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 480zM832 416c0-0.064 0-0.064 0-0.128 0-4.16-0.832-8.256-2.432-12.096-1.6-3.904-3.968-7.424-6.912-10.368l-192-192c-12.48-12.48-32.768-12.48-45.248 0s-12.48 32.768 0 45.248l137.344 137.344h-498.752c-17.664 0-32 14.336-32 32s14.336 32 32 32h498.752l-137.408 137.344c-12.48 12.48-12.48 32.768 0 45.248s32.768 12.48 45.248 0l192-192c2.944-2.944 5.312-6.464 6.912-10.368 1.664-3.904 2.496-8.064 2.496-12.224v0z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow-fill-right-down/arrow-fill-right-down.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/arrow-fill-right-down",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,arrow-fill-right-down,"
+}

package/src/icons/arrow-fill-right-down/arrow-fill-right-down.svg

@@ -0,0 +1,4 @@
+<!-- arrow-fill-right-down icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M204.608 755.392c-187.456-187.456-187.456-491.392 0-678.848s491.392-187.456 678.848 0c187.456 187.456 187.456 491.392 0 678.848-187.52 187.456-491.392 187.456-678.848 0zM768 224c0-0.064 0-0.064 0-0.128 0-4.16-0.832-8.256-2.432-12.096-3.264-7.808-9.472-14.080-17.28-17.28-3.968-1.664-8.128-2.496-12.288-2.496h-271.552c-17.664 0-32 14.336-32 32s14.336 32 32 32h194.304l-352.64 352.64c-12.48 12.48-12.48 32.768 0 45.248s32.768 12.48 45.248 0l352.64-352.64v194.304c0 17.664 14.336 32 32 32s32-14.336 32-32v-271.552z"/>
+</svg>

package/src/icons/arrow-fill-right-down/arrow-fill-right-down.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow-fill-right-down.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow-fill-right-down'; // 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="M204.608 755.392c-187.456-187.456-187.456-491.392 0-678.848s491.392-187.456 678.848 0c187.456 187.456 187.456 491.392 0 678.848-187.52 187.456-491.392 187.456-678.848 0zM768 224c0-0.064 0-0.064 0-0.128 0-4.16-0.832-8.256-2.432-12.096-3.264-7.808-9.472-14.080-17.28-17.28-3.968-1.664-8.128-2.496-12.288-2.496h-271.552c-17.664 0-32 14.336-32 32s14.336 32 32 32h194.304l-352.64 352.64c-12.48 12.48-12.48 32.768 0 45.248s32.768 12.48 45.248 0l352.64-352.64v194.304c0 17.664 14.336 32 32 32s32-14.336 32-32v-271.552z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow-fill-right-up/arrow-fill-right-up.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/arrow-fill-right-up",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,arrow-fill-right-up,"
+}

package/src/icons/arrow-fill-right-up/arrow-fill-right-up.svg

@@ -0,0 +1,4 @@
+<!-- arrow-fill-right-up icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M204.608 755.392c-187.456-187.456-187.456-491.392 0-678.848s491.392-187.456 678.848 0c187.456 187.456 187.456 491.392 0 678.848-187.52 187.456-491.392 187.456-678.848 0zM768 608v-271.552c0-17.664-14.336-32-32-32s-32 14.336-32 32v194.304l-352.64-352.64c-12.48-12.48-32.768-12.48-45.248 0s-12.48 32.768 0 45.248l352.64 352.64h-194.304c-17.664 0-32 14.336-32 32s14.336 32 32 32h271.552c4.16 0 8.32-0.832 12.224-2.496 7.808-3.264 14.080-9.472 17.28-17.28 1.664-3.904 2.496-8.064 2.496-12.224v0z"/>
+</svg>

package/src/icons/arrow-fill-right-up/arrow-fill-right-up.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow-fill-right-up.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow-fill-right-up'; // 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="M204.608 755.392c-187.456-187.456-187.456-491.392 0-678.848s491.392-187.456 678.848 0c187.456 187.456 187.456 491.392 0 678.848-187.52 187.456-491.392 187.456-678.848 0zM768 608v-271.552c0-17.664-14.336-32-32-32s-32 14.336-32 32v194.304l-352.64-352.64c-12.48-12.48-32.768-12.48-45.248 0s-12.48 32.768 0 45.248l352.64 352.64h-194.304c-17.664 0-32 14.336-32 32s14.336 32 32 32h271.552c4.16 0 8.32-0.832 12.224-2.496 7.808-3.264 14.080-9.472 17.28-17.28 1.664-3.904 2.496-8.064 2.496-12.224v0z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow-fill-up/arrow-fill-up.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/arrow-fill-up",
+    "decodedUnicode": "",
+    "unicode": "",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,arrow-fill-up,"
+}

package/src/icons/arrow-fill-up/arrow-fill-up.svg

@@ -0,0 +1,4 @@
+<!-- arrow-fill-up 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 480zM758.656 457.344c-12.48-12.48-32.768-12.48-45.248 0l-137.408 137.408v-498.752c0-17.664-14.336-32-32-32s-32 14.336-32 32v498.752l-137.344-137.408c-12.48-12.48-32.768-12.48-45.248 0s-12.48 32.768 0 45.248l192 192c0.064 0.128 0.128 0.128 0.192 0.192 2.88 2.816 6.336 5.184 10.112 6.72 7.808 3.264 16.64 3.264 24.448 0 3.968-1.6 7.488-3.904 10.496-6.848l192-192c12.48-12.544 12.48-32.768 0-45.312z"/>
+</svg>

package/src/icons/arrow-fill-up/arrow-fill-up.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow-fill-up.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow-fill-up'; // 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 480zM758.656 457.344c-12.48-12.48-32.768-12.48-45.248 0l-137.408 137.408v-498.752c0-17.664-14.336-32-32-32s-32 14.336-32 32v498.752l-137.344-137.408c-12.48-12.48-32.768-12.48-45.248 0s-12.48 32.768 0 45.248l192 192c0.064 0.128 0.128 0.128 0.192 0.192 2.88 2.816 6.336 5.184 10.112 6.72 7.808 3.264 16.64 3.264 24.448 0 3.968-1.6 7.488-3.904 10.496-6.848l192-192c12.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/arrow-next/arrow-next.json

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

package/src/icons/arrow-next/arrow-next.svg

@@ -0,0 +1,4 @@
+<!-- arrow-next icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M729.6 448l-390.4 390.4c-25.6 25.6-25.6 70.4 0 102.4 25.6 25.6 70.4 25.6 102.4 0l441.6-441.6c12.8-12.8 19.2-32 19.2-51.2s-6.4-38.4-19.2-51.2l-441.6-441.6c-25.6-25.6-70.4-25.6-102.4 0-25.6 25.6-25.6 70.4 0 102.4l390.4 390.4z"/>
+</svg>

package/src/icons/arrow-next/arrow-next.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow-next.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow-next'; // 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="M729.6 448l-390.4 390.4c-25.6 25.6-25.6 70.4 0 102.4 25.6 25.6 70.4 25.6 102.4 0l441.6-441.6c12.8-12.8 19.2-32 19.2-51.2s-6.4-38.4-19.2-51.2l-441.6-441.6c-25.6-25.6-70.4-25.6-102.4 0-25.6 25.6-25.6 70.4 0 102.4l390.4 390.4z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow-prev/arrow-prev.json

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

package/src/icons/arrow-prev/arrow-prev.svg

@@ -0,0 +1,4 @@
+<!-- arrow-prev icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M300.8 448l390.4 390.4c25.6 25.6 25.6 70.4 0 102.4-25.6 25.6-70.4 25.6-102.4 0l-441.6-441.6c-12.8-12.8-19.2-32-19.2-51.2s6.4-38.4 19.2-51.2l441.6-441.6c25.6-25.6 70.4-25.6 102.4 0 25.6 25.6 25.6 70.4 0 102.4l-390.4 390.4z"/>
+</svg>

package/src/icons/arrow-prev/arrow-prev.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow-prev.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow-prev'; // 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="M300.8 448l390.4 390.4c25.6 25.6 25.6 70.4 0 102.4-25.6 25.6-70.4 25.6-102.4 0l-441.6-441.6c-12.8-12.8-19.2-32-19.2-51.2s6.4-38.4 19.2-51.2l441.6-441.6c25.6-25.6 70.4-25.6 102.4 0 25.6 25.6 25.6 70.4 0 102.4l-390.4 390.4z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow-up-down/arrow-up-down.json

@@ -0,0 +1,8 @@
+{
+    "name": "caweb/arrow-up-down",
+    "decodedUnicode": ")",
+    "unicode": ")",
+    "fontWeight": 400,
+    "styles": [],
+    "searchTerms": "caweb,arrow-up-down,"
+}

package/src/icons/arrow-up-down/arrow-up-down.svg

@@ -0,0 +1,4 @@
+<!-- arrow-up-down icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M649.344 777.344c12.48-12.48 32.768-12.48 45.248 0s12.48 32.768 0 45.248l-128 128c-2.944 3.008-6.464 5.312-10.368 6.912-7.808 3.264-16.64 3.264-24.448 0-3.84-1.536-7.232-3.84-10.176-6.72-0.064-0.064-0.128-0.064-0.256-0.128l-128-128c-12.48-12.48-12.48-32.768 0-45.248s32.768-12.48 45.248 0l73.408 73.344v-805.504l-73.344 73.344c-12.48 12.48-32.768 12.48-45.248 0s-12.48-32.768 0-45.248l128-128c0.064-0.064 0.192-0.064 0.256-0.192 2.88-2.816 6.336-5.184 10.112-6.72 7.808-3.264 16.64-3.264 24.448 0 3.904 1.6 7.424 3.968 10.368 6.912l128 128c12.48 12.48 12.48 32.768 0 45.248s-32.768 12.48-45.248 0l-73.344-73.344v805.504l73.344-73.408z"/>
+</svg>

package/src/icons/arrow-up-down/arrow-up-down.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow-up-down.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow-up-down'; // 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="M649.344 777.344c12.48-12.48 32.768-12.48 45.248 0s12.48 32.768 0 45.248l-128 128c-2.944 3.008-6.464 5.312-10.368 6.912-7.808 3.264-16.64 3.264-24.448 0-3.84-1.536-7.232-3.84-10.176-6.72-0.064-0.064-0.128-0.064-0.256-0.128l-128-128c-12.48-12.48-12.48-32.768 0-45.248s32.768-12.48 45.248 0l73.408 73.344v-805.504l-73.344 73.344c-12.48 12.48-32.768 12.48-45.248 0s-12.48-32.768 0-45.248l128-128c0.064-0.064 0.192-0.064 0.256-0.192 2.88-2.816 6.336-5.184 10.112-6.72 7.808-3.264 16.64-3.264 24.448 0 3.904 1.6 7.424 3.968 10.368 6.912l128 128c12.48 12.48 12.48 32.768 0 45.248s-32.768 12.48-45.248 0l-73.344-73.344v805.504l73.344-73.408z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow_back/arrow_back.json

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

package/src/icons/arrow_back/arrow_back.svg

@@ -0,0 +1,4 @@
+<!-- arrow_back icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M73.344 457.344l192-192c12.48-12.48 32.768-12.48 45.248 0s12.48 32.768 0 45.248l-137.344 137.408h466.752c128 0 192-118.144 192-224 0-17.664 14.336-32 32-32s32 14.336 32 32c0 141.184-64 288-256 288h-466.752l137.344 137.344c12.48 12.48 12.48 32.768 0 45.248s-32.768 12.48-45.248 0l-192-192c-12.48-12.48-12.48-32.704 0-45.248z"/>
+</svg>

package/src/icons/arrow_back/arrow_back.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow_back.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow_back'; // 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="M73.344 457.344l192-192c12.48-12.48 32.768-12.48 45.248 0s12.48 32.768 0 45.248l-137.344 137.408h466.752c128 0 192-118.144 192-224 0-17.664 14.336-32 32-32s32 14.336 32 32c0 141.184-64 288-256 288h-466.752l137.344 137.344c12.48 12.48 12.48 32.768 0 45.248s-32.768 12.48-45.248 0l-192-192c-12.48-12.48-12.48-32.704 0-45.248z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow_condense/arrow_condense.json

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

package/src/icons/arrow_condense/arrow_condense.svg

@@ -0,0 +1,4 @@
+<!-- arrow_condense icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M950.656 886.656c-12.48 12.48-32.768 12.48-45.248 0l-265.408-265.408v178.752c0 17.664-14.336 32-32 32s-32-14.336-32-32v-256c0-0.064 0-0.064 0-0.128 0-4.096 0.896-8.192 2.496-12.096 1.536-3.776 3.84-7.168 6.656-10.048 0.064-0.128 0.128-0.256 0.192-0.384 0.128-0.064 0.192-0.064 0.256-0.128 2.88-2.816 6.336-5.184 10.112-6.72 3.968-1.664 8.128-2.496 12.288-2.496h256c17.664 0 32 14.336 32 32s-14.336 32-32 32h-178.752l265.344 265.344c12.544 12.544 12.544 32.768 0.064 45.312zM73.344 9.344c12.48-12.48 32.768-12.48 45.248 0l265.408 265.408v-178.752c0-17.664 14.336-32 32-32s32 14.336 32 32v256c0 4.16-0.832 8.32-2.496 12.224-3.264 7.808-9.472 14.080-17.28 17.28-3.904 1.664-8.064 2.496-12.224 2.496h-256c-17.664 0-32-14.336-32-32s14.336-32 32-32h178.752l-265.344-265.344c-12.544-12.544-12.544-32.768-0.064-45.312z"/>
+</svg>

package/src/icons/arrow_condense/arrow_condense.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow_condense.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow_condense'; // 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="M950.656 886.656c-12.48 12.48-32.768 12.48-45.248 0l-265.408-265.408v178.752c0 17.664-14.336 32-32 32s-32-14.336-32-32v-256c0-0.064 0-0.064 0-0.128 0-4.096 0.896-8.192 2.496-12.096 1.536-3.776 3.84-7.168 6.656-10.048 0.064-0.128 0.128-0.256 0.192-0.384 0.128-0.064 0.192-0.064 0.256-0.128 2.88-2.816 6.336-5.184 10.112-6.72 3.968-1.664 8.128-2.496 12.288-2.496h256c17.664 0 32 14.336 32 32s-14.336 32-32 32h-178.752l265.344 265.344c12.544 12.544 12.544 32.768 0.064 45.312zM73.344 9.344c12.48-12.48 32.768-12.48 45.248 0l265.408 265.408v-178.752c0-17.664 14.336-32 32-32s32 14.336 32 32v256c0 4.16-0.832 8.32-2.496 12.224-3.264 7.808-9.472 14.080-17.28 17.28-3.904 1.664-8.064 2.496-12.224 2.496h-256c-17.664 0-32-14.336-32-32s14.336-32 32-32h178.752l-265.344-265.344c-12.544-12.544-12.544-32.768-0.064-45.312z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow_condense_alt/arrow_condense_alt.json

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

package/src/icons/arrow_condense_alt/arrow_condense_alt.svg

@@ -0,0 +1,4 @@
+<!-- arrow_condense_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 64zM448 352v-256c0-17.664-14.336-32-32-32s-32 14.336-32 32v178.752l-201.344-201.344c-12.48-12.48-32.768-12.48-45.248 0s-12.48 32.768 0 45.248l201.344 201.344h-178.752c-17.664 0-32 14.336-32 32s14.336 32 32 32h256c4.16 0 8.32-0.832 12.224-2.496 7.808-3.264 14.080-9.472 17.28-17.28 1.664-3.904 2.496-8.064 2.496-12.224v0zM864 576c17.664 0 32-14.336 32-32s-14.336-32-32-32h-256c-4.16 0-8.32 0.832-12.224 2.496-3.84 1.536-7.232 3.84-10.176 6.72-0.064 0.064-0.128 0.064-0.256 0.128-0.064 0.128-0.128 0.256-0.192 0.384-2.816 2.88-5.12 6.272-6.656 10.048-1.6 3.904-2.496 8-2.496 12.096 0 0.064 0 0.064 0 0.128v256c0 17.664 14.336 32 32 32s32-14.336 32-32v-178.752l201.344 201.344c12.48 12.48 32.768 12.48 45.248 0s12.48-32.768 0-45.248l-201.344-201.344h178.752z"/>
+</svg>

package/src/icons/arrow_condense_alt/arrow_condense_alt.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow_condense_alt.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow_condense_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 64zM448 352v-256c0-17.664-14.336-32-32-32s-32 14.336-32 32v178.752l-201.344-201.344c-12.48-12.48-32.768-12.48-45.248 0s-12.48 32.768 0 45.248l201.344 201.344h-178.752c-17.664 0-32 14.336-32 32s14.336 32 32 32h256c4.16 0 8.32-0.832 12.224-2.496 7.808-3.264 14.080-9.472 17.28-17.28 1.664-3.904 2.496-8.064 2.496-12.224v0zM864 576c17.664 0 32-14.336 32-32s-14.336-32-32-32h-256c-4.16 0-8.32 0.832-12.224 2.496-3.84 1.536-7.232 3.84-10.176 6.72-0.064 0.064-0.128 0.064-0.256 0.128-0.064 0.128-0.128 0.256-0.192 0.384-2.816 2.88-5.12 6.272-6.656 10.048-1.6 3.904-2.496 8-2.496 12.096 0 0.064 0 0.064 0 0.128v256c0 17.664 14.336 32 32 32s32-14.336 32-32v-178.752l201.344 201.344c12.48 12.48 32.768 12.48 45.248 0s12.48-32.768 0-45.248l-201.344-201.344h178.752z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow_down/arrow_down.json

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

package/src/icons/arrow_down/arrow_down.svg

@@ -0,0 +1,4 @@
+<!-- arrow_down icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M544 832c-17.664 0-32-14.336-32-32v-626.752l-137.344 137.344c-12.48 12.48-32.768 12.48-45.248 0s-12.48-32.768 0-45.248l192-192c0.064-0.064 0.192-0.064 0.256-0.192 2.88-2.816 6.336-5.184 10.112-6.72 7.808-3.264 16.64-3.264 24.448 0 3.904 1.6 7.424 3.968 10.368 6.912l192 192c12.48 12.48 12.48 32.768 0 45.248s-32.768 12.48-45.248 0l-137.344-137.344v626.752c0 17.664-14.336 32-32 32z"/>
+</svg>

package/src/icons/arrow_down/arrow_down.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow_down.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow_down'; // 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 832c-17.664 0-32-14.336-32-32v-626.752l-137.344 137.344c-12.48 12.48-32.768 12.48-45.248 0s-12.48-32.768 0-45.248l192-192c0.064-0.064 0.192-0.064 0.256-0.192 2.88-2.816 6.336-5.184 10.112-6.72 7.808-3.264 16.64-3.264 24.448 0 3.904 1.6 7.424 3.968 10.368 6.912l192 192c12.48 12.48 12.48 32.768 0 45.248s-32.768 12.48-45.248 0l-137.344-137.344v626.752c0 17.664-14.336 32-32 32z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow_expand/arrow_expand.json

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

package/src/icons/arrow_expand/arrow_expand.svg

@@ -0,0 +1,4 @@
+<!-- arrow_expand icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M957.504 876.224c-3.264 7.808-9.472 14.080-17.28 17.28-3.904 1.664-8.064 2.496-12.224 2.496h-256c-17.664 0-32-14.336-32-32s14.336-32 32-32h178.752l-265.408-265.344c-12.48-12.48-12.48-32.768 0-45.248s32.768-12.48 45.248 0l265.408 265.344v-178.752c0-17.664 14.336-32 32-32s32 14.336 32 32v256c0 4.16-0.832 8.32-2.496 12.224zM96 320c-17.664 0-32-14.336-32-32v-256c0-0.064 0-0.064 0-0.128 0-4.16 0.832-8.256 2.432-12.096 1.536-3.776 3.84-7.168 6.656-10.048 0.128-0.128 0.128-0.256 0.256-0.384 0.064-0.064 0.192-0.064 0.256-0.192 2.88-2.816 6.336-5.184 10.112-6.72 3.968-1.6 8.128-2.432 12.288-2.432h256c17.664 0 32 14.336 32 32s-14.336 32-32 32h-178.752l265.344 265.344c12.48 12.48 12.48 32.768 0 45.248s-32.768 12.48-45.248 0l-265.344-265.344v178.752c0 17.664-14.336 32-32 32z"/>
+</svg>

package/src/icons/arrow_expand/arrow_expand.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow_expand.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow_expand'; // 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="M957.504 876.224c-3.264 7.808-9.472 14.080-17.28 17.28-3.904 1.664-8.064 2.496-12.224 2.496h-256c-17.664 0-32-14.336-32-32s14.336-32 32-32h178.752l-265.408-265.344c-12.48-12.48-12.48-32.768 0-45.248s32.768-12.48 45.248 0l265.408 265.344v-178.752c0-17.664 14.336-32 32-32s32 14.336 32 32v256c0 4.16-0.832 8.32-2.496 12.224zM96 320c-17.664 0-32-14.336-32-32v-256c0-0.064 0-0.064 0-0.128 0-4.16 0.832-8.256 2.432-12.096 1.536-3.776 3.84-7.168 6.656-10.048 0.128-0.128 0.128-0.256 0.256-0.384 0.064-0.064 0.192-0.064 0.256-0.192 2.88-2.816 6.336-5.184 10.112-6.72 3.968-1.6 8.128-2.432 12.288-2.432h256c17.664 0 32 14.336 32 32s-14.336 32-32 32h-178.752l265.344 265.344c12.48 12.48 12.48 32.768 0 45.248s-32.768 12.48-45.248 0l-265.344-265.344v178.752c0 17.664-14.336 32-32 32z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow_expand_alt/arrow_expand_alt.json

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

package/src/icons/arrow_expand_alt/arrow_expand_alt.svg

@@ -0,0 +1,4 @@
+<!-- arrow_expand_alt icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M160 448c-17.664 0-32-14.336-32-32v-320c0-0.064 0-0.064 0-0.128 0-4.16 0.832-8.256 2.432-12.096 1.536-3.776 3.84-7.168 6.656-10.048 0.128-0.128 0.128-0.256 0.256-0.384 0.064-0.064 0.192-0.064 0.256-0.192 2.88-2.816 6.336-5.184 10.112-6.72 3.968-1.6 8.128-2.432 12.288-2.432h320c17.664 0 32 14.336 32 32s-14.336 32-32 32h-242.752l594.752 594.752v-242.752c0-17.664 14.336-32 32-32s32 14.336 32 32v320c0 4.16-0.832 8.32-2.496 12.224-3.264 7.808-9.472 14.080-17.28 17.28-3.904 1.664-8.064 2.496-12.224 2.496h-320c-17.664 0-32-14.336-32-32s14.336-32 32-32h242.752l-594.752-594.752v242.752c0 17.664-14.336 32-32 32z"/>
+</svg>

package/src/icons/arrow_expand_alt/arrow_expand_alt.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow_expand_alt.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow_expand_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="M160 448c-17.664 0-32-14.336-32-32v-320c0-0.064 0-0.064 0-0.128 0-4.16 0.832-8.256 2.432-12.096 1.536-3.776 3.84-7.168 6.656-10.048 0.128-0.128 0.128-0.256 0.256-0.384 0.064-0.064 0.192-0.064 0.256-0.192 2.88-2.816 6.336-5.184 10.112-6.72 3.968-1.6 8.128-2.432 12.288-2.432h320c17.664 0 32 14.336 32 32s-14.336 32-32 32h-242.752l594.752 594.752v-242.752c0-17.664 14.336-32 32-32s32 14.336 32 32v320c0 4.16-0.832 8.32-2.496 12.224-3.264 7.808-9.472 14.080-17.28 17.28-3.904 1.664-8.064 2.496-12.224 2.496h-320c-17.664 0-32-14.336-32-32s14.336-32 32-32h242.752l-594.752-594.752v242.752c0 17.664-14.336 32-32 32z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data; 

package/src/icons/arrow_expand_alt2/arrow_expand_alt2.json

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

package/src/icons/arrow_expand_alt2/arrow_expand_alt2.svg

@@ -0,0 +1,4 @@
+<!-- arrow_expand_alt2 icon -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M128 480c0-17.664 14.336-32 32-32s32 14.336 32 32v242.752l594.752-594.752h-242.752c-17.664 0-32-14.336-32-32s14.336-32 32-32h320c4.16 0 8.32 0.832 12.224 2.496 7.808 3.264 14.080 9.472 17.28 17.28 1.6 3.904 2.496 8 2.496 12.096 0 0.064 0 0.064 0 0.128v320c0 17.664-14.336 32-32 32s-32-14.336-32-32v-242.752l-594.752 594.752h242.752c17.664 0 32 14.336 32 32s-14.336 32-32 32h-320c-4.16 0-8.32-0.832-12.224-2.496-3.84-1.536-7.232-3.84-10.176-6.72-0.064-0.064-0.128-0.064-0.256-0.128-0.064-0.128-0.128-0.32-0.192-0.384-2.816-2.88-5.12-6.272-6.656-10.048-1.664-3.904-2.496-8.064-2.496-12.224v0-320z"/>
+</svg>

package/src/icons/arrow_expand_alt2/arrow_expand_alt2.tsx

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { type Icon } from '@divi/types';
+import IconJson from './arrow_expand_alt2.json';
+const iconData = IconJson;
+
+// Icon data.
+export const name      = 'caweb/arrow_expand_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="M128 480c0-17.664 14.336-32 32-32s32 14.336 32 32v242.752l594.752-594.752h-242.752c-17.664 0-32-14.336-32-32s14.336-32 32-32h320c4.16 0 8.32 0.832 12.224 2.496 7.808 3.264 14.080 9.472 17.28 17.28 1.6 3.904 2.496 8 2.496 12.096 0 0.064 0 0.064 0 0.128v320c0 17.664-14.336 32-32 32s-32-14.336-32-32v-242.752l-594.752 594.752h242.752c17.664 0 32 14.336 32 32s-14.336 32-32 32h-320c-4.16 0-8.32-0.832-12.224-2.496-3.84-1.536-7.232-3.84-10.176-6.72-0.064-0.064-0.128-0.064-0.256-0.128-0.064-0.128-0.128-0.32-0.192-0.384-2.816-2.88-5.12-6.272-6.656-10.048-1.664-3.904-2.496-8.064-2.496-12.224v0-320z"></path>
+); // Your SVG path. without the svg tag.
+
+export const data = iconData as Icon.Data;