Content Template element

By default icons inside <template> tags are not added. By setting the inTemplates option to true, icons inside templates will also be replaced.

More about Content Template element on MDN.

Example using createIcons function with template element

import { createIcons, Backpack } from 'lucide/dist/cjs/lucide';
import "./styles.css";

createIcons({
  icons: {
    Backpack,
  },
  inTemplates: true
});

const container = document.getElementById("container");
const template = document.getElementById("template");

const firstClone = document.importNode(template.content, true);
container.appendChild(firstClone);

const secondClone = document.importNode(template.content, true);
container.appendChild(secondClone);

Open Sandbox