@esershnr/caramel-icons

Lucide icon data for Caramel Webplayer (Video.js 10) and <caramel-morph-icon>, an icon that morphs (Morphicons springs) when attributes on its parent change.

npm install @esershnr/caramel-icons

import '@esershnr/caramel-icons/define';
import { iconToSvg, icons } from '@esershnr/caramel-icons';

const html = iconToSvg(icons.play, { className: 'my-icon' }); // SSR-safe string

<button data-paused>
  <caramel-morph-icon map="data-paused:play,*:pause"></caramel-morph-icon>
</button>

React (optional peer react >= 19):

import { Icon, MorphIcon } from '@esershnr/caramel-icons/react';

<Icon name="settings" size={20} />
<MorphIcon map="data-paused:play,*:pause" />

More: root README.

Changes per version: CHANGELOG.md.

MIT License, Copyright (c) 2026 Eser Şahiner. Lucide (ISC) and Morphicons (MIT) are credited in NOTICE.