cybercore-css 0.2.0

package/src/icons/defs/social/award.ts

@@ -0,0 +1,41 @@
+import type { IconDefinition } from '../../types';
+
+export const award: IconDefinition = {
+  name: 'award',
+  category: 'social',
+  description: 'Award or badge recognition',
+  tags: ['badge', 'achievement', 'medal', 'recognition', 'prize'],
+  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="8" r="6"/>
+  <path d="M15.5 13.5L17 22l-5-3-5 3 1.5-8.5"/>
+  <path d="M8.5 9.5l-1-1.5M15.5 9.5l1-1.5"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <circle cx="12" cy="8" r="6"/>
+  <path d="M15.5 13.5L17 22l-5-3-5 3 1.5-8.5" opacity="0.7"/>
+</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="8" r="6" fill="currentColor" opacity="0.3"/>
+  <path d="M15.5 13.5L17 22l-5-3-5 3 1.5-8.5" fill="currentColor" opacity="0.3"/>
+  <circle cx="12" cy="8" r="6"/>
+  <path d="M15.5 13.5L17 22l-5-3-5 3 1.5-8.5"/>
+  <path d="M8.5 9.5l-1-1.5M15.5 9.5l1-1.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">
+  <g opacity="0.4" transform="translate(-0.5, 0.5)">
+    <circle cx="12" cy="8" r="6"/>
+    <path d="M15.5 13.5L17 22l-5-3-5 3 1.5-8.5"/>
+    <path d="M8.5 9.5l-1-1.5M15.5 9.5l1-1.5"/>
+  </g>
+  <circle cx="12" cy="8" r="6"/>
+  <path d="M15.5 13.5L17 22l-5-3-5 3 1.5-8.5"/>
+  <path d="M8.5 9.5l-1-1.5M15.5 9.5l1-1.5"/>
+  <g opacity="0.3" transform="translate(0.5, -0.5)">
+    <circle cx="12" cy="8" r="6"/>
+    <path d="M15.5 13.5L17 22l-5-3-5 3 1.5-8.5"/>
+    <path d="M8.5 9.5l-1-1.5M15.5 9.5l1-1.5"/>
+  </g>
+</svg>`,
+  },
+};

package/src/icons/defs/social/bookmark-filled.ts

@@ -0,0 +1,24 @@
+import type { IconDefinition } from '../../types';
+
+export const bookmarkFilled: IconDefinition = {
+  name: 'bookmark-filled',
+  category: 'social',
+  description: 'Bookmarked or saved state',
+  tags: ['saved', 'marked', 'favorited', 'collected'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" opacity="0.6"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" opacity="0.4" transform="translate(-0.5, 0.5)"/>
+  <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/>
+  <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" opacity="0.3" transform="translate(0.5, -0.5)"/>
+</svg>`,
+  },
+};

package/src/icons/defs/social/bookmark.ts

@@ -0,0 +1,25 @@
+import type { IconDefinition } from '../../types';
+
+export const bookmark: IconDefinition = {
+  name: 'bookmark',
+  category: 'social',
+  description: 'Bookmark or save for later',
+  tags: ['save', 'mark', 'favorite', 'collection'],
+  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 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 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="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" fill="currentColor" opacity="0.3"/>
+  <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/>
+</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 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" opacity="0.4" transform="translate(-0.5, 0.5)"/>
+  <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/>
+  <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" opacity="0.3" transform="translate(0.5, -0.5)"/>
+</svg>`,
+  },
+};

package/src/icons/defs/social/flag.ts

@@ -0,0 +1,35 @@
+import type { IconDefinition } from '../../types';
+
+export const flag: IconDefinition = {
+  name: 'flag',
+  category: 'social',
+  description: 'Flag or report content',
+  tags: ['report', 'mark', 'alert', 'inappropriate'],
+  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 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/>
+  <line x1="4" y1="22" x2="4" y2="15"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/>
+  <line x1="4" y1="22" x2="4" y2="15"/>
+</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 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" fill="currentColor" opacity="0.3"/>
+  <path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/>
+  <line x1="4" y1="22" 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">
+  <g opacity="0.4" transform="translate(-0.5, 0.5)">
+    <path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/>
+    <line x1="4" y1="22" x2="4" y2="15"/>
+  </g>
+  <path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/>
+  <line x1="4" y1="22" x2="4" y2="15"/>
+  <g opacity="0.3" transform="translate(0.5, -0.5)">
+    <path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/>
+    <line x1="4" y1="22" x2="4" y2="15"/>
+  </g>
+</svg>`,
+  },
+};

package/src/icons/defs/social/heart-filled.ts

@@ -0,0 +1,24 @@
+import type { IconDefinition } from '../../types';
+
+export const heartFilled: IconDefinition = {
+  name: 'heart-filled',
+  category: 'social',
+  description: 'Liked/favorited state',
+  tags: ['loved', 'favorited', 'liked', 'saved'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" opacity="0.6"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" opacity="0.4" transform="translate(-0.5, 0.5)"/>
+  <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
+  <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" opacity="0.3" transform="translate(0.5, -0.5)"/>
+</svg>`,
+  },
+};

package/src/icons/defs/social/heart.ts

@@ -0,0 +1,25 @@
+import type { IconDefinition } from '../../types';
+
+export const heart: IconDefinition = {
+  name: 'heart',
+  category: 'social',
+  description: 'Like/favorite action',
+  tags: ['love', 'favorite', 'like', 'save'],
+  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="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
+</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="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" fill="currentColor" opacity="0.3"/>
+  <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
+</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="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" opacity="0.4" transform="translate(-0.5, 0.5)"/>
+  <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
+  <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" opacity="0.3" transform="translate(0.5, -0.5)"/>
+</svg>`,
+  },
+};

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

@@ -0,0 +1,11 @@
+export { heart } from './heart';
+export { heartFilled } from './heart-filled';
+export { star } from './star';
+export { starFilled } from './star-filled';
+export { thumbsUp } from './thumbs-up';
+export { thumbsDown } from './thumbs-down';
+export { bookmark } from './bookmark';
+export { bookmarkFilled } from './bookmark-filled';
+export { flag } from './flag';
+export { award } from './award';
+export { trending } from './trending';

package/src/icons/defs/social/star-filled.ts

@@ -0,0 +1,24 @@
+import type { IconDefinition } from '../../types';
+
+export const starFilled: IconDefinition = {
+  name: 'star-filled',
+  category: 'social',
+  description: 'Starred or rated state',
+  tags: ['rated', 'starred', 'favorited', 'quality'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" opacity="0.6"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" opacity="0.4" transform="translate(-0.5, 0.5)"/>
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" opacity="0.3" transform="translate(0.5, -0.5)"/>
+</svg>`,
+  },
+};

package/src/icons/defs/social/star.ts

@@ -0,0 +1,25 @@
+import type { IconDefinition } from '../../types';
+
+export const star: IconDefinition = {
+  name: 'star',
+  category: 'social',
+  description: 'Star rating or favorite',
+  tags: ['rating', 'favorite', 'quality', 'rate'],
+  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">
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 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">
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" fill="currentColor" opacity="0.3"/>
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 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">
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" opacity="0.4" transform="translate(-0.5, 0.5)"/>
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" opacity="0.3" transform="translate(0.5, -0.5)"/>
+</svg>`,
+  },
+};

package/src/icons/defs/social/thumbs-down.ts

@@ -0,0 +1,42 @@
+import type { IconDefinition } from '../../types';
+
+export const thumbsDown: IconDefinition = {
+  name: 'thumbs-down',
+  category: 'social',
+  description: 'Disapprove or dislike gesture',
+  tags: ['dislike', 'disapprove', 'negative', 'disagree', 'downvote'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M17 2v11M22 11V5c0-1.1-.9-2-2-2h-1"/>
+  <path d="M6 15H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3"/>
+  <path d="M17 13l-1.5 5c-.4 1.3-1.7 2-3.1 2-.8 0-1.4-.7-1.4-1.5v-4.5H5.6c-1.2 0-2.2-1-2.2-2.2 0-.4.1-.8.3-1.2l2.6-5.2C6.7 4.6 7.5 4 8.4 4H17"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M17 2v11h5V5c0-1.66-1.34-3-3-3h-2z"/>
+  <path d="M3 13c0 1.1.9 2 2 2h5v4.5c0 1.38 1.12 2.5 2.5 2.5 1.66 0 3.17-.85 4.03-2.27l.47-2.73V2H8.38c-1.17 0-2.23.71-2.66 1.79L3.09 10.37c-.16.4-.24.84-.24 1.27V13h.15z"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M17 2v11M22 11V5c0-1.1-.9-2-2-2h-1" fill="currentColor" opacity="0.3"/>
+  <path d="M6 15H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3" fill="currentColor" opacity="0.3"/>
+  <path d="M17 13l-1.5 5c-.4 1.3-1.7 2-3.1 2-.8 0-1.4-.7-1.4-1.5v-4.5H5.6c-1.2 0-2.2-1-2.2-2.2 0-.4.1-.8.3-1.2l2.6-5.2C6.7 4.6 7.5 4 8.4 4H17" fill="currentColor" opacity="0.3"/>
+  <path d="M17 2v11M22 11V5c0-1.1-.9-2-2-2h-1"/>
+  <path d="M6 15H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3"/>
+  <path d="M17 13l-1.5 5c-.4 1.3-1.7 2-3.1 2-.8 0-1.4-.7-1.4-1.5v-4.5H5.6c-1.2 0-2.2-1-2.2-2.2 0-.4.1-.8.3-1.2l2.6-5.2C6.7 4.6 7.5 4 8.4 4H17"/>
+</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">
+  <g opacity="0.4" transform="translate(-0.5, 0.5)">
+    <path d="M17 2v11M22 11V5c0-1.1-.9-2-2-2h-1"/>
+    <path d="M6 15H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3"/>
+    <path d="M17 13l-1.5 5c-.4 1.3-1.7 2-3.1 2-.8 0-1.4-.7-1.4-1.5v-4.5H5.6c-1.2 0-2.2-1-2.2-2.2 0-.4.1-.8.3-1.2l2.6-5.2C6.7 4.6 7.5 4 8.4 4H17"/>
+  </g>
+  <path d="M17 2v11M22 11V5c0-1.1-.9-2-2-2h-1"/>
+  <path d="M6 15H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3"/>
+  <path d="M17 13l-1.5 5c-.4 1.3-1.7 2-3.1 2-.8 0-1.4-.7-1.4-1.5v-4.5H5.6c-1.2 0-2.2-1-2.2-2.2 0-.4.1-.8.3-1.2l2.6-5.2C6.7 4.6 7.5 4 8.4 4H17"/>
+  <g opacity="0.3" transform="translate(0.5, -0.5)">
+    <path d="M17 2v11M22 11V5c0-1.1-.9-2-2-2h-1"/>
+    <path d="M6 15H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3"/>
+    <path d="M17 13l-1.5 5c-.4 1.3-1.7 2-3.1 2-.8 0-1.4-.7-1.4-1.5v-4.5H5.6c-1.2 0-2.2-1-2.2-2.2 0-.4.1-.8.3-1.2l2.6-5.2C6.7 4.6 7.5 4 8.4 4H17"/>
+  </g>
+</svg>`,
+  },
+};

package/src/icons/defs/social/thumbs-up.ts

@@ -0,0 +1,42 @@
+import type { IconDefinition } from '../../types';
+
+export const thumbsUp: IconDefinition = {
+  name: 'thumbs-up',
+  category: 'social',
+  description: 'Approve or like gesture',
+  tags: ['like', 'approve', 'positive', 'agree', 'upvote'],
+  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="M7 22V11M2 13v6c0 1.1.9 2 2 2h1"/>
+  <path d="M18 9h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-3"/>
+  <path d="M7 11l1.5-5c.4-1.3 1.7-2 3.1-2 .8 0 1.4.7 1.4 1.5v4.5h5.4c1.2 0 2.2 1 2.2 2.2 0 .4-.1.8-.3 1.2l-2.6 5.2c-.4.8-1.2 1.4-2.1 1.4H7"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M7 22V11H2v8c0 1.66 1.34 3 3 3h2z"/>
+  <path d="M21 11c0-1.1-.9-2-2-2h-5V4.5c0-1.38-1.12-2.5-2.5-2.5-1.66 0-3.17.85-4.03 2.27L7 6v16h8.62c1.17 0 2.23-.71 2.66-1.79l2.63-6.58c.16-.4.24-.84.24-1.27V11h-.15z"/>
+</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="M7 22V11M2 13v6c0 1.1.9 2 2 2h1" fill="currentColor" opacity="0.3"/>
+  <path d="M18 9h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-3" fill="currentColor" opacity="0.3"/>
+  <path d="M7 11l1.5-5c.4-1.3 1.7-2 3.1-2 .8 0 1.4.7 1.4 1.5v4.5h5.4c1.2 0 2.2 1 2.2 2.2 0 .4-.1.8-.3 1.2l-2.6 5.2c-.4.8-1.2 1.4-2.1 1.4H7" fill="currentColor" opacity="0.3"/>
+  <path d="M7 22V11M2 13v6c0 1.1.9 2 2 2h1"/>
+  <path d="M18 9h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-3"/>
+  <path d="M7 11l1.5-5c.4-1.3 1.7-2 3.1-2 .8 0 1.4.7 1.4 1.5v4.5h5.4c1.2 0 2.2 1 2.2 2.2 0 .4-.1.8-.3 1.2l-2.6 5.2c-.4.8-1.2 1.4-2.1 1.4H7"/>
+</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">
+  <g opacity="0.4" transform="translate(-0.5, 0.5)">
+    <path d="M7 22V11M2 13v6c0 1.1.9 2 2 2h1"/>
+    <path d="M18 9h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-3"/>
+    <path d="M7 11l1.5-5c.4-1.3 1.7-2 3.1-2 .8 0 1.4.7 1.4 1.5v4.5h5.4c1.2 0 2.2 1 2.2 2.2 0 .4-.1.8-.3 1.2l-2.6 5.2c-.4.8-1.2 1.4-2.1 1.4H7"/>
+  </g>
+  <path d="M7 22V11M2 13v6c0 1.1.9 2 2 2h1"/>
+  <path d="M18 9h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-3"/>
+  <path d="M7 11l1.5-5c.4-1.3 1.7-2 3.1-2 .8 0 1.4.7 1.4 1.5v4.5h5.4c1.2 0 2.2 1 2.2 2.2 0 .4-.1.8-.3 1.2l-2.6 5.2c-.4.8-1.2 1.4-2.1 1.4H7"/>
+  <g opacity="0.3" transform="translate(0.5, -0.5)">
+    <path d="M7 22V11M2 13v6c0 1.1.9 2 2 2h1"/>
+    <path d="M18 9h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-3"/>
+    <path d="M7 11l1.5-5c.4-1.3 1.7-2 3.1-2 .8 0 1.4.7 1.4 1.5v4.5h5.4c1.2 0 2.2 1 2.2 2.2 0 .4-.1.8-.3 1.2l-2.6 5.2c-.4.8-1.2 1.4-2.1 1.4H7"/>
+  </g>
+</svg>`,
+  },
+};

package/src/icons/defs/social/trending.ts

@@ -0,0 +1,36 @@
+import type { IconDefinition } from '../../types';
+
+export const trending: IconDefinition = {
+  name: 'trending',
+  category: 'social',
+  description: 'Trending upward arrow',
+  tags: ['trending', 'popular', 'rising', 'increase', 'growth'],
+  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="23 6 13.5 15.5 8.5 10.5 1 18"/>
+  <polyline points="17 6 23 6 23 12"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/>
+  <polygon points="17 6 23 6 23 12" fill="currentColor"/>
+</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="23 6 13.5 15.5 8.5 10.5 1 18" opacity="0.5"/>
+  <polyline points="17 6 23 6 23 12" fill="currentColor" opacity="0.3"/>
+  <polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/>
+  <polyline points="17 6 23 6 23 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">
+  <g opacity="0.4" transform="translate(-0.5, 0.5)">
+    <polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/>
+    <polyline points="17 6 23 6 23 12"/>
+  </g>
+  <polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/>
+  <polyline points="17 6 23 6 23 12"/>
+  <g opacity="0.3" transform="translate(0.5, -0.5)">
+    <polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/>
+    <polyline points="17 6 23 6 23 12"/>
+  </g>
+</svg>`,
+  },
+};

package/src/icons/defs/status/battery-charging.ts

@@ -0,0 +1,30 @@
+import type { IconDefinition } from '../../types';
+
+export const batteryCharging: IconDefinition = {
+  name: 'battery-charging',
+  category: 'status',
+  description: 'Battery charging indicator with lightning bolt',
+  tags: ['power', 'charge', 'charging', 'electricity'],
+  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="7" width="18" height="10" rx="2"/>
+  <line x1="22" y1="11" x2="22" y2="13"/>
+  <polyline points="13 9 10 13 12 13 9 17"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M20 7H4c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-2h1v-2h-1V9c0-1.1-.9-2-2-2zm-7 9l3-4h-2l3-4h-4l-2 4h2l-3 4h3z"/>
+</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="7" width="18" height="10" rx="2" fill="currentColor" opacity="0.3"/>
+  <line x1="22" y1="11" x2="22" y2="13"/>
+  <polyline points="13 9 10 13 12 13 9 17" 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">
+  <rect x="2" y="7" width="18" height="10" rx="2"/>
+  <rect x="2.2" y="7.2" width="18" height="10" rx="2" opacity="0.3"/>
+  <line x1="22" y1="11" x2="22" y2="13"/>
+  <polyline points="13 9 10 13 12 13 9 17"/>
+  <polyline points="13.3 8.7 10.3 12.7 12.3 12.7 9.3 16.7" opacity="0.3"/>
+</svg>`,
+  },
+};

package/src/icons/defs/status/battery-full.ts

@@ -0,0 +1,30 @@
+import type { IconDefinition } from '../../types';
+
+export const batteryFull: IconDefinition = {
+  name: 'battery-full',
+  category: 'status',
+  description: 'Full battery indicator at 100% charge',
+  tags: ['power', 'charge', 'full', 'energy'],
+  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="7" width="18" height="10" rx="2"/>
+  <line x1="22" y1="11" x2="22" y2="13"/>
+  <rect x="4" y="9" width="14" height="6" rx="1" fill="currentColor"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M20 7H4c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-2h1v-2h-1V9c0-1.1-.9-2-2-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="2" y="7" width="18" height="10" rx="2" fill="currentColor" opacity="0.3"/>
+  <line x1="22" y1="11" x2="22" y2="13"/>
+  <rect x="4" y="9" width="14" height="6" rx="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="2" y="7" width="18" height="10" rx="2"/>
+  <rect x="2.2" y="7.2" width="18" height="10" rx="2" opacity="0.3"/>
+  <line x1="22" y1="11" x2="22" y2="13"/>
+  <rect x="4" y="9" width="14" height="6" rx="1" fill="currentColor"/>
+  <rect x="4.2" y="9.2" width="14" height="6" rx="1" fill="currentColor" opacity="0.3"/>
+</svg>`,
+  },
+};

package/src/icons/defs/status/battery-low.ts

@@ -0,0 +1,31 @@
+import type { IconDefinition } from '../../types';
+
+export const batteryLow: IconDefinition = {
+  name: 'battery-low',
+  category: 'status',
+  description: 'Low battery indicator showing critical charge level',
+  tags: ['power', 'charge', 'low', 'warning'],
+  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="7" width="18" height="10" rx="2"/>
+  <line x1="22" y1="11" x2="22" y2="13"/>
+  <rect x="4" y="9" width="4" height="6" rx="1" fill="currentColor"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M20 7H4c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-2h1v-2h-1V9c0-1.1-.9-2-2-2zm-2 8H6V9h12v6z"/>
+  <rect x="7" y="10" width="3" height="4"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="2" y="7" width="18" height="10" rx="2" fill="currentColor" opacity="0.3"/>
+  <line x1="22" y1="11" x2="22" y2="13"/>
+  <rect x="4" y="9" width="4" height="6" rx="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="2" y="7" width="18" height="10" rx="2"/>
+  <rect x="2.2" y="6.8" width="18" height="10" rx="2" opacity="0.3"/>
+  <line x1="22" y1="11" x2="22" y2="13"/>
+  <rect x="4" y="9" width="4" height="6" rx="1" fill="currentColor"/>
+  <rect x="4.2" y="8.8" width="4" height="6" rx="1" fill="currentColor" opacity="0.3"/>
+</svg>`,
+  },
+};

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

@@ -0,0 +1,31 @@
+import type { IconDefinition } from '../../types';
+
+export const error: IconDefinition = {
+  name: 'error',
+  category: 'status',
+  description: 'Error icon with X symbol in circle',
+  tags: ['close', 'fail', 'wrong', 'remove', 'delete'],
+  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"/>
+  <line x1="15" y1="9" x2="9" y2="15"/>
+  <line x1="9" y1="9" x2="15" y2="15"/>
+</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 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/>
+</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"/>
+  <line x1="15" y1="9" x2="9" y2="15"/>
+  <line x1="9" y1="9" x2="15" 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">
+  <circle cx="12" cy="12" r="9"/>
+  <circle cx="12.2" cy="11.8" r="9" opacity="0.3"/>
+  <line x1="15" y1="9" x2="9" y2="15"/>
+  <line x1="15.2" y1="8.8" x2="9.2" y2="14.8" opacity="0.3"/>
+  <line x1="9" y1="9" x2="15" y2="15"/>
+  <line x1="8.8" y1="9.2" x2="14.8" y2="15.2" opacity="0.3"/>
+</svg>`,
+  },
+};

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

@@ -0,0 +1,30 @@
+import type { IconDefinition } from '../../types';
+
+export const help: IconDefinition = {
+  name: 'help',
+  category: 'status',
+  description: 'Help icon with question mark in circle',
+  tags: ['question', 'info', 'support', 'faq'],
+  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"/>
+  <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
+  <circle cx="12" cy="17" 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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>
+</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"/>
+  <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
+  <circle cx="12" cy="17" 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">
+  <circle cx="12" cy="12" r="9"/>
+  <circle cx="12.2" cy="11.8" r="9" opacity="0.3"/>
+  <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
+  <path d="M9.29 8.8a3 3 0 0 1 5.83 1c0 2-3 3-3 3" opacity="0.3"/>
+  <circle cx="12" cy="17" r="0.5" fill="currentColor"/>
+</svg>`,
+  },
+};

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

@@ -0,0 +1,12 @@
+export { info } from './info';
+export { warning } from './warning';
+export { error } from './error';
+export { success } from './success';
+export { help } from './help';
+export { loading } from './loading';
+export { progress } from './progress';
+export { online } from './online';
+export { offline } from './offline';
+export { batteryFull } from './battery-full';
+export { batteryLow } from './battery-low';
+export { batteryCharging } from './battery-charging';

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

@@ -0,0 +1,30 @@
+import type { IconDefinition } from '../../types';
+
+export const info: IconDefinition = {
+  name: 'info',
+  category: 'status',
+  description: 'Information icon with i symbol in circle',
+  tags: ['help', 'about', 'details', 'information'],
+  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"/>
+  <line x1="12" y1="16" x2="12" y2="12"/>
+  <circle cx="12" cy="8.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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
+</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"/>
+  <line x1="12" y1="16" x2="12" y2="12"/>
+  <circle cx="12" cy="8.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">
+  <circle cx="12" cy="12" r="9"/>
+  <circle cx="11.8" cy="12.2" r="9" opacity="0.3"/>
+  <line x1="12" y1="16" x2="12" y2="12"/>
+  <line x1="11.8" y1="16.2" x2="11.8" y2="12.2" opacity="0.3"/>
+  <circle cx="12" cy="8.5" r="0.5" fill="currentColor"/>
+</svg>`,
+  },
+};