cybercore-css 0.2.0

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

@@ -0,0 +1,39 @@
+/**
+ * Camera/video off icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const cameraOff: IconDefinition = {
+  name: 'camera-off',
+  category: 'media',
+  description: 'Camera/video off (with slash)',
+  tags: ['camera', 'video', 'off', 'disabled', 'webcam'],
+  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 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z"/>
+  <circle cx="12" cy="13" r="4"/>
+  <path d="M3 3l18 18"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z"/>
+  <circle cx="12" cy="13" r="4" fill="#000"/>
+  <path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M3 3l18 18"/>
+</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="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z" fill="currentColor" opacity="0.3"/>
+  <circle cx="12" cy="13" r="4" fill="currentColor"/>
+  <path d="M3 3l18 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="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z"/>
+  <path d="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z" transform="translate(1,-1)" opacity="0.3"/>
+  <circle cx="12" cy="13" r="4"/>
+  <circle cx="12" cy="13" r="4" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M3 3l18 18"/>
+  <path d="M3 3l18 18" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default cameraOff;

package/src/icons/defs/media/camera.ts

@@ -0,0 +1,34 @@
+/**
+ * Camera/video on icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const camera: IconDefinition = {
+  name: 'camera',
+  category: 'media',
+  description: 'Camera/video on',
+  tags: ['camera', 'video', 'photo', 'picture', 'webcam'],
+  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 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z"/>
+  <circle cx="12" cy="13" r="4"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z"/>
+  <circle cx="12" cy="13" r="4" 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">
+  <path d="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z" fill="currentColor" opacity="0.3"/>
+  <circle cx="12" cy="13" 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">
+  <path d="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z"/>
+  <path d="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z" transform="translate(1,-1)" opacity="0.3"/>
+  <circle cx="12" cy="13" r="4"/>
+  <circle cx="12" cy="13" r="4" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default camera;

package/src/icons/defs/media/fast-forward.ts

@@ -0,0 +1,34 @@
+/**
+ * Fast forward icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const fastForward: IconDefinition = {
+  name: 'fast-forward',
+  category: 'media',
+  description: 'Fast forward media (double triangles right)',
+  tags: ['fast-forward', 'forward', 'media', 'speed'],
+  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="M13 5l9 7-9 7V5z"/>
+  <path d="M2 5l9 7-9 7V5z"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M13 5l9 7-9 7V5z"/>
+  <path d="M2 5l9 7-9 7V5z"/>
+</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="M13 5l9 7-9 7V5z" fill="currentColor"/>
+  <path d="M2 5l9 7-9 7V5z" 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="M13 5l9 7-9 7V5z"/>
+  <path d="M13 5l9 7-9 7V5z" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M2 5l9 7-9 7V5z"/>
+  <path d="M2 5l9 7-9 7V5z" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default fastForward;

package/src/icons/defs/media/image.ts

@@ -0,0 +1,39 @@
+/**
+ * Image/photo icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const image: IconDefinition = {
+  name: 'image',
+  category: 'media',
+  description: 'Image/photo (landscape with sun)',
+  tags: ['image', 'photo', 'picture', 'file', 'gallery'],
+  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"/>
+  <circle cx="8.5" cy="8.5" r="1.5"/>
+  <path d="M21 15l-5-5L5 21"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <rect x="3" y="3" width="18" height="18" rx="2"/>
+  <circle cx="8.5" cy="8.5" r="1.5" fill="#000"/>
+  <path fill="#000" d="M21 15l-5-5L5 21"/>
+</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" fill="currentColor" opacity="0.3"/>
+  <circle cx="8.5" cy="8.5" r="1.5" fill="currentColor"/>
+  <path d="M21 15l-5-5L5 21" 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="3" y="3" width="18" height="18" rx="2"/>
+  <rect x="3" y="3" width="18" height="18" rx="2" transform="translate(1,-1)" opacity="0.3"/>
+  <circle cx="8.5" cy="8.5" r="1.5"/>
+  <circle cx="8.5" cy="8.5" r="1.5" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M21 15l-5-5L5 21"/>
+  <path d="M21 15l-5-5L5 21" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default image;

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

@@ -0,0 +1,22 @@
+/**
+ * Media Icons
+ * Audio/video controls
+ */
+
+export { play } from './play';
+export { pause } from './pause';
+export { stop } from './stop';
+export { skipBack } from './skip-back';
+export { skipForward } from './skip-forward';
+export { rewind } from './rewind';
+export { fastForward } from './fast-forward';
+export { volumeHigh } from './volume-high';
+export { volumeLow } from './volume-low';
+export { volumeOff } from './volume-off';
+export { mic } from './mic';
+export { micOff } from './mic-off';
+export { camera } from './camera';
+export { cameraOff } from './camera-off';
+export { image } from './image';
+export { video } from './video';
+export { music } from './music';

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

@@ -0,0 +1,44 @@
+/**
+ * Microphone off icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const micOff: IconDefinition = {
+  name: 'mic-off',
+  category: 'media',
+  description: 'Microphone off (with slash)',
+  tags: ['microphone', 'mic', 'mute', 'audio', 'off', 'disabled'],
+  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 2a3 3 0 00-3 3v7a3 3 0 006 0V5a3 3 0 00-3-3z"/>
+  <path d="M19 10v2a7 7 0 01-14 0v-2"/>
+  <path d="M12 19v3M8 22h8"/>
+  <path d="M3 3l18 18"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 2a3 3 0 00-3 3v7a3 3 0 006 0V5a3 3 0 00-3-3z"/>
+  <path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M19 10v2a7 7 0 01-14 0v-2"/>
+  <path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M12 19v3M8 22h8"/>
+  <path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M3 3l18 18"/>
+</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 2a3 3 0 00-3 3v7a3 3 0 006 0V5a3 3 0 00-3-3z" fill="currentColor" opacity="0.3"/>
+  <path d="M19 10v2a7 7 0 01-14 0v-2"/>
+  <path d="M12 19v3M8 22h8"/>
+  <path d="M3 3l18 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="M12 2a3 3 0 00-3 3v7a3 3 0 006 0V5a3 3 0 00-3-3z"/>
+  <path d="M12 2a3 3 0 00-3 3v7a3 3 0 006 0V5a3 3 0 00-3-3z" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M19 10v2a7 7 0 01-14 0v-2"/>
+  <path d="M19 10v2a7 7 0 01-14 0v-2" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M12 19v3M8 22h8"/>
+  <path d="M12 19v3M8 22h8" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M3 3l18 18"/>
+  <path d="M3 3l18 18" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default micOff;

package/src/icons/defs/media/mic.ts

@@ -0,0 +1,39 @@
+/**
+ * Microphone on icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const mic: IconDefinition = {
+  name: 'mic',
+  category: 'media',
+  description: 'Microphone on',
+  tags: ['microphone', 'mic', 'audio', 'record', '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="M12 2a3 3 0 00-3 3v7a3 3 0 006 0V5a3 3 0 00-3-3z"/>
+  <path d="M19 10v2a7 7 0 01-14 0v-2"/>
+  <path d="M12 19v3M8 22h8"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 2a3 3 0 00-3 3v7a3 3 0 006 0V5a3 3 0 00-3-3z"/>
+  <path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M19 10v2a7 7 0 01-14 0v-2"/>
+  <path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M12 19v3M8 22h8"/>
+</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 2a3 3 0 00-3 3v7a3 3 0 006 0V5a3 3 0 00-3-3z" fill="currentColor" opacity="0.3"/>
+  <path d="M19 10v2a7 7 0 01-14 0v-2"/>
+  <path d="M12 19v3M8 22h8"/>
+</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 2a3 3 0 00-3 3v7a3 3 0 006 0V5a3 3 0 00-3-3z"/>
+  <path d="M12 2a3 3 0 00-3 3v7a3 3 0 006 0V5a3 3 0 00-3-3z" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M19 10v2a7 7 0 01-14 0v-2"/>
+  <path d="M19 10v2a7 7 0 01-14 0v-2" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M12 19v3M8 22h8"/>
+  <path d="M12 19v3M8 22h8" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default mic;

package/src/icons/defs/media/music.ts

@@ -0,0 +1,39 @@
+/**
+ * Music/audio file icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const music: IconDefinition = {
+  name: 'music',
+  category: 'media',
+  description: 'Music/audio file (music note)',
+  tags: ['music', 'audio', 'sound', 'note', 'file', 'song'],
+  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 18V5l12-2v13"/>
+  <circle cx="6" cy="18" r="3"/>
+  <circle cx="18" cy="16" r="3"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M9 18V5l12-2v13"/>
+  <circle cx="6" cy="18" r="3"/>
+  <circle cx="18" cy="16" r="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="M9 18V5l12-2v13" fill="currentColor" opacity="0.3"/>
+  <circle cx="6" cy="18" r="3" fill="currentColor"/>
+  <circle cx="18" cy="16" r="3" 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="M9 18V5l12-2v13"/>
+  <path d="M9 18V5l12-2v13" transform="translate(1,-1)" opacity="0.3"/>
+  <circle cx="6" cy="18" r="3"/>
+  <circle cx="6" cy="18" r="3" transform="translate(1,-1)" opacity="0.3"/>
+  <circle cx="18" cy="16" r="3"/>
+  <circle cx="18" cy="16" r="3" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default music;

package/src/icons/defs/media/pause.ts

@@ -0,0 +1,36 @@
+/**
+ * Pause media icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const pause: IconDefinition = {
+  name: 'pause',
+  category: 'media',
+  description: 'Pause media (two vertical bars)',
+  tags: ['pause', 'media', 'video', 'audio', 'stop'],
+  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="M10 8v8M14 8v8"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <circle cx="12" cy="12" r="10"/>
+  <rect x="9" y="8" width="2" height="8" fill="#000"/>
+  <rect x="13" y="8" width="2" height="8" 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">
+  <circle cx="12" cy="12" r="10" fill="currentColor" opacity="0.3"/>
+  <rect x="9" y="8" width="2" height="8" fill="currentColor"/>
+  <rect x="13" y="8" width="2" height="8" 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="10"/>
+  <circle cx="12" cy="12" r="10" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M10 8v8M14 8v8"/>
+  <path d="M10 8v8M14 8v8" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default pause;

package/src/icons/defs/media/play.ts

@@ -0,0 +1,34 @@
+/**
+ * Play media icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const play: IconDefinition = {
+  name: 'play',
+  category: 'media',
+  description: 'Play media (triangle in circle)',
+  tags: ['play', 'media', 'video', 'audio', 'start'],
+  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="M10 8l6 4-6 4V8z"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <circle cx="12" cy="12" r="10"/>
+  <path fill="#000" d="M10 8l6 4-6 4V8z"/>
+</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"/>
+  <path d="M10 8l6 4-6 4V8z" 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="10"/>
+  <circle cx="12" cy="12" r="10" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M10 8l6 4-6 4V8z"/>
+  <path d="M10 8l6 4-6 4V8z" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default play;

package/src/icons/defs/media/rewind.ts

@@ -0,0 +1,34 @@
+/**
+ * Rewind icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const rewind: IconDefinition = {
+  name: 'rewind',
+  category: 'media',
+  description: 'Rewind media (double triangles left)',
+  tags: ['rewind', 'back', 'media', 'reverse'],
+  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 19l-9-7 9-7v14z"/>
+  <path d="M22 19l-9-7 9-7v14z"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M11 19l-9-7 9-7v14z"/>
+  <path d="M22 19l-9-7 9-7v14z"/>
+</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 19l-9-7 9-7v14z" fill="currentColor" opacity="0.3"/>
+  <path d="M22 19l-9-7 9-7v14z" 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="M11 19l-9-7 9-7v14z"/>
+  <path d="M11 19l-9-7 9-7v14z" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M22 19l-9-7 9-7v14z"/>
+  <path d="M22 19l-9-7 9-7v14z" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default rewind;

package/src/icons/defs/media/skip-back.ts

@@ -0,0 +1,34 @@
+/**
+ * Skip to previous icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const skipBack: IconDefinition = {
+  name: 'skip-back',
+  category: 'media',
+  description: 'Skip to previous track or chapter',
+  tags: ['skip', 'previous', 'back', 'media', 'rewind'],
+  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 20L9 12l10-8v16z"/>
+  <path d="M5 19V5"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M19 20L9 12l10-8v16z"/>
+  <rect x="5" y="5" width="2" height="14"/>
+</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 20L9 12l10-8v16z" fill="currentColor" opacity="0.3"/>
+  <path d="M5 19V5"/>
+</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 20L9 12l10-8v16z"/>
+  <path d="M19 20L9 12l10-8v16z" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M5 19V5"/>
+  <path d="M5 19V5" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default skipBack;

package/src/icons/defs/media/skip-forward.ts

@@ -0,0 +1,34 @@
+/**
+ * Skip to next icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const skipForward: IconDefinition = {
+  name: 'skip-forward',
+  category: 'media',
+  description: 'Skip to next track or chapter',
+  tags: ['skip', 'next', 'forward', 'media', 'fast-forward'],
+  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="M5 4l10 8-10 8V4z"/>
+  <path d="M19 5v14"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M5 4l10 8-10 8V4z"/>
+  <rect x="17" y="5" width="2" height="14"/>
+</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 4l10 8-10 8V4z" fill="currentColor" opacity="0.3"/>
+  <path d="M19 5v14"/>
+</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="M5 4l10 8-10 8V4z"/>
+  <path d="M5 4l10 8-10 8V4z" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M19 5v14"/>
+  <path d="M19 5v14" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default skipForward;

package/src/icons/defs/media/stop.ts

@@ -0,0 +1,34 @@
+/**
+ * Stop media icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const stop: IconDefinition = {
+  name: 'stop',
+  category: 'media',
+  description: 'Stop media (square)',
+  tags: ['stop', 'media', 'video', 'audio', 'end'],
+  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"/>
+  <rect x="9" y="9" width="6" height="6"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <circle cx="12" cy="12" r="10"/>
+  <rect x="9" y="9" width="6" height="6" 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">
+  <circle cx="12" cy="12" r="10" fill="currentColor" opacity="0.3"/>
+  <rect x="9" y="9" width="6" height="6" 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="10"/>
+  <circle cx="12" cy="12" r="10" transform="translate(1,-1)" opacity="0.3"/>
+  <rect x="9" y="9" width="6" height="6"/>
+  <rect x="9" y="9" width="6" height="6" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default stop;

package/src/icons/defs/media/video.ts

@@ -0,0 +1,39 @@
+/**
+ * Video file icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const video: IconDefinition = {
+  name: 'video',
+  category: 'media',
+  description: 'Video file (clapperboard)',
+  tags: ['video', 'film', 'movie', 'file', 'media'],
+  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="6" width="20" height="12" rx="2"/>
+  <path d="M7 2v4M17 2v4"/>
+  <path d="M2 10h20"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <rect x="2" y="6" width="20" height="12" rx="2"/>
+  <path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M7 2v4M17 2v4"/>
+  <path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M2 10h20"/>
+</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="6" width="20" height="12" rx="2" fill="currentColor" opacity="0.3"/>
+  <path d="M7 2v4M17 2v4"/>
+  <path d="M2 10h20"/>
+</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="6" width="20" height="12" rx="2"/>
+  <rect x="2" y="6" width="20" height="12" rx="2" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M7 2v4M17 2v4"/>
+  <path d="M7 2v4M17 2v4" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M2 10h20"/>
+  <path d="M2 10h20" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default video;

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

@@ -0,0 +1,39 @@
+/**
+ * Volume high icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const volumeHigh: IconDefinition = {
+  name: 'volume-high',
+  category: 'media',
+  description: 'Volume on/high (speaker with waves)',
+  tags: ['volume', 'sound', 'audio', 'speaker', 'loud'],
+  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="M15.54 8.46a5 5 0 010 7.07"/>
+  <path d="M19.07 4.93a10 10 0 010 14.14"/>
+</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="M15.54 8.46a5 5 0 010 7.07"/>
+  <path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M19.07 4.93a10 10 0 010 14.14"/>
+</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="M15.54 8.46a5 5 0 010 7.07"/>
+  <path d="M19.07 4.93a10 10 0 010 14.14"/>
+</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="M15.54 8.46a5 5 0 010 7.07"/>
+  <path d="M15.54 8.46a5 5 0 010 7.07" transform="translate(1,-1)" opacity="0.3"/>
+  <path d="M19.07 4.93a10 10 0 010 14.14"/>
+  <path d="M19.07 4.93a10 10 0 010 14.14" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default volumeHigh;

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

@@ -0,0 +1,34 @@
+/**
+ * Volume low icon
+ * @category media
+ */
+import type { IconDefinition } from '../../types';
+
+export const volumeLow: IconDefinition = {
+  name: 'volume-low',
+  category: 'media',
+  description: 'Volume low (speaker with one wave)',
+  tags: ['volume', 'sound', 'audio', 'speaker', 'quiet'],
+  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="M15.54 8.46a5 5 0 010 7.07"/>
+</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="M15.54 8.46a5 5 0 010 7.07"/>
+</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="M15.54 8.46a5 5 0 010 7.07"/>
+</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="M15.54 8.46a5 5 0 010 7.07"/>
+  <path d="M15.54 8.46a5 5 0 010 7.07" transform="translate(1,-1)" opacity="0.3"/>
+</svg>`,
+  },
+};
+
+export default volumeLow;