cybercore-css 0.2.0

package/src/icons/defs/media/volume-off.ts

@@ -0,0 +1,34 @@
+/**
+ * Volume off/muted icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const volumeOff: IconDefinition = {
+  name: 'volume-off',
+  category: 'media',
+  description: 'Volume muted (speaker with X)',
+  tags: ['volume', 'mute', 'sound', 'audio', 'speaker', '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="M11 5L6 9H2v6h4l5 4V5z"/>
+  <path d="M23 9l-6 6M17 9l6 6"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M11 5L6 9H2v6h4l5 4V5z"/>
+  <path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M23 9l-6 6M17 9l6 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">
+  <path d="M11 5L6 9H2v6h4l5 4V5z" fill="currentColor" opacity="0.3"/>
+  <path d="M23 9l-6 6M17 9l6 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="M11 5L6 9H2v6h4l5 4V5z"/>
+  <path d="M11 5L6 9H2v6h4l5 4V5z" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M23 9l-6 6M17 9l6 6"/>
+  <path d="M23 9l-6 6M17 9l6 6" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default volumeOff;

package/src/icons/defs/navigation/arrow-down.ts

@@ -0,0 +1,34 @@
+/**
+ * Arrow Down Icon
+ * @category navigation
+ */
+import type { IconDefinition } from '../../types';
+
+export const arrowDown: IconDefinition = {
+  name: 'arrow-down',
+  category: 'navigation',
+  description: 'Downward arrow',
+  tags: ['direction', 'down', 'move', 'arrow'],
+  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="12" y1="5" x2="12" y2="19"/>
+  <polyline points="5 12 12 19 19 12"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 21l-9-9h5V3h8v9h5l-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">
+  <line x1="12" y1="5" x2="12" y2="19"/>
+  <polyline points="5 12 12 19 19 12"/>
+  <path d="M12 19l-7-7h4V5h6v7h4l-7 7z" fill="currentColor" opacity="0.3" stroke="none"/>
+</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="12" y1="5" x2="12" y2="19"/>
+  <polyline points="5 12 12 19 19 12"/>
+  <line x1="12" y1="5" x2="12" y2="19" transform="translate(-1,1)" opacity="0.5"/>
+  <polyline points="5 12 12 19 19 12" transform="translate(1,-1)" opacity="0.5"/>
+</svg>`,
+  },
+};
+
+export default arrowDown;

package/src/icons/defs/navigation/arrow-left.ts

@@ -0,0 +1,34 @@
+/**
+ * Arrow Left Icon
+ * @category navigation
+ */
+import type { IconDefinition } from '../../types';
+
+export const arrowLeft: IconDefinition = {
+  name: 'arrow-left',
+  category: 'navigation',
+  description: 'Leftward arrow',
+  tags: ['direction', 'left', 'back', 'arrow'],
+  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="19" y1="12" x2="5" y2="12"/>
+  <polyline points="12 19 5 12 12 5"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M3 12l9-9v5h9v8h-9v5l-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">
+  <line x1="19" y1="12" x2="5" y2="12"/>
+  <polyline points="12 19 5 12 12 5"/>
+  <path d="M5 12l7-7v4h7v6h-7v4l-7-7z" fill="currentColor" opacity="0.3" stroke="none"/>
+</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="19" y1="12" x2="5" y2="12"/>
+  <polyline points="12 19 5 12 12 5"/>
+  <line x1="19" y1="12" x2="5" y2="12" transform="translate(1,-1)" opacity="0.5"/>
+  <polyline points="12 19 5 12 12 5" transform="translate(-1,1)" opacity="0.5"/>
+</svg>`,
+  },
+};
+
+export default arrowLeft;

package/src/icons/defs/navigation/arrow-right.ts

@@ -0,0 +1,34 @@
+/**
+ * Arrow Right Icon
+ * @category navigation
+ */
+import type { IconDefinition } from '../../types';
+
+export const arrowRight: IconDefinition = {
+  name: 'arrow-right',
+  category: 'navigation',
+  description: 'Rightward arrow',
+  tags: ['direction', 'right', 'forward', 'arrow'],
+  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="5" y1="12" x2="19" y2="12"/>
+  <polyline points="12 5 19 12 12 19"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M21 12l-9 9v-5H3v-8h9V3l9 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">
+  <line x1="5" y1="12" x2="19" y2="12"/>
+  <polyline points="12 5 19 12 12 19"/>
+  <path d="M19 12l-7 7v-4H5v-6h7V5l7 7z" fill="currentColor" opacity="0.3" stroke="none"/>
+</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="5" y1="12" x2="19" y2="12"/>
+  <polyline points="12 5 19 12 12 19"/>
+  <line x1="5" y1="12" x2="19" y2="12" transform="translate(-1,1)" opacity="0.5"/>
+  <polyline points="12 5 19 12 12 19" transform="translate(1,-1)" opacity="0.5"/>
+</svg>`,
+  },
+};
+
+export default arrowRight;

package/src/icons/defs/navigation/arrow-up.ts

@@ -0,0 +1,34 @@
+/**
+ * Arrow Up Icon
+ * @category navigation
+ */
+import type { IconDefinition } from '../../types';
+
+export const arrowUp: IconDefinition = {
+  name: 'arrow-up',
+  category: 'navigation',
+  description: 'Upward arrow',
+  tags: ['direction', 'up', 'move'],
+  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 19V5"/>
+  <path d="M5 12l7-7 7 7"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 3l9 9h-5v9h-8v-9H3l9-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">
+  <path d="M12 19V5"/>
+  <path d="M5 12l7-7 7 7"/>
+  <path d="M12 5l7 7h-4v7h-6v-7H5l7-7z" fill="currentColor" opacity="0.3" stroke="none"/>
+</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 19V5"/>
+  <path d="M5 12l7-7 7 7"/>
+  <path d="M12 19V5" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M5 12l7-7 7 7" transform="translate(-1,1)" opacity="0.5"/>
+</svg>`,
+  },
+};
+
+export default arrowUp;

package/src/icons/defs/navigation/chevron-down.ts

@@ -0,0 +1,31 @@
+/**
+ * Chevron Down Icon
+ * @category navigation
+ */
+import type { IconDefinition } from '../../types';
+
+export const chevronDown: IconDefinition = {
+  name: 'chevron-down',
+  category: 'navigation',
+  description: 'Chevron pointing down',
+  tags: ['direction', 'down', 'expand', 'chevron'],
+  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 9 12 15 18 9"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 16l-7-8h14l-7 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">
+  <polyline points="6 9 12 15 18 9"/>
+  <path d="M12 15l-6-6h12l-6 6z" fill="currentColor" opacity="0.3" stroke="none"/>
+</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 9 12 15 18 9"/>
+  <polyline points="6 9 12 15 18 9" transform="translate(-1,1)" opacity="0.5"/>
+  <polyline points="6 9 12 15 18 9" transform="translate(1,-1)" opacity="0.5"/>
+</svg>`,
+  },
+};
+
+export default chevronDown;

package/src/icons/defs/navigation/chevron-left.ts

@@ -0,0 +1,31 @@
+/**
+ * Chevron Left Icon
+ * @category navigation
+ */
+import type { IconDefinition } from '../../types';
+
+export const chevronLeft: IconDefinition = {
+  name: 'chevron-left',
+  category: 'navigation',
+  description: 'Chevron pointing left',
+  tags: ['direction', 'left', 'back', 'chevron'],
+  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="15 18 9 12 15 6"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M8 12l8-7v14l-8-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">
+  <polyline points="15 18 9 12 15 6"/>
+  <path d="M9 12l6-6v12l-6-6z" fill="currentColor" opacity="0.3" stroke="none"/>
+</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="15 18 9 12 15 6"/>
+  <polyline points="15 18 9 12 15 6" transform="translate(1,-1)" opacity="0.5"/>
+  <polyline points="15 18 9 12 15 6" transform="translate(-1,1)" opacity="0.5"/>
+</svg>`,
+  },
+};
+
+export default chevronLeft;

package/src/icons/defs/navigation/chevron-right.ts

@@ -0,0 +1,31 @@
+/**
+ * Chevron Right Icon
+ * @category navigation
+ */
+import type { IconDefinition } from '../../types';
+
+export const chevronRight: IconDefinition = {
+  name: 'chevron-right',
+  category: 'navigation',
+  description: 'Chevron pointing right',
+  tags: ['direction', 'right', 'forward', 'chevron'],
+  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="9 18 15 12 9 6"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M16 12l-8 7V5l8 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">
+  <polyline points="9 18 15 12 9 6"/>
+  <path d="M15 12l-6 6V6l6 6z" fill="currentColor" opacity="0.3" stroke="none"/>
+</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="9 18 15 12 9 6"/>
+  <polyline points="9 18 15 12 9 6" transform="translate(-1,1)" opacity="0.5"/>
+  <polyline points="9 18 15 12 9 6" transform="translate(1,-1)" opacity="0.5"/>
+</svg>`,
+  },
+};
+
+export default chevronRight;

package/src/icons/defs/navigation/chevron-up.ts

@@ -0,0 +1,31 @@
+/**
+ * Chevron Up Icon
+ * @category navigation
+ */
+import type { IconDefinition } from '../../types';
+
+export const chevronUp: IconDefinition = {
+  name: 'chevron-up',
+  category: 'navigation',
+  description: 'Chevron pointing up',
+  tags: ['direction', 'up', 'collapse', 'chevron'],
+  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="18 15 12 9 6 15"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 8l7 8H5l7-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">
+  <polyline points="18 15 12 9 6 15"/>
+  <path d="M12 9l6 6H6l6-6z" fill="currentColor" opacity="0.3" stroke="none"/>
+</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="18 15 12 9 6 15"/>
+  <polyline points="18 15 12 9 6 15" transform="translate(1,-1)" opacity="0.5"/>
+  <polyline points="18 15 12 9 6 15" transform="translate(-1,1)" opacity="0.5"/>
+</svg>`,
+  },
+};
+
+export default chevronUp;

package/src/icons/defs/navigation/external-link.ts

@@ -0,0 +1,37 @@
+/**
+ * External Link Icon
+ * @category navigation
+ */
+import type { IconDefinition } from '../../types';
+
+export const externalLink: IconDefinition = {
+  name: 'external-link',
+  category: 'navigation',
+  description: 'External link indicator',
+  tags: ['external', 'link', 'open', 'new-window'],
+  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 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
+  <polyline points="15 3 21 3 21 9"/>
+  <line x1="10" y1="14" x2="21" y2="3"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M14 3h7v7l-2.5-2.5-6 6-1.5-1.5 6-6L14 3zM5 5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5h-2v5H5V7h5V5H5z"/>
+</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 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
+  <polyline points="15 3 21 3 21 9"/>
+  <line x1="10" y1="14" x2="21" y2="3"/>
+  <path d="M16 6a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V13" fill="currentColor" opacity="0.3" stroke="none"/>
+</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 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
+  <polyline points="15 3 21 3 21 9"/>
+  <line x1="10" y1="14" x2="21" y2="3"/>
+  <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" transform="translate(1,-1)" opacity="0.5"/>
+  <line x1="10" y1="14" x2="21" y2="3" transform="translate(-1,1)" opacity="0.5"/>
+</svg>`,
+  },
+};
+
+export default externalLink;

package/src/icons/defs/navigation/home.ts

@@ -0,0 +1,34 @@
+/**
+ * Home Icon
+ * @category navigation
+ */
+import type { IconDefinition } from '../../types';
+
+export const home: IconDefinition = {
+  name: 'home',
+  category: 'navigation',
+  description: 'Home/dashboard',
+  tags: ['home', 'dashboard', 'main', 'house'],
+  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 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+  <polyline points="9 22 9 12 15 12 15 22"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 2l10 9v10a1 1 0 0 1-1 1h-5v-8H8v8H3a1 1 0 0 1-1-1V11l10-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">
+  <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+  <polyline points="9 22 9 12 15 12 15 22"/>
+  <path d="M3 9l9-7 9 7v11a1 1 0 0 1-1 1h-6V12H10v10H5a1 1 0 0 1-1-1z" fill="currentColor" opacity="0.3" stroke="none"/>
+</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 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+  <polyline points="9 22 9 12 15 12 15 22"/>
+  <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" transform="translate(1,-1)" opacity="0.5"/>
+  <polyline points="9 22 9 12 15 12 15 22" transform="translate(-1,1)" opacity="0.5"/>
+</svg>`,
+  },
+};
+
+export default home;

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

@@ -0,0 +1,19 @@
+/**
+ * Navigation Icons
+ * Moving through UI - arrows, chevrons, menus
+ */
+
+export { arrowUp } from './arrow-up';
+export { arrowDown } from './arrow-down';
+export { arrowLeft } from './arrow-left';
+export { arrowRight } from './arrow-right';
+export { chevronUp } from './chevron-up';
+export { chevronDown } from './chevron-down';
+export { chevronLeft } from './chevron-left';
+export { chevronRight } from './chevron-right';
+export { home } from './home';
+export { menu } from './menu';
+export { menuDots } from './menu-dots';
+export { externalLink } from './external-link';
+export { maximize } from './maximize';
+export { minimize } from './minimize';

package/src/icons/defs/navigation/maximize.ts

@@ -0,0 +1,36 @@
+/**
+ * Maximize Icon
+ * @category navigation
+ */
+import type { IconDefinition } from '../../types';
+
+export const maximize: IconDefinition = {
+  name: 'maximize',
+  category: 'navigation',
+  description: 'Maximize/fullscreen',
+  tags: ['maximize', 'fullscreen', 'expand', 'zoom'],
+  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="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M3 3h6v2H5v4H3V3zm18 0h-6v2h4v4h2V3zM3 21h6v-2H5v-4H3v6zm18 0h-6v-2h4v-4h2v6z"/>
+</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 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/>
+  <rect x="4" y="4" width="5" height="5" fill="currentColor" opacity="0.3" stroke="none"/>
+  <rect x="15" y="4" width="5" height="5" fill="currentColor" opacity="0.3" stroke="none"/>
+  <rect x="4" y="15" width="5" height="5" fill="currentColor" opacity="0.3" stroke="none"/>
+  <rect x="15" y="15" width="5" height="5" fill="currentColor" opacity="0.3" stroke="none"/>
+</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 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/>
+  <path d="M8 3H5a2 2 0 0 0-2 2v3" transform="translate(-1,1)" opacity="0.5"/>
+  <path d="M21 8V5a2 2 0 0 0-2-2h-3" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M16 21h3a2 2 0 0 0 2-2v-3" transform="translate(1,-1)" opacity="0.5"/>
+  <path d="M3 16v3a2 2 0 0 0 2 2h3" transform="translate(-1,1)" opacity="0.5"/>
+</svg>`,
+  },
+};
+
+export default maximize;

package/src/icons/defs/navigation/menu-dots.ts

@@ -0,0 +1,42 @@
+/**
+ * Menu Dots Icon
+ * @category navigation
+ */
+import type { IconDefinition } from '../../types';
+
+export const menuDots: IconDefinition = {
+  name: 'menu-dots',
+  category: 'navigation',
+  description: 'Three dots menu (kebab)',
+  tags: ['menu', 'more', 'options', 'kebab', 'dots'],
+  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="5" r="1.5"/>
+  <circle cx="12" cy="12" r="1.5"/>
+  <circle cx="12" cy="19" r="1.5"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <circle cx="12" cy="5" r="2"/>
+  <circle cx="12" cy="12" r="2"/>
+  <circle cx="12" cy="19" r="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">
+  <circle cx="12" cy="5" r="1.5"/>
+  <circle cx="12" cy="12" r="1.5"/>
+  <circle cx="12" cy="19" r="1.5"/>
+  <circle cx="12" cy="5" r="2.5" fill="currentColor" opacity="0.3" stroke="none"/>
+  <circle cx="12" cy="12" r="2.5" fill="currentColor" opacity="0.3" stroke="none"/>
+  <circle cx="12" cy="19" r="2.5" fill="currentColor" opacity="0.3" stroke="none"/>
+</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="5" r="1.5"/>
+  <circle cx="12" cy="12" r="1.5"/>
+  <circle cx="12" cy="19" r="1.5"/>
+  <circle cx="12" cy="5" r="1.5" transform="translate(1,-1)" opacity="0.5"/>
+  <circle cx="12" cy="12" r="1.5" transform="translate(-1,0)" opacity="0.5"/>
+  <circle cx="12" cy="19" r="1.5" transform="translate(1,1)" opacity="0.5"/>
+</svg>`,
+  },
+};
+
+export default menuDots;

package/src/icons/defs/navigation/menu.ts

@@ -0,0 +1,42 @@
+/**
+ * Menu Icon
+ * @category navigation
+ */
+import type { IconDefinition } from '../../types';
+
+export const menu: IconDefinition = {
+  name: 'menu',
+  category: 'navigation',
+  description: 'Hamburger menu',
+  tags: ['menu', 'hamburger', 'navigation', 'bars'],
+  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="4" y1="6" x2="20" y2="6"/>
+  <line x1="4" y1="12" x2="20" y2="12"/>
+  <line x1="4" y1="18" x2="20" y2="18"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <rect x="3" y="4" width="18" height="3" rx="1"/>
+  <rect x="3" y="10.5" width="18" height="3" rx="1"/>
+  <rect x="3" y="17" width="18" height="3" 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">
+  <line x1="4" y1="6" x2="20" y2="6"/>
+  <line x1="4" y1="12" x2="20" y2="12"/>
+  <line x1="4" y1="18" x2="20" y2="18"/>
+  <rect x="3" y="4.5" width="18" height="3" rx="0.5" fill="currentColor" opacity="0.3" stroke="none"/>
+  <rect x="3" y="10.5" width="18" height="3" rx="0.5" fill="currentColor" opacity="0.3" stroke="none"/>
+  <rect x="3" y="16.5" width="18" height="3" rx="0.5" fill="currentColor" opacity="0.3" stroke="none"/>
+</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="4" y1="6" x2="20" y2="6"/>
+  <line x1="4" y1="12" x2="20" y2="12"/>
+  <line x1="4" y1="18" x2="20" y2="18"/>
+  <line x1="4" y1="6" x2="20" y2="6" transform="translate(1,0)" opacity="0.5"/>
+  <line x1="4" y1="12" x2="20" y2="12" transform="translate(-1,0)" opacity="0.5"/>
+  <line x1="4" y1="18" x2="20" y2="18" transform="translate(1,0)" opacity="0.5"/>
+</svg>`,
+  },
+};
+
+export default menu;

package/src/icons/defs/navigation/minimize.ts

@@ -0,0 +1,32 @@
+/**
+ * Minimize Icon
+ * @category navigation
+ */
+import type { IconDefinition } from '../../types';
+
+export const minimize: IconDefinition = {
+  name: 'minimize',
+  category: 'navigation',
+  description: 'Minimize/exit fullscreen',
+  tags: ['minimize', 'exit-fullscreen', 'shrink', 'collapse'],
+  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 14h6m0 0v6m0-6l-7 7m17-11h-6m0 0V4m0 6l7-7"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M4 12h8v8H4v-8zm12-8h8v8h-8V4z"/>
+</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 14h6m0 0v6m0-6l-7 7m17-11h-6m0 0V4m0 6l7-7"/>
+  <rect x="4" y="14" width="6" height="6" fill="currentColor" opacity="0.3" stroke="none"/>
+  <rect x="14" y="4" width="6" height="6" fill="currentColor" opacity="0.3" stroke="none"/>
+</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 14h6m0 0v6m0-6l-7 7m17-11h-6m0 0V4m0 6l7-7"/>
+  <path d="M4 14h6m0 0v6m0-6l-7 7" transform="translate(-1,1)" opacity="0.5"/>
+  <path d="M20 10h-6m0 0V4m0 6l7-7" transform="translate(1,-1)" opacity="0.5"/>
+</svg>`,
+  },
+};
+
+export default minimize;

package/src/icons/defs/security/eye-off.ts

@@ -0,0 +1,42 @@
+/**
+ * Eye Off - Hidden/hide
+ * @category security
+ */
+import type { IconDefinition } from '../../types';
+
+export const eyeOff: IconDefinition = {
+  name: 'eye-off',
+  category: 'security',
+  description: 'Hidden or hide content with slashed eye',
+  tags: ['eye', 'hide', 'hidden', 'invisible', 'private', 'password'],
+  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="M9.9 4.24A9.12 9.12 0 0112 4c7 0 10 7 10 7a18.5 18.5 0 01-2.16 3.19"/>
+  <path d="M14.12 14.12a3 3 0 11-4.24-4.24"/>
+  <path d="M6.61 6.61A13.5 13.5 0 002 12s3 7 10 7a9.74 9.74 0 005.39-1.61"/>
+  <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">
+  <path d="M3.7 2.3L2.3 3.7l2.4 2.4C3.2 7.8 1.5 11.5 1.5 12s3.3 7.5 10.5 7.5c1.7 0 3.2-.4 4.5-1l2.8 2.8 1.4-1.4L3.7 2.3zM12 16.5c-2.5 0-4.5-2-4.5-4.5 0-.8.2-1.5.6-2.1l1.5 1.5c0 .2-.1.4-.1.6 0 1.7 1.3 3 3 3 .2 0 .4 0 .6-.1l1.5 1.5c-.6.4-1.3.6-2.1.6l-.5.5zm10.5-4.5s-1.5-3.3-4.4-5.4l-1.5 1.5c1.5 1.2 2.5 2.7 3 3.9-.5 1.2-1.5 2.7-3 3.9L15 17.4c2.9-2.1 4.4-5.4 4.4-5.4l3.1.1zM12 7.5c.8 0 1.5.2 2.1.6l3.9-3.9C16.7 3.4 14.4 2.5 12 2.5 8.8 2.5 6 3.9 3.9 6.1l3.9 3.9c.6-.4 1.3-.6 2.1-.6 2.5 0 4.5 2 4.5 4.5 0 .8-.2 1.5-.6 2.1l1.5 1.5c1.2-1.5 1.9-3.4 1.9-5.5 0-4.4-3.6-8-8-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">
+  <path d="M9.9 4.24A9.12 9.12 0 0112 4c7 0 10 7 10 7a18.5 18.5 0 01-2.16 3.19" fill="currentColor" opacity="0.3"/>
+  <path d="M9.9 4.24A9.12 9.12 0 0112 4c7 0 10 7 10 7a18.5 18.5 0 01-2.16 3.19"/>
+  <path d="M14.12 14.12a3 3 0 11-4.24-4.24"/>
+  <path d="M6.61 6.61A13.5 13.5 0 002 12s3 7 10 7a9.74 9.74 0 005.39-1.61" fill="currentColor" opacity="0.3"/>
+  <path d="M6.61 6.61A13.5 13.5 0 002 12s3 7 10 7a9.74 9.74 0 005.39-1.61"/>
+  <line x1="3" y1="3" x2="21" y2="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">
+  <path d="M9.9 4.24A9.12 9.12 0 0112 4c7 0 10 7 10 7a18.5 18.5 0 01-2.16 3.19" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M9.9 4.24A9.12 9.12 0 0112 4c7 0 10 7 10 7a18.5 18.5 0 01-2.16 3.19"/>
+  <path d="M14.12 14.12a3 3 0 11-4.24-4.24" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M14.12 14.12a3 3 0 11-4.24-4.24"/>
+  <path d="M6.61 6.61A13.5 13.5 0 002 12s3 7 10 7a9.74 9.74 0 005.39-1.61" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M6.61 6.61A13.5 13.5 0 002 12s3 7 10 7a9.74 9.74 0 005.39-1.61"/>
+  <line x1="3" y1="3" x2="21" y2="21"/>
+</svg>`,
+  },
+};
+
+export default eyeOff;