// Avatar.tsx
import Icon from './Iconice.tsx';
export default () => (
<div className="flex gap-4 text-3xl">
<Icon name="avatar" original /> Avatar
</div>
);// Avatar.tsx
import Icon from './Iconice.tsx';
export default () => (
<div className="flex gap-4 text-3xl">
<Icon name="avatar" /> Avatar
</div>
);// Avatar.tsx
import Icon from './Iconice.tsx';
export default () => (
<div className="flex gap-4 text-3xl text-black">
<Icon name="avatar" /> Avatar
</div>
);// Avatar.tsx
import Icon from './Iconice.tsx';
export default () => (
<div className="flex gap-4 text-3xl" style="--avatar-fill-color-0: pink;">
<Icon name="avatar" /> Avatar
</div>
);