Nuxt Feather Icons
Support for Nuxt 3
Install
npx nuxi@latest module add nuxt-feather-icons
Usage
nuxt.config.js
modules: [
'nuxt-feather-icons'
],
Sizing
Icons are automatically sized based on the font size of the parent element by default.
However, if you wish to customize the size, you can use the size attribute. For sizing based on multiples, specify the desired multiple followed by an x.
<XIcon size="1.5x" class="custom-class"></XIcon>
Additionally, you can set an absolute size in pixels (px) by simply passing an integer.
<XIcon size="30" class="custom-class"></XIcon>
This flexibility allows you to easily adjust the icon size according to your specific needs.