Using icons while vibe coding
Briefly

Using icons while vibe coding
"Few days ago, I created a one page website using Gemini."
"It used icon from lucideicons or something like that. Then suddenly one day i see the site not loading properly. Found out the issue was icon library."
"Asked gemini to replace with something more reliable. it replaced with fontawesome icons (this fixed the issue but previous icons were nicer)."
"Now, please suggest me which icons should i tell gemini to use that has nice icons in free versions, won't have outage issue and make my site unresponsive, loads fast."
A one-page website built with Gemini initially used Lucide icons and later experienced loading failures traced to the icon library. Replacing the icons with Font Awesome resolved the outage but sacrificed preferred appearance. Choose icon sets that offer high-quality free icons, permissive licenses, and easy self-hosting to avoid third-party outages. Prefer SVG icon systems (inline SVG, SVG sprite, or component-based) over remote icon fonts. Recommended free sets include Tabler, Heroicons, Remix Icon, Feather, and Material Icons. Implement build-time subsetting, local hosting or CDN fallback, caching, and minimal SVG bundles to maximize reliability and performance.
[
|
]