unplugin / unplugin-icons

🤹 Access thousands of icons as components on-demand universally.

Home Page:https://www.npmjs.com/package/unplugin-icons

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Rendered SVG's ignore 'scale' from 0.13.4 to 0.14 (and defaults to 1em)

qgates opened this issue · comments

Code:

  <button class="btn-fixed bg-green-500 print:hidden" @click="$router.push({name: 'new'})">
    <icn-fa-solid-pencil-alt class="fa-icon text-xl" />
  </button>

In versions 0.13.4 and below, the icon is rendered with width and height at 1.2em, the default scale setting for options as specifed in the docs. Since 0.14 the icon is rendered at with width and height of 1em. Changing scale no longer works. This affects all icons (and breaks) my project. Is this expected behaviour or a breaking bug?

Before (<=0.13.4):

image

After (0.14.0):

image

@qgates we've updated the plugin to use universal icon loader, it seems we need to change some logic, fixing it

@qgates screenshot from vite-vue3 example:

imagen

@userquin looks good 👍 Any simple way to test this PR or do I just wait for @antfu to release?

Many thanks tested all working correctly 👍