cybercore-css 0.2.0

package/src/icons/defs/data/chart-line.ts

@@ -0,0 +1,41 @@
+/**
+ * Line Chart Icon
+ * @category data
+ */
+import type { IconDefinition } from '../../types';
+
+export const chartLine: IconDefinition = {
+  name: 'chart-line',
+  category: 'data',
+  description: 'Line chart with trend line',
+  tags: ['chart', 'graph', 'line', 'trend', 'analytics', 'data'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M3 3v16a2 2 0 0 0 2 2h16"/>
+  <path d="M7 14l3.5-3.5 3 3L19 8"/>
+  <circle cx="19" cy="8" r="1"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M3 2a1 1 0 0 1 1 1v16c0 .6.4 1 1 1h16a1 1 0 1 1 0 2H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1z"/>
+  <path d="M7.7 13.3a1 1 0 1 0-1.4 1.4l3.5 3.5a1 1 0 0 0 1.4 0l2.6-2.6 5 5a1 1 0 0 0 1.4-1.4l-5.7-5.7a1 1 0 0 0-1.4 0l-2.6 2.6-2.8-2.8z"/>
+  <circle cx="19" cy="8" r="1.5"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M3 3v16a2 2 0 0 0 2 2h16"/>
+  <polygon points="7 14 10.5 10.5 13.5 13.5 19 8 20 9 20 20 7 20" fill="currentColor" opacity="0.3"/>
+  <path d="M7 14l3.5-3.5 3 3L19 8"/>
+  <circle cx="19" cy="8" r="1"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M3 3v16a2 2 0 0 0 2 2h16"/>
+  <path d="M7 14l3.5-3.5 3 3L19 8"/>
+  <circle cx="19" cy="8" r="1"/>
+  <g opacity="0.4" transform="translate(1,-1)">
+    <path d="M7 14l3.5-3.5 3 3L19 8"/>
+    <circle cx="19" cy="8" r="1"/>
+  </g>
+</svg>`,
+  },
+};
+
+export default chartLine;

package/src/icons/defs/data/chart-pie.ts

@@ -0,0 +1,42 @@
+/**
+ * Pie Chart Icon
+ * @category data
+ */
+import type { IconDefinition } from '../../types';
+
+export const chartPie: IconDefinition = {
+  name: 'chart-pie',
+  category: 'data',
+  description: 'Pie chart with segments',
+  tags: ['chart', 'graph', 'pie', 'circular', 'analytics', 'data'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 2v10l7.07 7.07"/>
+  <path d="M12 12L4.93 19.07"/>
+  <circle cx="12" cy="12" r="10"/>
+  <path d="M12 2a10 10 0 0 1 7.07 17.07"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 2a10 10 0 0 1 10 10h-10V2z"/>
+  <path d="M12 13h9.95A10 10 0 1 1 11 3.05V13z" opacity="0.6"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="10"/>
+  <path d="M12 2v10h10" fill="none"/>
+  <path d="M12 2v10l7.07 7.07" fill="none"/>
+  <path d="M12 2a10 10 0 0 1 7.07 17.07L12 12V2z" fill="currentColor" opacity="0.3"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 2v10l7.07 7.07"/>
+  <path d="M12 12L4.93 19.07"/>
+  <circle cx="12" cy="12" r="10"/>
+  <path d="M12 2a10 10 0 0 1 7.07 17.07"/>
+  <g opacity="0.4" transform="translate(-1,1)">
+    <path d="M12 2v10l7.07 7.07"/>
+    <path d="M12 12L4.93 19.07"/>
+  </g>
+</svg>`,
+  },
+};
+
+export default chartPie;

package/src/icons/defs/data/clock.ts

@@ -0,0 +1,37 @@
+/**
+ * Clock Icon
+ * @category data
+ */
+import type { IconDefinition } from '../../types';
+
+export const clock: IconDefinition = {
+  name: 'clock',
+  category: 'data',
+  description: 'Clock showing time',
+  tags: ['clock', 'time', 'hours', 'minutes', 'schedule'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="10"/>
+  <path d="M12 6v6l4 2"/>
+  <path d="M16.24 7.76l-.5.5"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 1c6.1 0 11 4.9 11 11s-4.9 11-11 11S1 18.1 1 12 5.9 1 12 1zm1 5v5.6l3.7 2.2-.9 1.5-4.8-2.9V6h2zm3.7 1.3l.7.7-.7-.7z"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="10" fill="currentColor" opacity="0.3"/>
+  <circle cx="12" cy="12" r="10"/>
+  <path d="M12 6v6l4 2"/>
+  <path d="M16.24 7.76l-.5.5"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="10" transform="translate(1,-1)" opacity="0.3"/>
+  <circle cx="12" cy="12" r="10"/>
+  <path d="M12 6v6l4 2" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M12 6v6l4 2"/>
+  <path d="M16.24 7.76l-.5.5"/>
+</svg>`,
+  },
+};
+
+export default clock;

package/src/icons/defs/data/cloud-download.ts

@@ -0,0 +1,41 @@
+/**
+ * Cloud Download Icon
+ * @category data
+ */
+import type { IconDefinition } from '../../types';
+
+export const cloudDownload: IconDefinition = {
+  name: 'cloud-download',
+  category: 'data',
+  description: 'Download from cloud storage',
+  tags: ['cloud', 'download', 'storage', 'data', 'transfer'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/>
+  <path d="M12 13v6"/>
+  <path d="M15 16l-3 3-3-3"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M17.5 20H9a7.5 7.5 0 1 1 7.21-9.5h1.29a5 5 0 0 1 0 10Z"/>
+  <path d="M12 12a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1z" fill="white" opacity="0.9"/>
+  <path d="M11.3 18.7l-3-3a1 1 0 0 1 1.4-1.4l2.3 2.3 2.3-2.3a1 1 0 0 1 1.4 1.4l-3 3a1 1 0 0 1-1.4 0z" fill="white" opacity="0.9"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z" fill="currentColor" opacity="0.3"/>
+  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/>
+  <path d="M12 13v6"/>
+  <path d="M15 16l-3 3-3-3"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/>
+  <path d="M12 13v6"/>
+  <path d="M15 16l-3 3-3-3"/>
+  <g opacity="0.4" transform="translate(1,-1)">
+    <path d="M12 13v6"/>
+    <path d="M15 16l-3 3-3-3"/>
+  </g>
+</svg>`,
+  },
+};
+
+export default cloudDownload;

package/src/icons/defs/data/cloud-upload.ts

@@ -0,0 +1,41 @@
+/**
+ * Cloud Upload Icon
+ * @category data
+ */
+import type { IconDefinition } from '../../types';
+
+export const cloudUpload: IconDefinition = {
+  name: 'cloud-upload',
+  category: 'data',
+  description: 'Upload to cloud storage',
+  tags: ['cloud', 'upload', 'storage', 'data', 'transfer'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/>
+  <path d="M12 13v6"/>
+  <path d="M9 16l3-3 3 3"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M17.5 20H9a7.5 7.5 0 1 1 7.21-9.5h1.29a5 5 0 0 1 0 10Z"/>
+  <path d="M12 12a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1z" fill="white" opacity="0.9"/>
+  <path d="M12.7 12.3l3 3a1 1 0 0 1-1.4 1.4l-2.3-2.3-2.3 2.3a1 1 0 0 1-1.4-1.4l3-3a1 1 0 0 1 1.4 0z" fill="white" opacity="0.9"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z" fill="currentColor" opacity="0.3"/>
+  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/>
+  <path d="M12 13v6"/>
+  <path d="M9 16l3-3 3 3"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/>
+  <path d="M12 13v6"/>
+  <path d="M9 16l3-3 3 3"/>
+  <g opacity="0.4" transform="translate(1,-1)">
+    <path d="M12 13v6"/>
+    <path d="M9 16l3-3 3 3"/>
+  </g>
+</svg>`,
+  },
+};
+
+export default cloudUpload;

package/src/icons/defs/data/cloud.ts

@@ -0,0 +1,36 @@
+/**
+ * Cloud Icon
+ * @category data
+ */
+import type { IconDefinition } from '../../types';
+
+export const cloud: IconDefinition = {
+  name: 'cloud',
+  category: 'data',
+  description: 'Cloud storage',
+  tags: ['cloud', 'storage', 'data', 'remote', 'server'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/>
+  <path d="M14 10h.01"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M17.5 20H9a7.5 7.5 0 1 1 7.21-9.5h1.29a5 5 0 0 1 0 10Z"/>
+  <circle cx="14" cy="10" r="1"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z" fill="currentColor" opacity="0.3"/>
+  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/>
+  <path d="M14 10h.01"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/>
+  <path d="M14 10h.01"/>
+  <g opacity="0.4" transform="translate(-1,1)">
+    <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/>
+  </g>
+</svg>`,
+  },
+};
+
+export default cloud;

package/src/icons/defs/data/database.ts

@@ -0,0 +1,50 @@
+/**
+ * Database Icon
+ * @category data
+ */
+import type { IconDefinition } from '../../types';
+
+export const database: IconDefinition = {
+  name: 'database',
+  category: 'data',
+  description: 'Database with stacked cylinders',
+  tags: ['database', 'storage', 'data', 'server', 'sql'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <ellipse cx="12" cy="5" rx="8" ry="3"/>
+  <path d="M4 5v6c0 1.66 3.58 3 8 3s8-1.34 8-3V5"/>
+  <path d="M4 11v6c0 1.66 3.58 3 8 3s8-1.34 8-3v-6"/>
+  <path d="M7 8.5h.01"/>
+  <path d="M7 14.5h.01"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <ellipse cx="12" cy="5" rx="8" ry="3"/>
+  <path d="M4 5v6c0 1.66 3.58 3 8 3s8-1.34 8-3V5z" opacity="0.8"/>
+  <path d="M4 11v6c0 1.66 3.58 3 8 3s8-1.34 8-3v-6z" opacity="0.6"/>
+  <ellipse cx="12" cy="11" rx="8" ry="3"/>
+  <ellipse cx="12" cy="17" rx="8" ry="3"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <ellipse cx="12" cy="5" rx="8" ry="3"/>
+  <path d="M4 5v6c0 1.66 3.58 3 8 3s8-1.34 8-3V5" fill="currentColor" opacity="0.3"/>
+  <path d="M4 5v6c0 1.66 3.58 3 8 3s8-1.34 8-3V5"/>
+  <path d="M4 11v6c0 1.66 3.58 3 8 3s8-1.34 8-3v-6" fill="currentColor" opacity="0.3"/>
+  <path d="M4 11v6c0 1.66 3.58 3 8 3s8-1.34 8-3v-6"/>
+  <path d="M7 8.5h.01"/>
+  <path d="M7 14.5h.01"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <ellipse cx="12" cy="5" rx="8" ry="3"/>
+  <path d="M4 5v6c0 1.66 3.58 3 8 3s8-1.34 8-3V5"/>
+  <path d="M4 11v6c0 1.66 3.58 3 8 3s8-1.34 8-3v-6"/>
+  <path d="M7 8.5h.01"/>
+  <path d="M7 14.5h.01"/>
+  <g opacity="0.4" transform="translate(1,-1)">
+    <ellipse cx="12" cy="5" rx="8" ry="3"/>
+    <path d="M4 11v6c0 1.66 3.58 3 8 3s8-1.34 8-3v-6"/>
+  </g>
+</svg>`,
+  },
+};
+
+export default database;

package/src/icons/defs/data/hash.ts

@@ -0,0 +1,43 @@
+/**
+ * Hash Icon
+ * @category data
+ */
+import type { IconDefinition } from '../../types';
+
+export const hash: IconDefinition = {
+  name: 'hash',
+  category: 'data',
+  description: 'Hashtag symbol',
+  tags: ['hash', 'hashtag', 'number', 'tag', 'symbol'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M4 9h16"/>
+  <path d="M4 15h16"/>
+  <path d="M10 3L8 21"/>
+  <path d="M16 3l-2 18"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M10.8 2l.4 1.8L11.7 8H16v2h-4l-.6 4H16v2h-5l-.5 3.8-.4 2.2-2-.4.5-3.6.6-4H5v-2h4.5l.5-4H6V4h4.5l.5-3.8L11.4 2h-.6zm-1.3 10l.5-4h-4l-.5 4h4z"/>
+  <path d="M17.2 2l-.5 3.8L16.3 8H20v2h-4l-.6 4H20v2h-5l-.5 3.8-.4 2.2-2-.4.5-3.6.6-4h-4l-.6 4-.5 3.6-2-.4.5-3.6.6-4H3v-2h4.5l.5-4H4V4h4.5l.5-3.8L9.4 2h-.6z"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M4 9h16" stroke-width="3" opacity="0.3"/>
+  <path d="M4 15h16" stroke-width="3" opacity="0.3"/>
+  <path d="M4 9h16"/>
+  <path d="M4 15h16"/>
+  <path d="M10 3L8 21"/>
+  <path d="M16 3l-2 18"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M4 9h16" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M4 15h16" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M4 9h16"/>
+  <path d="M4 15h16"/>
+  <path d="M10 3L8 21" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M10 3L8 21"/>
+  <path d="M16 3l-2 18"/>
+</svg>`,
+  },
+};
+
+export default hash;

package/src/icons/defs/data/index.ts

@@ -0,0 +1,19 @@
+/**
+ * Data Icons
+ * Icons for data visualization, storage, and management
+ */
+
+export { chartBar } from './chart-bar';
+export { chartLine } from './chart-line';
+export { chartPie } from './chart-pie';
+export { database } from './database';
+export { table } from './table';
+export { cloud } from './cloud';
+export { cloudUpload } from './cloud-upload';
+export { cloudDownload } from './cloud-download';
+export { sync } from './sync';
+export { calendar } from './calendar';
+export { clock } from './clock';
+export { timer } from './timer';
+export { hash } from './hash';
+export { percent } from './percent';

package/src/icons/defs/data/percent.ts

@@ -0,0 +1,39 @@
+/**
+ * Percent Icon
+ * @category data
+ */
+import type { IconDefinition } from '../../types';
+
+export const percent: IconDefinition = {
+  name: 'percent',
+  category: 'data',
+  description: 'Percentage symbol',
+  tags: ['percent', 'percentage', 'number', 'math', 'symbol'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M19 5L5 19"/>
+  <circle cx="7" cy="7" r="2.5"/>
+  <circle cx="17" cy="17" r="2.5"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M7 3a4 4 0 100 8 4 4 0 000-8zm0 6a2 2 0 110-4 2 2 0 010 4zm10 4a4 4 0 100 8 4 4 0 000-8zm0 6a2 2 0 110-4 2 2 0 010 4zm2.7-15.7l1.4 1.4-14 14-1.4-1.4 14-14z"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M19 5L5 19"/>
+  <circle cx="7" cy="7" r="2.5" fill="currentColor" opacity="0.3"/>
+  <circle cx="17" cy="17" r="2.5" fill="currentColor" opacity="0.3"/>
+  <circle cx="7" cy="7" r="2.5"/>
+  <circle cx="17" cy="17" r="2.5"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M19 5L5 19" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M19 5L5 19"/>
+  <circle cx="7" cy="7" r="2.5" transform="translate(1,-1)" opacity="0.3"/>
+  <circle cx="7" cy="7" r="2.5"/>
+  <circle cx="17" cy="17" r="2.5" transform="translate(1,-1)" opacity="0.3"/>
+  <circle cx="17" cy="17" r="2.5"/>
+</svg>`,
+  },
+};
+
+export default percent;

package/src/icons/defs/data/sync.ts

@@ -0,0 +1,43 @@
+/**
+ * Sync Icon
+ * @category data
+ */
+import type { IconDefinition } from '../../types';
+
+export const sync: IconDefinition = {
+  name: 'sync',
+  category: 'data',
+  description: 'Synchronize data with bidirectional arrows',
+  tags: ['sync', 'refresh', 'update', 'data', 'transfer', 'arrows'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M21 10V8a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2"/>
+  <path d="M3 14v2a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-2"/>
+  <path d="M7 7l-4 3 4 3"/>
+  <path d="M17 17l4-3-4-3"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M21 8a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2.6l3.3-2.3a1 1 0 0 1 1.4.2 1 1 0 0 1-.2 1.4l-4 3a1 1 0 0 1-1.2 0l-1-.7V8a4 4 0 0 1 4-4h14a4 4 0 0 1 4 4v2z"/>
+  <path d="M3 16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-2.6l-3.3 2.3a1 1 0 0 1-1.4-.2 1 1 0 0 1 .2-1.4l4-3a1 1 0 0 1 1.2 0l1 .7V16a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4v-2z"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M21 10V8a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2"/>
+  <path d="M3 14v2a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-2"/>
+  <path d="M5 6h14a2 2 0 0 1 2 2v2h-18V8a2 2 0 0 1 2-2z" fill="currentColor" opacity="0.3"/>
+  <path d="M7 7l-4 3 4 3"/>
+  <path d="M17 17l4-3-4-3"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M21 10V8a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2"/>
+  <path d="M3 14v2a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-2"/>
+  <path d="M7 7l-4 3 4 3"/>
+  <path d="M17 17l4-3-4-3"/>
+  <g opacity="0.4" transform="translate(-1,1)">
+    <path d="M7 7l-4 3 4 3"/>
+    <path d="M17 17l4-3-4-3"/>
+  </g>
+</svg>`,
+  },
+};
+
+export default sync;

package/src/icons/defs/data/table.ts

@@ -0,0 +1,50 @@
+/**
+ * Table Icon
+ * @category data
+ */
+import type { IconDefinition } from '../../types';
+
+export const table: IconDefinition = {
+  name: 'table',
+  category: 'data',
+  description: 'Data table with grid layout',
+  tags: ['table', 'grid', 'data', 'spreadsheet', 'rows', 'columns'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="3" width="18" height="18" rx="2"/>
+  <path d="M3 9h18"/>
+  <path d="M3 15h18"/>
+  <path d="M9 3v18"/>
+  <path d="M15 9v12"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M5 3h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"/>
+  <path d="M15 3h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z" opacity="0.6"/>
+  <path d="M5 13h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2z" opacity="0.6"/>
+  <path d="M15 13h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2z" opacity="0.4"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="3" width="18" height="18" rx="2"/>
+  <rect x="3" y="3" width="6" height="6" fill="currentColor" opacity="0.3"/>
+  <rect x="15" y="9" width="6" height="6" fill="currentColor" opacity="0.3"/>
+  <path d="M3 9h18"/>
+  <path d="M3 15h18"/>
+  <path d="M9 3v18"/>
+  <path d="M15 9v12"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="3" width="18" height="18" rx="2"/>
+  <path d="M3 9h18"/>
+  <path d="M3 15h18"/>
+  <path d="M9 3v18"/>
+  <path d="M15 9v12"/>
+  <g opacity="0.4" transform="translate(1,-1)">
+    <path d="M3 9h18"/>
+    <path d="M3 15h18"/>
+    <path d="M9 3v18"/>
+  </g>
+</svg>`,
+  },
+};
+
+export default table;

package/src/icons/defs/data/timer.ts

@@ -0,0 +1,47 @@
+/**
+ * Timer Icon
+ * @category data
+ */
+import type { IconDefinition } from '../../types';
+
+export const timer: IconDefinition = {
+  name: 'timer',
+  category: 'data',
+  description: 'Timer countdown with stopwatch',
+  tags: ['timer', 'countdown', 'stopwatch', 'time', 'duration'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M10 2h4"/>
+  <path d="M12 14v-4"/>
+  <path d="M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6"/>
+  <path d="M9 17H2v7l2-2"/>
+  <circle cx="18" cy="8" r="1"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M10 1a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1z"/>
+  <path d="M12 5a9 9 0 0 1 6.4 15.4l2.6 2.6a1 1 0 0 1-1.4 1.4l-2.6-2.6A9 9 0 1 1 12 5zm1 4a1 1 0 1 0-2 0v5a1 1 0 1 0 2 0V9z"/>
+  <circle cx="18" cy="8" r="1.5"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M10 2h4"/>
+  <path d="M12 14v-4"/>
+  <path d="M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6" fill="currentColor" opacity="0.3"/>
+  <path d="M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6"/>
+  <path d="M9 17H2v7l2-2"/>
+  <circle cx="18" cy="8" r="1"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M10 2h4"/>
+  <path d="M12 14v-4"/>
+  <path d="M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6"/>
+  <path d="M9 17H2v7l2-2"/>
+  <circle cx="18" cy="8" r="1"/>
+  <g opacity="0.4" transform="translate(-1,1)">
+    <path d="M12 14v-4"/>
+    <path d="M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6"/>
+  </g>
+</svg>`,
+  },
+};
+
+export default timer;

package/src/icons/defs/files/archive.ts

@@ -0,0 +1,39 @@
+/**
+ * Archive
+ * @category files
+ */
+import type { IconDefinition } from '../../types';
+
+export const archive: IconDefinition = {
+  name: 'archive',
+  category: 'files',
+  description: 'Archive box',
+  tags: ['archive', 'box', 'storage', 'organize'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="3" width="18" height="4" rx="1"/>
+  <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7"/>
+  <line x1="10" y1="12" x2="14" y2="12"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <rect x="3" y="3" width="18" height="4" rx="1"/>
+  <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7H3zm7 4h4v2h-4v-2z"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="3" width="18" height="4" rx="1" fill="currentColor" opacity="0.3"/>
+  <rect x="3" y="3" width="18" height="4" rx="1"/>
+  <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7"/>
+  <line x1="10" y1="12" x2="14" y2="12"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="3" width="18" height="4" rx="1" transform="translate(1,-1)" opacity="0.5"/>
+  <rect x="3" y="3" width="18" height="4" rx="1"/>
+  <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7" transform="translate(-1,1)" opacity="0.5"/>
+  <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7"/>
+  <line x1="10" y1="12" x2="14" y2="12" transform="translate(1,-1)" opacity="0.5"/>
+  <line x1="10" y1="12" x2="14" y2="12"/>
+</svg>`,
+  },
+};
+
+export default archive;

package/src/icons/defs/files/attachment.ts

@@ -0,0 +1,34 @@
+/**
+ * Attachment
+ * @category files
+ */
+import type { IconDefinition } from '../../types';
+
+export const attachment: IconDefinition = {
+  name: 'attachment',
+  category: 'files',
+  description: 'Attachment paperclip',
+  tags: ['attachment', 'paperclip', 'attach', 'file'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M21 10v7a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h7"/>
+  <path d="M8 15c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V8"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M21 10v7a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h7v2H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7h2zM10 8v7a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V8h-6z"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M21 10v7a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h7" fill="currentColor" opacity="0.3"/>
+  <path d="M21 10v7a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h7"/>
+  <path d="M8 15c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V8"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M21 10v7a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h7" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M21 10v7a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h7"/>
+  <path d="M8 15c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V8" transform="translate(-1,1)" opacity="0.5"/>
+  <path d="M8 15c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V8"/>
+</svg>`,
+  },
+};
+
+export default attachment;