{"repo":"gitFoxCode/nuxt-icons","free":true,"listed":false,"github":"https://github.com/gitFoxCode/nuxt-icons","clone":"git clone https://github.com/gitFoxCode/nuxt-icons.git","description":"Module for Nuxt allowing pleasant use of svg icons","language":"Vue","stars":196,"topics":["icons","nuxt","nuxt3","svg","module"],"license":null,"category":"ui-components","readme_excerpt":"Nuxt Icons A module for Nuxt 4 that allows you to use your own SVG icons quickly and enjoyably. Installation 1. npx nuxi@latest module add icons 2. add nuxt-icons to modules, nuxt.config.ts : Usage 1. Create a icons folder in assets : assets/icons 2. Drop your icons with the .svg extension into the icons folder 3. In the project, use , where name is the name of your svg icon from the folder If you need to use the original color from the svg file (for example, if your icon has defs) you need to use the filled attribute: Subfolders If you would like to use some more complicated folder arrangement you will have to use paths from /icons If you have a svg icon in nested directories such as: then the icons's name will be based on its own path directory and filename. Therefore, the icon's name will be: I don't like the basic styles that are assigned to the icons! The styles that have been created for the icons look as follows: You can easily change these styles using regular CSS for example in your index.vue file: I would like to use icons from an icon pack available online You can download icons in SVG format and put them in the /icons folder, or use another module that supports this natively: nuxt-icon What this module does The module retrieves all svg files from the assets/icons folder, overwrites the height and width from them to make them scalable, and using the component allows them to be used. injects the SVG code directly into . Features - Easy SVG icon management ✅ - HMR (Y","default_branch":null,"files":null,"tree":[],"storefront":"/r/gitFoxCode","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/gitFoxCode/nuxt-icons/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}