Building Custom Icon Library With React Icons In AstroJs
Overcame astro-icons limitation by importing all react-icon libraries & creating a custom Icon component with set & name props. Now accessing thousands of icons in AstroJs project.
In the past weeks lately, I have been focused on building clean landing page websites using AstroJs framework. One of the difficulties I often face however is the limitation of the icon libraries available in the astro-icons, as compared to the react-icon library. So here's what I decided to do: import React from 'react'; import * as FaIcons from 'react-icons/fa'; import * as MdIcons from 'react-icons/md'; import * as AiIcons from 'react-icons/ai'; import * as GiIcons from 'react-icons/gi'; import * as IoIcons from 'react-icons/io'; import * as CiIcons from "react-icons/ci"; import * as FiIco...