\n```\n\n## Theming\n\nIcons use `fill=\"currentColor\"` by default, so they inherit the text color of their container:\n\n```tsx\n\n {/* Will be blue */}\n
\n\n {/* Override with style */}\n```\n\n## Available Icons\n\n```tsx\nimport { iconsManifest } from '@caidentity/testicon'\n\n// Get all available icons\nconsole.log(iconsManifest)\n\n// Each icon has: { id, name, component, width, height, viewBox, tags?, duotoneLayers?, duotoneAssignments?, animation? }\n```\n\n## Animation Data Access\n\nFor Lottie-like animation processing, access the full keyframes data:\n\n```tsx\nimport { iconsManifest } from '@caidentity/testicon'\n\nconst animatedIcon = iconsManifest.find(icon => icon.animation?.keyframes)\nif (animatedIcon?.animation) {\n // Full keyframes for custom animation processing\n console.log('Keyframes:', animatedIcon.animation.keyframes)\n console.log('Duration:', animatedIcon.animation.duration)\n console.log('Loop:', animatedIcon.animation.loop)\n\n // Implement your own animation logic similar to Lottie\n function animateIcon(time: number) {\n // Process keyframes at current time\n const currentFrame = interpolateKeyframes(animatedIcon.animation.keyframes, time)\n return currentFrame\n }\n}\n```\n\n## Duotone Layer Access\n\nAccess duotone layer information for custom color processing:\n\n```tsx\nimport { iconsManifest } from '@caidentity/testicon'\n\nconst duotoneIcon = iconsManifest.find(icon => icon.duotoneLayers)\nif (duotoneIcon) {\n console.log('Duotone layers:', duotoneIcon.duotoneLayers) // 2 or 3\n console.log('Shape assignments:', duotoneIcon.duotoneAssignments) // { shapeId: 'duotone1' | 'duotone2' | 'duotone3' }\n\n // Access via Icon component registry (advanced usage)\n import { Icon } from '@caidentity/testicon'\n const iconRegistry = (Icon as any).iconRegistry\n const registryEntry = iconRegistry[duotoneIcon.component]\n console.log('Duotone assignments:', registryEntry.duotoneAssignments)\n}\n```\n\n## TypeScript Support\n\n```tsx\nimport { Icon, IconName } from '@caidentity/testicon'\n\n// Type-safe icon names\nfunction MyComponent() {\n return \n}\n\n// IconName is a union of all available icon names\nconst iconName: IconName = 'home'\n```\n","readmeFilename":"README.md"}