cybercore-css 0.2.0

package/src/icons/defs/actions/upload.ts

@@ -0,0 +1,36 @@
+/**
+ * Upload Icon
+ * @category actions
+ */
+import type { IconDefinition } from '../../types';
+
+export const upload: IconDefinition = {
+  name: 'upload',
+  category: 'actions',
+  description: 'Upload file or data',
+  tags: ['upload', 'import', 'arrow-up', 'send', '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="M12 21V9m0 0l-4 4m4-4l4 4"/>
+  <path d="M3 7V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2"/>
+  <line x1="7" y1="3" x2="17" y2="3"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 22a1 1 0 0 1-1-1v-9.59L8.71 13.7a1 1 0 1 1-1.42-1.42l4-4a1 1 0 0 1 1.42 0l4 4a1 1 0 0 1-1.42 1.42L13 11.41V21a1 1 0 0 1-1 1zM3 8a1 1 0 0 1-1-1V5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v2a1 1 0 0 1-2 0V5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v2a1 1 0 0 1-1 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">
+  <path d="M3 7V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2" fill="currentColor" opacity="0.3"/>
+  <path d="M12 21V9m0 0l-4 4m4-4l4 4"/>
+  <path d="M3 7V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2"/>
+  <line x1="7" y1="3" x2="17" y2="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 21V9m0 0l-4 4m4-4l4 4" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M12 21V9m0 0l-4 4m4-4l4 4"/>
+  <path d="M3 7V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2"/>
+  <line x1="7" y1="3" x2="17" y2="3"/>
+</svg>`,
+  },
+};
+
+export default upload;

package/src/icons/defs/actions/x.ts

@@ -0,0 +1,40 @@
+/**
+ * X Icon
+ * @category actions
+ */
+import type { IconDefinition } from '../../types';
+
+export const x: IconDefinition = {
+  name: 'x',
+  category: 'actions',
+  description: 'Close or cancel action',
+  tags: ['x', 'close', 'cancel', 'dismiss', 'exit'],
+  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="M18 6L6 18"/>
+  <path d="M6 6l12 12"/>
+  <circle cx="6" cy="6" r="1"/>
+  <circle cx="18" cy="18" r="1"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M18.71 5.29a1 1 0 0 1 0 1.42L13.41 12l5.3 5.29a1 1 0 0 1-1.42 1.42L12 13.41l-5.29 5.3a1 1 0 0 1-1.42-1.42L10.59 12 5.3 6.71a1 1 0 0 1 1.42-1.42L12 10.59l5.29-5.3a1 1 0 0 1 1.42 0z"/>
+</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="M6 6l12 12M18 6L6 18" fill="currentColor" opacity="0.3" stroke="none"/>
+  <path d="M18 6L6 18"/>
+  <path d="M6 6l12 12"/>
+  <circle cx="6" cy="6" r="1"/>
+  <circle cx="18" cy="18" 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="M18 6L6 18" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M6 6l12 12" transform="translate(-1,1)" opacity="0.5"/>
+  <path d="M18 6L6 18"/>
+  <path d="M6 6l12 12"/>
+  <circle cx="6" cy="6" r="1"/>
+  <circle cx="18" cy="18" r="1"/>
+</svg>`,
+  },
+};
+
+export default x;

package/src/icons/defs/communication/at-sign.ts

@@ -0,0 +1,37 @@
+/**
+ * At Sign - Mention symbol (@)
+ * @category communication
+ */
+import type { IconDefinition } from '../../types';
+
+export const atSign: IconDefinition = {
+  name: 'at-sign',
+  category: 'communication',
+  description: 'Mention or at symbol (@)',
+  tags: ['at', 'mention', 'tag', 'email', 'username'],
+  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"/>
+  <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"/>
+  <line x1="19" y1="8" x2="19.01" y2="8"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10a9.96 9.96 0 0 0 3.92-.79l.63 1.87A11.96 11.96 0 0 1 12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12v1a5 5 0 0 1-10 0V8h2v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94l.63 1.87zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"/>
+</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"/>
+  <circle cx="12" cy="12" r="4"/>
+  <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"/>
+  <line x1="19" y1="8" x2="19.01" y2="8"/>
+</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" transform="translate(1,-1)" opacity="0.5"/>
+  <circle cx="12" cy="12" r="4"/>
+  <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"/>
+  <line x1="19" y1="8" x2="19.01" y2="8"/>
+</svg>`,
+  },
+};
+
+export default atSign;

package/src/icons/defs/communication/bell-off.ts

@@ -0,0 +1,44 @@
+/**
+ * Bell Off - Notifications disabled
+ * @category communication
+ */
+import type { IconDefinition } from '../../types';
+
+export const bellOff: IconDefinition = {
+  name: 'bell-off',
+  category: 'communication',
+  description: 'Notifications disabled (bell with slash)',
+  tags: ['notification', 'disabled', 'mute', 'silent', 'off'],
+  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="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/>
+  <path d="M13.73 21a2 2 0 0 1-3.46 0"/>
+  <line x1="2" y1="2" x2="22" y2="22"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 2c.552 0 1 .448 1 1v1.07A6.002 6.002 0 0 1 18 10c0 1.5.3 2.8.7 4l-15 15L2.3 27.6 4.3 25.6 3 24.5v-.5c1-1 2-2.5 2.5-4.5L21 3.7l-1.4-1.4-6.6 6.6V3c0-.552.448-1 1-1zm1 19c0 .552-.448 1-1 1s-1-.448-1-1h2z"/>
+  <path d="M3.7 3l18 18-1.4 1.4-18-18z"/>
+</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="M8.7 8.7A6 6 0 0 1 18 8c0 4.5 1.5 7 2.5 8.5" fill="currentColor" opacity="0.3"/>
+  <path d="M8.7 8.7A6 6 0 0 1 18 8c0 4.5 1.5 7 2.5 8.5"/>
+  <path d="M13.73 21a2 2 0 0 1-3.46 0"/>
+  <path d="M3 17s1.5-2 2-5"/>
+  <path d="M6 8c0-.5.1-1 .2-1.5"/>
+  <line x1="3" y1="3" x2="21" y2="21"/>
+  <line x1="10" y1="4" x2="14" y2="4"/>
+</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="M8.7 8.7A6 6 0 0 1 18 8c0 4.5 1.5 7 2.5 8.5" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M8.7 8.7A6 6 0 0 1 18 8c0 4.5 1.5 7 2.5 8.5"/>
+  <path d="M13.73 21a2 2 0 0 1-3.46 0"/>
+  <path d="M3 17s1.5-2 2-5"/>
+  <path d="M6 8c0-.5.1-1 .2-1.5"/>
+  <line x1="3" y1="3" x2="21" y2="21" transform="translate(1,-1)" opacity="0.5"/>
+  <line x1="3" y1="3" x2="21" y2="21"/>
+  <line x1="10" y1="4" x2="14" y2="4"/>
+</svg>`,
+  },
+};
+
+export default bellOff;

package/src/icons/defs/communication/bell.ts

@@ -0,0 +1,37 @@
+/**
+ * Bell - Notification bell
+ * @category communication
+ */
+import type { IconDefinition } from '../../types';
+
+export const bell: IconDefinition = {
+  name: 'bell',
+  category: 'communication',
+  description: 'Notification bell',
+  tags: ['notification', 'alert', 'reminder', 'bell'],
+  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="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/>
+  <path d="M13.73 21a2 2 0 0 1-3.46 0"/>
+  <line x1="10" y1="4" x2="14" y2="4"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 2c.552 0 1 .448 1 1v1.07A6.002 6.002 0 0 1 18 10c0 3.5 1.5 6 3 7.5v.5H3v-.5c1.5-1.5 3-4 3-7.5a6.002 6.002 0 0 1 5-5.93V3c0-.552.448-1 1-1zm1 19c0 .552-.448 1-1 1s-1-.448-1-1h2z"/>
+</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="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" fill="currentColor" opacity="0.3"/>
+  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/>
+  <path d="M13.73 21a2 2 0 0 1-3.46 0"/>
+  <line x1="10" y1="4" x2="14" y2="4"/>
+</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="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/>
+  <path d="M13.73 21a2 2 0 0 1-3.46 0" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M13.73 21a2 2 0 0 1-3.46 0"/>
+  <line x1="10" y1="4" x2="14" y2="4"/>
+</svg>`,
+  },
+};
+
+export default bell;

package/src/icons/defs/communication/inbox.ts

@@ -0,0 +1,40 @@
+/**
+ * Inbox - Inbox tray with arrow
+ * @category communication
+ */
+import type { IconDefinition } from '../../types';
+
+export const inbox: IconDefinition = {
+  name: 'inbox',
+  category: 'communication',
+  description: 'Inbox (tray with arrow)',
+  tags: ['inbox', 'tray', 'receive', 'download', 'messages'],
+  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="22 12 16 12 14 15 10 15 8 12 2 12"/>
+  <path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/>
+  <polyline points="12 8 12 2"/>
+  <polyline points="9 5 12 2 15 5"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M7.24 4h9.52a2 2 0 0 1 1.79 1.11L22 12v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-6l3.45-6.89A2 2 0 0 1 7.24 4zm4.76 7.5l-3-3 1.4-1.4 1.6 1.6V2h2v6.7l1.6-1.6 1.4 1.4-3 3zm-4 1.5h2l2 3h4l2-3h2v5H8v-5z"/>
+</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="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" fill="currentColor" opacity="0.3"/>
+  <polyline points="22 12 16 12 14 15 10 15 8 12 2 12"/>
+  <path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/>
+  <polyline points="12 8 12 2"/>
+  <polyline points="9 5 12 2 15 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">
+  <polyline points="22 12 16 12 14 15 10 15 8 12 2 12" transform="translate(1,-1)" opacity="0.5"/>
+  <polyline points="22 12 16 12 14 15 10 15 8 12 2 12"/>
+  <path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/>
+  <polyline points="12 8 12 2"/>
+  <polyline points="9 5 12 2 15 5"/>
+</svg>`,
+  },
+};
+
+export default inbox;

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

@@ -0,0 +1,15 @@
+/**
+ * Communication Icons
+ * Messaging & notifications
+ */
+
+export { bell } from './bell';
+export { bellOff } from './bell-off';
+export { message } from './message';
+export { mail } from './mail';
+export { inbox } from './inbox';
+export { send } from './send';
+export { atSign } from './at-sign';
+export { phone } from './phone';
+export { phoneOff } from './phone-off';
+export { videoCall } from './video-call';

package/src/icons/defs/communication/mail.ts

@@ -0,0 +1,40 @@
+/**
+ * Mail - Email envelope
+ * @category communication
+ */
+import type { IconDefinition } from '../../types';
+
+export const mail: IconDefinition = {
+  name: 'mail',
+  category: 'communication',
+  description: 'Email (envelope)',
+  tags: ['email', 'mail', 'envelope', 'message', 'letter'],
+  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 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
+  <polyline points="22,6 12,13 2,6"/>
+  <line x1="7" y1="9" x2="7" y2="9"/>
+  <line x1="17" y1="9" x2="17" y2="9"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M4 4h16a2 2 0 0 1 2 2v.58l-10 6.25L2 6.58V6a2 2 0 0 1 2-2zm-2 4.42l10 6.25 10-6.25V18a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8.42z"/>
+</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 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" fill="currentColor" opacity="0.3"/>
+  <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
+  <polyline points="22,6 12,13 2,6"/>
+  <line x1="7" y1="9" x2="7" y2="9"/>
+  <line x1="17" y1="9" x2="17" y2="9"/>
+</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 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
+  <polyline points="22,6 12,13 2,6" transform="translate(1,-1)" opacity="0.5"/>
+  <polyline points="22,6 12,13 2,6"/>
+  <line x1="7" y1="9" x2="7" y2="9"/>
+  <line x1="17" y1="9" x2="17" y2="9"/>
+</svg>`,
+  },
+};
+
+export default mail;

package/src/icons/defs/communication/message.ts

@@ -0,0 +1,42 @@
+/**
+ * Message - Chat bubble
+ * @category communication
+ */
+import type { IconDefinition } from '../../types';
+
+export const message: IconDefinition = {
+  name: 'message',
+  category: 'communication',
+  description: 'Message or comment (chat bubble)',
+  tags: ['message', 'chat', 'comment', 'conversation', 'bubble'],
+  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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
+  <line x1="8" y1="10" x2="8.01" y2="10"/>
+  <line x1="12" y1="10" x2="12.01" y2="10"/>
+  <line x1="16" y1="10" x2="16.01" y2="10"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M5 3h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H7.414l-4.707 4.707A1 1 0 0 1 1 21V5a2 2 0 0 1 2-2h2zm3 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" fill="currentColor" opacity="0.3"/>
+  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
+  <line x1="8" y1="10" x2="8.01" y2="10"/>
+  <line x1="12" y1="10" x2="12.01" y2="10"/>
+  <line x1="16" y1="10" x2="16.01" y2="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">
+  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
+  <line x1="8" y1="10" x2="8.01" y2="10" transform="translate(1,-1)" opacity="0.5"/>
+  <line x1="8" y1="10" x2="8.01" y2="10"/>
+  <line x1="12" y1="10" x2="12.01" y2="10" transform="translate(1,-1)" opacity="0.5"/>
+  <line x1="12" y1="10" x2="12.01" y2="10"/>
+  <line x1="16" y1="10" x2="16.01" y2="10" transform="translate(1,-1)" opacity="0.5"/>
+  <line x1="16" y1="10" x2="16.01" y2="10"/>
+</svg>`,
+  },
+};
+
+export default message;

package/src/icons/defs/communication/phone-off.ts

@@ -0,0 +1,35 @@
+/**
+ * Phone Off - End call
+ * @category communication
+ */
+import type { IconDefinition } from '../../types';
+
+export const phoneOff: IconDefinition = {
+  name: 'phone-off',
+  category: 'communication',
+  description: 'End call (phone with X)',
+  tags: ['phone', 'end', 'hangup', 'disconnect', 'off'],
+  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="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
+  <line x1="2" y1="2" x2="22" y2="22"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M2.707 1.293a1 1 0 0 0-1.414 1.414l1.42 1.42A2 2 0 0 0 2 5.99c0 9.28 7.72 17 17.01 17 .54 0 .99-.26.99-.99v-3.45c0-.54-.45-.99-.99-.99-1.23 0-2.42-.2-3.53-.56-.28-.11-.59-.03-.79.17l-1.57 1.97c-1.16-.56-2.24-1.27-3.24-2.09l12.41-12.41a1 1 0 0 0-1.414-1.414L2.707 1.293zM8.09 9.91l-1.27 1.25c-.28.27-.36.67-.24 1.02.37 1.11.56 2.3.56 3.53 0 .54.45.99.99.99h3.46c.74 0 1.18-.83.75-1.45-.32-.47-.71-.91-1.16-1.31L8.09 9.91z"/>
+  <line x1="2" y1="2" x2="22" y2="22" stroke="currentColor" stroke-width="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">
+  <path d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91" fill="currentColor" opacity="0.3"/>
+  <path d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91"/>
+  <line x1="22" y1="2" x2="2" y2="22"/>
+</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.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91"/>
+  <line x1="22" y1="2" x2="2" y2="22" transform="translate(1,-1)" opacity="0.5"/>
+  <line x1="22" y1="2" x2="2" y2="22"/>
+</svg>`,
+  },
+};
+
+export default phoneOff;

package/src/icons/defs/communication/phone.ts

@@ -0,0 +1,36 @@
+/**
+ * Phone - Phone call
+ * @category communication
+ */
+import type { IconDefinition } from '../../types';
+
+export const phone: IconDefinition = {
+  name: 'phone',
+  category: 'communication',
+  description: 'Phone call',
+  tags: ['phone', 'call', 'telephone', 'contact', 'voice'],
+  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="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
+  <line x1="15" y1="3" x2="15.01" y2="3"/>
+  <line x1="18" y1="6" x2="18.01" y2="6"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 0 0-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z"/>
+</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="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" fill="currentColor" opacity="0.3"/>
+  <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
+  <line x1="15" y1="3" x2="15.01" y2="3"/>
+  <line x1="18" y1="6" x2="18.01" y2="6"/>
+</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="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
+  <line x1="15" y1="3" x2="15.01" y2="3"/>
+  <line x1="18" y1="6" x2="18.01" y2="6"/>
+</svg>`,
+  },
+};
+
+export default phone;

package/src/icons/defs/communication/send.ts

@@ -0,0 +1,37 @@
+/**
+ * Send - Send message (paper plane)
+ * @category communication
+ */
+import type { IconDefinition } from '../../types';
+
+export const send: IconDefinition = {
+  name: 'send',
+  category: 'communication',
+  description: 'Send message (paper plane)',
+  tags: ['send', 'submit', 'message', 'plane', 'transmit'],
+  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">
+  <line x1="22" y1="2" x2="11" y2="13"/>
+  <polygon points="22 2 15 22 11 13 2 9 22 2"/>
+  <line x1="11" y1="13" x2="11.5" y2="13.5"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M22.707 1.293a1 1 0 0 1 .083 1.32l-.083.094-7 13a1 1 0 0 1-1.706.107l-.07-.107-3.224-5.981-5.98-3.223a1 1 0 0 1 .107-1.707l.094-.083 13-7a1 1 0 0 1 1.32.083l.459.504z"/>
+</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">
+  <polygon points="22 2 15 22 11 13 2 9 22 2" fill="currentColor" opacity="0.3"/>
+  <line x1="22" y1="2" x2="11" y2="13"/>
+  <polygon points="22 2 15 22 11 13 2 9 22 2"/>
+  <line x1="11" y1="13" x2="11.5" y2="13.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">
+  <line x1="22" y1="2" x2="11" y2="13" transform="translate(1,-1)" opacity="0.5"/>
+  <line x1="22" y1="2" x2="11" y2="13"/>
+  <polygon points="22 2 15 22 11 13 2 9 22 2" transform="translate(1,-1)" opacity="0.5"/>
+  <polygon points="22 2 15 22 11 13 2 9 22 2"/>
+  <line x1="11" y1="13" x2="11.5" y2="13.5"/>
+</svg>`,
+  },
+};
+
+export default send;

package/src/icons/defs/communication/video-call.ts

@@ -0,0 +1,44 @@
+/**
+ * Video Call - Video call with camera
+ * @category communication
+ */
+import type { IconDefinition } from '../../types';
+
+export const videoCall: IconDefinition = {
+  name: 'video-call',
+  category: 'communication',
+  description: 'Video call (camera with person)',
+  tags: ['video', 'call', 'camera', 'conference', 'meeting'],
+  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="M23 7l-7 5 7 5V7z"/>
+  <rect x="1" y="5" width="15" height="14" rx="2" ry="2"/>
+  <circle cx="8.5" cy="10" r="2"/>
+  <path d="M13 16c0-1.5-1.34-3-4.5-3S4 14.5 4 16"/>
+  <line x1="19" y1="4" x2="19.01" y2="4"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M3 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5zm5.5 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm4.5 4c0-1.5-1.34-3-4.5-3S4 14.5 4 16h9z"/>
+  <path d="M23 7l-7 5 7 5V7z"/>
+</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="1" y="5" width="15" height="14" rx="2" ry="2" fill="currentColor" opacity="0.3"/>
+  <path d="M23 7l-7 5 7 5V7z"/>
+  <rect x="1" y="5" width="15" height="14" rx="2" ry="2"/>
+  <circle cx="8.5" cy="10" r="2"/>
+  <path d="M13 16c0-1.5-1.34-3-4.5-3S4 14.5 4 16"/>
+  <line x1="19" y1="4" x2="19.01" y2="4"/>
+</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="M23 7l-7 5 7 5V7z" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M23 7l-7 5 7 5V7z"/>
+  <rect x="1" y="5" width="15" height="14" rx="2" ry="2" transform="translate(1,-1)" opacity="0.5"/>
+  <rect x="1" y="5" width="15" height="14" rx="2" ry="2"/>
+  <circle cx="8.5" cy="10" r="2"/>
+  <path d="M13 16c0-1.5-1.34-3-4.5-3S4 14.5 4 16"/>
+  <line x1="19" y1="4" x2="19.01" y2="4"/>
+</svg>`,
+  },
+};
+
+export default videoCall;

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

@@ -0,0 +1,55 @@
+/**
+ * Calendar Icon
+ * @category data
+ */
+import type { IconDefinition } from '../../types';
+
+export const calendar: IconDefinition = {
+  name: 'calendar',
+  category: 'data',
+  description: 'Calendar with date grid',
+  tags: ['calendar', 'date', 'schedule', 'time', 'event'],
+  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="4" width="18" height="18" rx="2"/>
+  <path d="M3 10h18"/>
+  <path d="M8 2v4"/>
+  <path d="M16 2v4"/>
+  <path d="M8 14h.01"/>
+  <path d="M12 14h.01"/>
+  <path d="M16 14h.01"/>
+  <path d="M8 18h.01"/>
+  <path d="M12 18h.01"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M8 1v2h8V1h2v2h1a3 3 0 013 3v14a3 3 0 01-3 3H5a3 3 0 01-3-3V6a3 3 0 013-3h1V1h2zm13 10H3v9a1 1 0 001 1h16a1 1 0 001-1v-9zm-12 3h1v1H9v-1zm3 0h1v1h-1v-1zm3 0h1v1h-1v-1zM9 18h1v1H9v-1zm3 0h1v1h-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="3" y="4" width="18" height="18" rx="2" fill="currentColor" opacity="0.3"/>
+  <rect x="3" y="4" width="18" height="18" rx="2"/>
+  <path d="M3 10h18"/>
+  <path d="M8 2v4"/>
+  <path d="M16 2v4"/>
+  <path d="M8 14h.01"/>
+  <path d="M12 14h.01"/>
+  <path d="M16 14h.01"/>
+  <path d="M8 18h.01"/>
+  <path d="M12 18h.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">
+  <rect x="3" y="4" width="18" height="18" rx="2" transform="translate(1,-1)" opacity="0.3"/>
+  <rect x="3" y="4" width="18" height="18" rx="2"/>
+  <path d="M3 10h18" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M3 10h18"/>
+  <path d="M8 2v4"/>
+  <path d="M16 2v4"/>
+  <path d="M8 14h.01"/>
+  <path d="M12 14h.01"/>
+  <path d="M16 14h.01"/>
+  <path d="M8 18h.01"/>
+  <path d="M12 18h.01"/>
+</svg>`,
+  },
+};
+
+export default calendar;

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

@@ -0,0 +1,48 @@
+/**
+ * Bar Chart Icon
+ * @category data
+ */
+import type { IconDefinition } from '../../types';
+
+export const chartBar: IconDefinition = {
+  name: 'chart-bar',
+  category: 'data',
+  description: 'Bar chart with vertical columns',
+  tags: ['chart', 'graph', 'bar', 'analytics', 'data', 'statistics'],
+  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 16V9"/>
+  <path d="M12 16V6"/>
+  <path d="M17 16v-4"/>
+</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"/>
+  <rect x="6" y="8" width="2" height="9" rx="1"/>
+  <rect x="11" y="5" width="2" height="12" rx="1"/>
+  <rect x="16" y="11" width="2" height="6" rx="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="M3 3v16a2 2 0 0 0 2 2h16"/>
+  <rect x="6.5" y="9" width="1" height="7" fill="currentColor" opacity="0.3"/>
+  <rect x="11.5" y="6" width="1" height="10" fill="currentColor" opacity="0.3"/>
+  <rect x="16.5" y="12" width="1" height="4" fill="currentColor" opacity="0.3"/>
+  <path d="M7 16V9"/>
+  <path d="M12 16V6"/>
+  <path d="M17 16v-4"/>
+</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 16V9"/>
+  <path d="M12 16V6"/>
+  <path d="M17 16v-4"/>
+  <g opacity="0.4" transform="translate(1,-1)">
+    <path d="M7 16V9"/>
+    <path d="M12 16V6"/>
+    <path d="M17 16v-4"/>
+  </g>
+</svg>`,
+  },
+};
+
+export default chartBar;