Nuxt Feather Icons

Nuxt 3のサポート

インストール

npx nuxi@latest module add nuxt-feather-icons

modules: [
    'nuxt-feather-icons'
],

アイコンのサイズは、既定では親要素のフォントサイズに基づいて自動的に調整されます。

ただし、サイズをカスタマイズしたい場合は、サイズ属性を使用できます。倍数に基づいてサイズを指定する場合は、目的の倍数の後にxを指定します。


<XIcon size="1.5x" class="custom-class"></XIcon>

さらに、単に整数を渡すことで、ピクセル（px）単位の絶対的なサイズを設定できます。


<XIcon size="30" class="custom-class"></XIcon>

この柔軟性により、特定のニーズに応じてアイコンのサイズを簡単に調整できます。

4sllanによってMITでリリースされています。