Some sets have icons with similar names like below from mdi

"123": {
	"parent": "numeric"
},
"1-2-3": {
	"parent": "numeric"
},

This icons will be compilet to two component with same name:

export const Icon123 = {name: 'Icon123', setup() { return () => h('svg', {"xmlns":"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink","aria-hidden":true,"role":"img","innerHTML":"<path fill=\"currentColor\" d=\"M4 17V9H2V7h4v10H4m18-2a2 2 0 0 1-2 2h-4v-2h4v-2h-2v-2h2V9h-4V7h4a2 2 0 0 1 2 2v1.5a1.5 1.5 0 0 1-1.5 1.5a1.5 1.5 0 0 1 1.5 1.5V15m-8 0v2H8v-4a2 2 0 0 1 2-2h2V9H8V7h4a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2v2h4Z\"/>","width":"24","height":"24","preserveAspectRatio":"xMidYMid meet","viewBox":"0 0 24 24"}) }};
export const Icon123 = {name: 'Icon123', setup() { return () => h('svg', {"xmlns":"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink","aria-hidden":true,"role":"img","innerHTML":"<path fill=\"currentColor\" d=\"M4 17V9H2V7h4v10H4m18-2a2 2 0 0 1-2 2h-4v-2h4v-2h-2v-2h2V9h-4V7h4a2 2 0 0 1 2 2v1.5a1.5 1.5 0 0 1-1.5 1.5a1.5 1.5 0 0 1 1.5 1.5V15m-8 0v2H8v-4a2 2 0 0 1 2-2h2V9H8V7h4a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2v2h4Z\"/>","width":"24","height":"24","preserveAspectRatio":"xMidYMid meet","viewBox":"0 0 24 24"}) }};

what throw exeption:

SyntaxError: redeclaration of const Icon123

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: Cannot find preset's package (:onlyNpm)

I've try using your components but have this issue:

ERROR in ./src/views/cmakelists-editor/components/ArrayElement.vue?vue&type=script&setup=true&lang=ts (./node_modules/ts-loader/index.js??clonedRuleSet-4.use!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[9].use[0]!./src/views/cmakelists-editor/components/ArrayElement.vue?vue&type=script&setup=true&lang=ts) 4:22-65
Module not found: Error: Package path . is not exported from package /Users/brainignacio/workspace/vscode-esp-idf-extension/node_modules/@iconify-prerendered/vue-codicon (see exports field in /Users/brainignacio/workspace/vscode-esp-idf-extension/node_modules/@iconify-prerendered/vue-codicon/package.json)
 @ ./src/views/cmakelists-editor/components/ArrayElement.vue?vue&type=script&setup=true&lang=ts 1:0-225 1:0-225 1:226-440 1:226-440
 @ ./src/views/cmakelists-editor/components/ArrayElement.vue 2:0-74 3:0-69 3:0-69 8:49-55
 @ ./node_modules/ts-loader/index.js??clonedRuleSet-4.use!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[9].use[0]!./src/views/cmakelists-editor/components/CMakeListsElement.vue?vue&type=script&setup=true&lang=ts 7:27-56
 @ ./src/views/cmakelists-editor/components/CMakeListsElement.vue?vue&type=script&setup=true&lang=ts 1:0-230 1:0-230 1:231-450 1:231-450
 @ ./src/views/cmakelists-editor/components/CMakeListsElement.vue 2:0-79 3:0-74 3:0-74 6:49-55
 @ ./node_modules/ts-loader/index.js??clonedRuleSet-4.use!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[9].use[0]!./src/views/cmakelists-editor/CmakeListsEditor.vue?vue&type=script&setup=true&lang=ts 7:32-77
 @ ./src/views/cmakelists-editor/CmakeListsEditor.vue?vue&type=script&setup=true&lang=ts 1:0-223 1:0-223 1:224-436 1:224-436
 @ ./src/views/cmakelists-editor/CmakeListsEditor.vue 2:0-78 3:0-73 3:0-73 8:49-55
 @ ./src/views/cmakelists-editor/main.ts 22:31-83

webpack 5.76.3 compiled with 1 error in 36364 ms
error Command failed with exit code 1.

Maybe there is some rule not working for webpack conditional syntax ?

EDIT: I've tried this and works:

"exports": {
    ".": {
      "types": "./index.d.ts",
      "default": "./index.js"
    }
  }

Apologies, no modification needed. just need to resolve it in webpack.config.js:

resolve: {
    conditionNames: ['import']
}

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

This repository currently has no open or pending branches.

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Should I make same components superset for React?

Thanks so much for these packages!

For my app, I would like to set a default width / height to 1.5em for icons. (It looks better / more balanced next to text because of glyph height, and Material Symbols actually uses this as its default size.) I thought about doing this:

/** Auto-size @iconify icons */
svg[role="img"][aria-hidden="true"] {
  height: 1.5em;
  width: 1.5em;
}

...But then I realized that I want to be able to override the size of the icons at will. In other words, I could pass in height / width values, but then they would be over-ridden.

The docs say:

By default, all icons have only two attributes: role="img" and aria-hidden="true"

But, at least in the case of the exported Material Symbols package, that's just not true. It has 3 additional attributes: width, height, and viewBox. I understand the necessity for viewBox, but not of height and width, because it makes setting defaults challenging (I'd prefer not to use a Proxy for every icon).

So, a few ideas:

1. You could remove width / height. That makes it trivial to apply CSS to SVGs without height and width, and AFAIK, it should still auto-resize based on the viewBox dimensions; alternatively:
2. You could dynamically add / remove an attribute based on passing in custom width / height props.
3. You could allow extending icons without using a Proxy. (There are several methods that could achieve this.)

... or some other solution I'm not thinking of.

Additionally, could you possible export SVGs to have some label / identifier that associates them with iconify (to make those SVGs uniquely selectable)? I'm hesitant to stick with svg[role="img"][aria-hidden="true"] because there's no guarantee that other packages / SVGs won't have those attributes.

Thanks for considering.

I installed @iconify-prerendered/[email protected] but I cant find the Django Icon, IconDjangorest is available but not for Django alone.

Probably needed use standard-version for changelog generation

Derp, I just realized I couldn't replace my Material Symbols icon font because I'm using the outline version. Can you add those, along with the different symbol weights?

Something like:

import { IconHelp } from '@iconify-prerendered/vue-material-symbols/400/outlined'