Denji converts Iconify SVG icons into typed framework components. Icons are fetched, optimized (SVGO), and generated as native components for your framework.
Initialize a Denji project. Creates denji.json config and icons template.
| --framework | react, preact, solid, qwik, vue, svelte | | --output | Output path for icons file/folder | | --output-type | file (single file) or folder (one file per icon) | | --typescript / --no-typescript | TypeScript or JavaScript (default: TS) | | --a11y | hidden, img, title, presentation, or false |
Manage SVG icons as framework components using Denji CLI. Use when the user needs to add, remove, list, or manage SVG icons in React, Preact, Solid, Qwik, Vue, or Svelte projects. Triggers include requests to "add an icon", "set up icons", "manage SVG icons", "remove an icon", "list icons", or any task involving Iconify icons as framework components. Source: fellipeutaka/leon.