cybercore-css 0.2.0

package/src/icons/defs/status/loading.ts

@@ -0,0 +1,52 @@
+import type { IconDefinition } from '../../types';
+
+export const loading: IconDefinition = {
+  name: 'loading',
+  category: 'status',
+  description: 'Loading spinner with 8 radial segments',
+  tags: ['spinner', 'waiting', 'processing', 'buffering'],
+  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 2v4"/>
+  <path d="M12 18v4"/>
+  <path d="M4.93 4.93l2.83 2.83"/>
+  <path d="M16.24 16.24l2.83 2.83"/>
+  <path d="M2 12h4"/>
+  <path d="M18 12h4"/>
+  <path d="M4.93 19.07l2.83-2.83"/>
+  <path d="M16.24 7.76l2.83-2.83"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M11 3h2v5h-2z"/>
+  <path d="M11 16h2v5h-2z"/>
+  <path d="M5.64 5.64l1.41 1.41 3.54-3.54-1.41-1.41z"/>
+  <path d="M13.41 16.24l1.41 1.41 3.54-3.54-1.41-1.41z"/>
+  <path d="M3 11h5v2H3z"/>
+  <path d="M16 11h5v2h-5z"/>
+  <path d="M5.64 18.36l1.41-1.41 3.54 3.54-1.41 1.41z"/>
+  <path d="M13.41 7.76l1.41-1.41 3.54 3.54-1.41 1.41z" opacity="0.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">
+  <path d="M12 2v4"/>
+  <path d="M12 18v4" opacity="0.3"/>
+  <path d="M4.93 4.93l2.83 2.83"/>
+  <path d="M16.24 16.24l2.83 2.83" opacity="0.3"/>
+  <path d="M2 12h4"/>
+  <path d="M18 12h4" opacity="0.5"/>
+  <path d="M4.93 19.07l2.83-2.83" opacity="0.3"/>
+  <path d="M16.24 7.76l2.83-2.83" opacity="0.7"/>
+</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 2v4"/>
+  <path d="M12.3 2.3v4" opacity="0.3"/>
+  <path d="M12 18v4"/>
+  <path d="M4.93 4.93l2.83 2.83"/>
+  <path d="M5.23 4.63l2.83 2.83" opacity="0.3"/>
+  <path d="M16.24 16.24l2.83 2.83"/>
+  <path d="M2 12h4"/>
+  <path d="M18 12h4"/>
+  <path d="M4.93 19.07l2.83-2.83"/>
+  <path d="M16.24 7.76l2.83-2.83"/>
+</svg>`,
+  },
+};

package/src/icons/defs/status/offline.ts

@@ -0,0 +1,28 @@
+import type { IconDefinition } from '../../types';
+
+export const offline: IconDefinition = {
+  name: 'offline',
+  category: 'status',
+  description: 'Offline status indicator with slash through circle',
+  tags: ['disconnected', 'unavailable', 'away', 'status'],
+  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="4"/>
+  <line x1="3" y1="3" x2="21" y2="21"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <circle cx="12" cy="12" r="4"/>
+  <rect x="1" y="11" width="22" height="2" transform="rotate(45 12 12)"/>
+</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="4" fill="currentColor" opacity="0.3"/>
+  <line x1="3" y1="3" x2="21" y2="21" stroke-width="2"/>
+</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="4"/>
+  <circle cx="12.2" cy="11.8" r="4" opacity="0.3"/>
+  <line x1="3" y1="3" x2="21" y2="21"/>
+  <line x1="3.2" y1="2.8" x2="21.2" y2="20.8" opacity="0.3"/>
+</svg>`,
+  },
+};

package/src/icons/defs/status/online.ts

@@ -0,0 +1,30 @@
+import type { IconDefinition } from '../../types';
+
+export const online: IconDefinition = {
+  name: 'online',
+  category: 'status',
+  description: 'Online status indicator with radiating pulse',
+  tags: ['connected', 'active', 'available', 'status'],
+  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="4" fill="currentColor"/>
+  <circle cx="12" cy="12" r="8" opacity="0.3"/>
+  <circle cx="12" cy="12" r="11" opacity="0.2"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <circle cx="12" cy="12" r="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">
+  <circle cx="12" cy="12" r="11" fill="currentColor" opacity="0.15"/>
+  <circle cx="12" cy="12" r="8" fill="currentColor" opacity="0.25"/>
+  <circle cx="12" cy="12" r="4" fill="currentColor"/>
+</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="4" fill="currentColor"/>
+  <circle cx="12.2" cy="11.8" r="4" fill="currentColor" opacity="0.3"/>
+  <circle cx="12" cy="12" r="8" opacity="0.3"/>
+  <circle cx="12.2" cy="11.8" r="8" opacity="0.15"/>
+  <circle cx="12" cy="12" r="11" opacity="0.2"/>
+</svg>`,
+  },
+};

package/src/icons/defs/status/progress.ts

@@ -0,0 +1,31 @@
+import type { IconDefinition } from '../../types';
+
+export const progress: IconDefinition = {
+  name: 'progress',
+  category: 'status',
+  description: 'Progress bar indicator showing partial completion',
+  tags: ['loading', 'bar', 'percentage', 'completion'],
+  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="2" y="10" width="20" height="4" rx="2"/>
+  <rect x="2" y="10" width="12" height="4" rx="2" fill="currentColor" opacity="0.3"/>
+  <line x1="14" y1="8" x2="14" y2="16"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <rect x="2" y="10" width="20" height="4" rx="2" opacity="0.3"/>
+  <rect x="2" y="10" width="12" height="4" rx="2"/>
+</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="2" y="10" width="20" height="4" rx="2" fill="currentColor" opacity="0.2"/>
+  <rect x="2" y="10" width="12" height="4" rx="2" fill="currentColor" opacity="0.6"/>
+  <line x1="14" y1="8" x2="14" y2="16"/>
+</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="2" y="10" width="20" height="4" rx="2"/>
+  <rect x="2.2" y="10.2" width="20" height="4" rx="2" opacity="0.3"/>
+  <rect x="2" y="10" width="12" height="4" rx="2" fill="currentColor" opacity="0.3"/>
+  <line x1="14" y1="8" x2="14" y2="16"/>
+  <line x1="13.8" y1="8.2" x2="13.8" y2="16.2" opacity="0.3"/>
+</svg>`,
+  },
+};

package/src/icons/defs/status/success.ts

@@ -0,0 +1,27 @@
+import type { IconDefinition } from '../../types';
+
+export const success: IconDefinition = {
+  name: 'success',
+  category: 'status',
+  description: 'Success icon with checkmark in circle',
+  tags: ['check', 'complete', 'done', 'correct', 'verified'],
+  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="9"/>
+  <polyline points="9 12 11 14 15 10"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
+</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="9" fill="currentColor" opacity="0.3"/>
+  <polyline points="9 12 11 14 15 10"/>
+</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="9"/>
+  <circle cx="11.8" cy="12.2" r="9" opacity="0.3"/>
+  <polyline points="9 12 11 14 15 10"/>
+  <polyline points="8.8 12.2 10.8 14.2 14.8 10.2" opacity="0.3"/>
+</svg>`,
+  },
+};

package/src/icons/defs/status/warning.ts

@@ -0,0 +1,30 @@
+import type { IconDefinition } from '../../types';
+
+export const warning: IconDefinition = {
+  name: 'warning',
+  category: 'status',
+  description: 'Warning icon with exclamation mark in triangle',
+  tags: ['alert', 'caution', 'attention', 'danger'],
+  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.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
+  <line x1="12" y1="9" x2="12" y2="13"/>
+  <circle cx="12" cy="16.5" r="0.5" fill="currentColor"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0zM13 16h-2v-2h2v2zm0-4h-2V8h2v4z"/>
+</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.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" fill="currentColor" opacity="0.3"/>
+  <line x1="12" y1="9" x2="12" y2="13"/>
+  <circle cx="12" cy="16.5" r="0.5" fill="currentColor"/>
+</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.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
+  <path d="M10.09 4.06L1.62 18.2a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.51 4.06a2 2 0 0 0-3.42 0z" opacity="0.3"/>
+  <line x1="12" y1="9" x2="12" y2="13"/>
+  <line x1="11.8" y1="9.2" x2="11.8" y2="13.2" opacity="0.3"/>
+  <circle cx="12" cy="16.5" r="0.5" fill="currentColor"/>
+</svg>`,
+  },
+};

package/src/icons/defs/tech/api.ts

@@ -0,0 +1,55 @@
+/**
+ * API Icon
+ * @category tech
+ */
+import type { IconDefinition } from '../../types';
+
+export const api: IconDefinition = {
+  name: 'api',
+  category: 'tech',
+  description: 'API endpoint',
+  tags: ['api', 'endpoint', 'integration', 'interface', 'service'],
+  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="4" y="4" width="7" height="7" rx="1"/>
+  <rect x="13" y="13" width="7" height="7" rx="1"/>
+  <path d="M11 7.5h2"/>
+  <path d="M7.5 11v2"/>
+  <path d="M16.5 13v-2h-2"/>
+  <path d="M13 16.5h2v2"/>
+  <circle cx="7.5" cy="7.5" r="1"/>
+  <circle cx="16.5" cy="16.5" r="1"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <rect x="4" y="4" width="7" height="7" rx="1"/>
+  <rect x="13" y="13" width="7" height="7" rx="1"/>
+  <rect x="11" y="7" width="2" height="1"/>
+  <rect x="7" y="11" width="1" height="2"/>
+  <path d="M16.5 13v-2h-2v1h1v1h1z"/>
+  <path d="M13 16.5h2v2h-1v-1h-1v-1z"/>
+</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="4" y="4" width="7" height="7" rx="1" fill="currentColor" opacity="0.3"/>
+  <rect x="13" y="13" width="7" height="7" rx="1" fill="currentColor" opacity="0.3"/>
+  <path d="M11 7.5h2"/>
+  <path d="M7.5 11v2"/>
+  <path d="M16.5 13v-2h-2"/>
+  <path d="M13 16.5h2v2"/>
+  <circle cx="7.5" cy="7.5" r="1" fill="currentColor"/>
+  <circle cx="16.5" cy="16.5" r="1" fill="currentColor"/>
+</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="4" y="4" width="7" height="7" rx="1"/>
+  <rect x="4" y="4" width="7" height="7" rx="1" transform="translate(1,-1)" opacity="0.4"/>
+  <rect x="13" y="13" width="7" height="7" rx="1"/>
+  <path d="M11 7.5h2"/>
+  <path d="M7.5 11v2"/>
+  <path d="M16.5 13v-2h-2"/>
+  <path d="M13 16.5h2v2"/>
+  <circle cx="7.5" cy="7.5" r="1"/>
+  <circle cx="16.5" cy="16.5" r="1"/>
+</svg>`,
+  },
+};
+
+export default api;

package/src/icons/defs/tech/bluetooth.ts

@@ -0,0 +1,33 @@
+/**
+ * Bluetooth Icon
+ * @category tech
+ */
+import type { IconDefinition } from '../../types';
+
+export const bluetooth: IconDefinition = {
+  name: 'bluetooth',
+  category: 'tech',
+  description: 'Bluetooth symbol',
+  tags: ['bluetooth', 'wireless', 'connection', 'pairing', 'device'],
+  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">
+  <polyline points="6 7 12 3 12 21 18 17"/>
+  <polyline points="18 7 12 3 6 17 12 21"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M13 2l6 5-4.5 4 4.5 4-6 5V2zm-2 8.5L6.5 7 5 8.5 9.5 12 5 15.5 6.5 17 11 13.5v-3z"/>
+</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">
+  <polyline points="6 7 12 3 12 21 18 17" fill="currentColor" opacity="0.3"/>
+  <polyline points="18 7 12 3 6 17 12 21"/>
+</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">
+  <polyline points="6 7 12 3 12 21 18 17"/>
+  <polyline points="6 7 12 3 12 21 18 17" transform="translate(1,-1)" opacity="0.4"/>
+  <polyline points="18 7 12 3 6 17 12 21"/>
+  <polyline points="18 7 12 3 6 17 12 21" transform="translate(1,-1)" opacity="0.4"/>
+</svg>`,
+  },
+};
+
+export default bluetooth;

package/src/icons/defs/tech/bug.ts

@@ -0,0 +1,58 @@
+/**
+ * Bug Icon
+ * @category tech
+ */
+import type { IconDefinition } from '../../types';
+
+export const bug: IconDefinition = {
+  name: 'bug',
+  category: 'tech',
+  description: 'Bug/issue (insect)',
+  tags: ['bug', 'issue', 'error', 'debug', 'problem'],
+  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="8" y="6" width="8" height="11" rx="3"/>
+  <path d="M9 3h6"/>
+  <path d="M4 9h4"/>
+  <path d="M4 15h4"/>
+  <path d="M16 9h4"/>
+  <path d="M16 15h4"/>
+  <path d="M8 19l-2 2"/>
+  <path d="M16 19l2 2"/>
+  <line x1="8" y1="11" x2="16" y2="11"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M9 2h6v2H9V2zm-1 4c-1.7 0-3 1.3-3 3v8c0 1.7 1.3 3 3 3h8c1.7 0 3-1.3 3-3V9c0-1.7-1.3-3-3-3H8zm0 5h8v1H8v-1z"/>
+  <rect x="4" y="8.5" width="4" height="1"/>
+  <rect x="4" y="14.5" width="4" height="1"/>
+  <rect x="16" y="8.5" width="4" height="1"/>
+  <rect x="16" y="14.5" width="4" height="1"/>
+  <path d="M6.3 19.3l2-2 1.4 1.4-2 2-1.4-1.4zm11.4 0l-2-2 1.4-1.4 2 2-1.4 1.4z"/>
+</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="8" y="6" width="8" height="11" rx="3" fill="currentColor" opacity="0.3"/>
+  <path d="M9 3h6"/>
+  <path d="M4 9h4"/>
+  <path d="M4 15h4"/>
+  <path d="M16 9h4"/>
+  <path d="M16 15h4"/>
+  <path d="M8 19l-2 2"/>
+  <path d="M16 19l2 2"/>
+  <line x1="8" y1="11" x2="16" y2="11"/>
+</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="8" y="6" width="8" height="11" rx="3"/>
+  <rect x="8" y="6" width="8" height="11" rx="3" transform="translate(1,-1)" opacity="0.4"/>
+  <path d="M9 3h6"/>
+  <path d="M4 9h4"/>
+  <path d="M4 15h4"/>
+  <path d="M16 9h4"/>
+  <path d="M16 15h4"/>
+  <path d="M8 19l-2 2"/>
+  <path d="M16 19l2 2"/>
+  <line x1="8" y1="11" x2="16" y2="11"/>
+</svg>`,
+  },
+};
+
+export default bug;

package/src/icons/defs/tech/chip.ts

@@ -0,0 +1,80 @@
+/**
+ * Chip Icon
+ * @category tech
+ */
+import type { IconDefinition } from '../../types';
+
+export const chip: IconDefinition = {
+  name: 'chip',
+  category: 'tech',
+  description: 'CPU/processor chip',
+  tags: ['chip', 'cpu', 'processor', 'microchip', 'silicon'],
+  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="6" y="6" width="12" height="12" rx="2"/>
+  <rect x="9" y="9" width="6" height="6"/>
+  <line x1="6" y1="8" x2="4" y2="8"/>
+  <line x1="6" y1="12" x2="4" y2="12"/>
+  <line x1="6" y1="16" x2="4" y2="16"/>
+  <line x1="18" y1="8" x2="20" y2="8"/>
+  <line x1="18" y1="12" x2="20" y2="12"/>
+  <line x1="18" y1="16" x2="20" y2="16"/>
+  <line x1="8" y1="6" x2="8" y2="4"/>
+  <line x1="12" y1="6" x2="12" y2="4"/>
+  <line x1="16" y1="6" x2="16" y2="4"/>
+  <line x1="8" y1="18" x2="8" y2="20"/>
+  <line x1="12" y1="18" x2="12" y2="20"/>
+  <line x1="16" y1="18" x2="16" y2="20"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M6 6h12a2 2 0 012 2v8a2 2 0 01-2 2H6a2 2 0 01-2-2V8a2 2 0 012-2zm3 3h6v6H9V9z"/>
+  <rect x="4" y="8" width="2" height="1.5"/>
+  <rect x="4" y="12" width="2" height="1.5"/>
+  <rect x="4" y="16" width="2" height="1.5"/>
+  <rect x="18" y="8" width="2" height="1.5"/>
+  <rect x="18" y="12" width="2" height="1.5"/>
+  <rect x="18" y="16" width="2" height="1.5"/>
+  <rect x="8" y="4" width="1.5" height="2"/>
+  <rect x="12" y="4" width="1.5" height="2"/>
+  <rect x="16" y="4" width="1.5" height="2"/>
+  <rect x="8" y="18" width="1.5" height="2"/>
+  <rect x="12" y="18" width="1.5" height="2"/>
+  <rect x="16" y="18" width="1.5" height="2"/>
+</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="6" y="6" width="12" height="12" rx="2" fill="currentColor" opacity="0.3"/>
+  <rect x="9" y="9" width="6" height="6"/>
+  <line x1="6" y1="8" x2="4" y2="8"/>
+  <line x1="6" y1="12" x2="4" y2="12"/>
+  <line x1="6" y1="16" x2="4" y2="16"/>
+  <line x1="18" y1="8" x2="20" y2="8"/>
+  <line x1="18" y1="12" x2="20" y2="12"/>
+  <line x1="18" y1="16" x2="20" y2="16"/>
+  <line x1="8" y1="6" x2="8" y2="4"/>
+  <line x1="12" y1="6" x2="12" y2="4"/>
+  <line x1="16" y1="6" x2="16" y2="4"/>
+  <line x1="8" y1="18" x2="8" y2="20"/>
+  <line x1="12" y1="18" x2="12" y2="20"/>
+  <line x1="16" y1="18" x2="16" y2="20"/>
+</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="6" y="6" width="12" height="12" rx="2"/>
+  <rect x="6" y="6" width="12" height="12" rx="2" transform="translate(1,-1)" opacity="0.4"/>
+  <rect x="9" y="9" width="6" height="6"/>
+  <line x1="6" y1="8" x2="4" y2="8"/>
+  <line x1="6" y1="12" x2="4" y2="12"/>
+  <line x1="6" y1="16" x2="4" y2="16"/>
+  <line x1="18" y1="8" x2="20" y2="8"/>
+  <line x1="18" y1="12" x2="20" y2="12"/>
+  <line x1="18" y1="16" x2="20" y2="16"/>
+  <line x1="8" y1="6" x2="8" y2="4"/>
+  <line x1="12" y1="6" x2="12" y2="4"/>
+  <line x1="16" y1="6" x2="16" y2="4"/>
+  <line x1="8" y1="18" x2="8" y2="20"/>
+  <line x1="12" y1="18" x2="12" y2="20"/>
+  <line x1="16" y1="18" x2="16" y2="20"/>
+</svg>`,
+  },
+};
+
+export default chip;

package/src/icons/defs/tech/circuit.ts

@@ -0,0 +1,57 @@
+/**
+ * Circuit Icon
+ * @category tech
+ */
+import type { IconDefinition } from '../../types';
+
+export const circuit: IconDefinition = {
+  name: 'circuit',
+  category: 'tech',
+  description: 'Circuit board pattern',
+  tags: ['circuit', 'board', 'electronics', 'pcb', 'connections'],
+  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="4" y="4" width="16" height="16" rx="2"/>
+  <circle cx="8" cy="8" r="1"/>
+  <circle cx="16" cy="8" r="1"/>
+  <circle cx="8" cy="16" r="1"/>
+  <circle cx="16" cy="16" r="1"/>
+  <line x1="8" y1="9" x2="8" y2="15"/>
+  <line x1="16" y1="9" x2="16" y2="15"/>
+  <line x1="9" y1="12" x2="15" y2="12"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <rect x="4" y="4" width="16" height="16" rx="2"/>
+  <circle cx="8" cy="8" r="1.5" fill="#000"/>
+  <circle cx="16" cy="8" r="1.5" fill="#000"/>
+  <circle cx="8" cy="16" r="1.5" fill="#000"/>
+  <circle cx="16" cy="16" r="1.5" fill="#000"/>
+  <rect x="7.5" y="9" width="1" height="6" fill="#000"/>
+  <rect x="15.5" y="9" width="1" height="6" fill="#000"/>
+  <rect x="9" y="11.5" width="6" height="1" fill="#000"/>
+</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="4" y="4" width="16" height="16" rx="2" fill="currentColor" opacity="0.3"/>
+  <circle cx="8" cy="8" r="1" fill="currentColor"/>
+  <circle cx="16" cy="8" r="1" fill="currentColor"/>
+  <circle cx="8" cy="16" r="1" fill="currentColor"/>
+  <circle cx="16" cy="16" r="1" fill="currentColor"/>
+  <line x1="8" y1="9" x2="8" y2="15"/>
+  <line x1="16" y1="9" x2="16" y2="15"/>
+  <line x1="9" y1="12" x2="15" 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="4" y="4" width="16" height="16" rx="2"/>
+  <rect x="5" y="3" width="16" height="16" rx="2" opacity="0.4"/>
+  <circle cx="8" cy="8" r="1"/>
+  <circle cx="16" cy="8" r="1"/>
+  <circle cx="8" cy="16" r="1"/>
+  <circle cx="16" cy="16" r="1"/>
+  <line x1="8" y1="9" x2="8" y2="15"/>
+  <line x1="16" y1="9" x2="16" y2="15"/>
+  <line x1="9" y1="12" x2="15" y2="12"/>
+</svg>`,
+  },
+};
+
+export default circuit;

package/src/icons/defs/tech/code.ts

@@ -0,0 +1,36 @@
+/**
+ * Code Icon
+ * @category tech
+ */
+import type { IconDefinition } from '../../types';
+
+export const code: IconDefinition = {
+  name: 'code',
+  category: 'tech',
+  description: 'Code/programming symbol (</>)',
+  tags: ['code', 'programming', 'developer', 'brackets', 'slash'],
+  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">
+  <polyline points="16 18 22 12 16 6"/>
+  <polyline points="8 6 2 12 8 18"/>
+  <line x1="14" y1="4" x2="10" y2="20"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M16.7 17.3l5-5-5-5-1.4 1.4L18.6 12l-3.3 3.3 1.4 1.4zM7.3 6.7l-5 5 5 5 1.4-1.4L5.4 12l3.3-3.3-1.4-1.4zM14.8 3l-1.6.4 4 16 1.6-.4-4-16z"/>
+</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">
+  <polyline points="16 18 22 12 16 6" fill="currentColor" opacity="0.3"/>
+  <polyline points="8 6 2 12 8 18" fill="currentColor" opacity="0.3"/>
+  <line x1="14" y1="4" x2="10" y2="20"/>
+</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">
+  <polyline points="16 18 22 12 16 6"/>
+  <polyline points="16 18 22 12 16 6" transform="translate(1,-1)" opacity="0.4"/>
+  <polyline points="8 6 2 12 8 18"/>
+  <polyline points="8 6 2 12 8 18" transform="translate(1,-1)" opacity="0.4"/>
+  <line x1="14" y1="4" x2="10" y2="20"/>
+</svg>`,
+  },
+};
+
+export default code;

package/src/icons/defs/tech/cpu.ts

@@ -0,0 +1,58 @@
+/**
+ * CPU Icon
+ * @category tech
+ */
+import type { IconDefinition } from '../../types';
+
+export const cpu: IconDefinition = {
+  name: 'cpu',
+  category: 'tech',
+  description: 'CPU usage',
+  tags: ['cpu', 'processor', 'usage', 'performance', 'computing'],
+  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="4" y="4" width="16" height="16" rx="2"/>
+  <rect x="9" y="9" width="6" height="6"/>
+  <line x1="9" y1="2" x2="9" y2="4"/>
+  <line x1="15" y1="2" x2="15" y2="4"/>
+  <line x1="9" y1="20" x2="9" y2="22"/>
+  <line x1="15" y1="20" x2="15" y2="22"/>
+  <line x1="20" y1="9" x2="22" y2="9"/>
+  <line x1="20" y1="15" x2="22" y2="15"/>
+  <line x1="2" y1="9" x2="4" y2="9"/>
+  <line x1="2" y1="15" x2="4" y2="15"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M8 2h2v2H8V2zm6 0h2v2h-2V2zM8 20h2v2H8v-2zm6 0h2v2h-2v-2z"/>
+  <rect x="4" y="4" width="16" height="16" rx="2"/>
+  <path d="M20 8h2v2h-2V8zm0 6h2v2h-2v-2zM2 8h2v2H2V8zm0 6h2v2H2v-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="4" y="4" width="16" height="16" rx="2" fill="currentColor" opacity="0.3"/>
+  <rect x="9" y="9" width="6" height="6"/>
+  <line x1="9" y1="2" x2="9" y2="4"/>
+  <line x1="15" y1="2" x2="15" y2="4"/>
+  <line x1="9" y1="20" x2="9" y2="22"/>
+  <line x1="15" y1="20" x2="15" y2="22"/>
+  <line x1="20" y1="9" x2="22" y2="9"/>
+  <line x1="20" y1="15" x2="22" y2="15"/>
+  <line x1="2" y1="9" x2="4" y2="9"/>
+  <line x1="2" y1="15" x2="4" y2="15"/>
+</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="4" y="4" width="16" height="16" rx="2"/>
+  <rect x="4" y="4" width="16" height="16" rx="2" transform="translate(1,-1)" opacity="0.4"/>
+  <rect x="9" y="9" width="6" height="6"/>
+  <line x1="9" y1="2" x2="9" y2="4"/>
+  <line x1="15" y1="2" x2="15" y2="4"/>
+  <line x1="9" y1="20" x2="9" y2="22"/>
+  <line x1="15" y1="20" x2="15" y2="22"/>
+  <line x1="20" y1="9" x2="22" y2="9"/>
+  <line x1="20" y1="15" x2="22" y2="15"/>
+  <line x1="2" y1="9" x2="4" y2="9"/>
+  <line x1="2" y1="15" x2="4" y2="15"/>
+</svg>`,
+  },
+};
+
+export default cpu;