Join the Nuxt Team at Frontend Nation 4-7 June.

nuxt-feather-icons
nuxt-feather-icons

The Feather Icons in Nuxt 3.

Nuxt Feather Icons

Support for Nuxt 3


npm versionGitHub Licensenpm downloadsNuxt nuxt-feather-iconsStatic Badge

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.

⚖️ License

Released under MIT by @4slan.