<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Lucide on Pi Stack</title>
    <link>https://www.pistack.xyz/tags/lucide/</link>
    <description>Recent content in Lucide on Pi Stack</description>
    <generator>Hugo</generator>
    <language>en-us</language>
    <lastBuildDate>Sat, 22 Aug 2026 00:00:00 +0000</lastBuildDate>
    <atom:link href="https://www.pistack.xyz/tags/lucide/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Icon Libraries in 2026: Lucide vs react-icons vs Heroicons — Which One Should You Actually Use?</title>
      <link>https://www.pistack.xyz/posts/2026-08-22-icon-libraries-lucide-react-icons-heroicons-comparison/</link>
      <pubDate>Sat, 22 Aug 2026 00:00:00 +0000</pubDate>
      <guid>https://www.pistack.xyz/posts/2026-08-22-icon-libraries-lucide-react-icons-heroicons-comparison/</guid>
      <description>&lt;p&gt;Your app&amp;rsquo;s icons are a 100-KB decision hiding in a 10-second decision. Import the wrong icon library and you either ship 30,000 unused SVGs in your bundle (yes, that happens), or you hand-copy SVG paths into your components and pray the design system survives a rebrand. The three libraries that dominate 2026 — &lt;strong&gt;Lucide&lt;/strong&gt; (24,080 stars), &lt;strong&gt;react-icons&lt;/strong&gt; (12,620 stars), and &lt;strong&gt;Heroicons&lt;/strong&gt; (23,753 stars) — answer the same question differently: Lucide gives you one consistent hand-drawn set, react-icons gives you &lt;em&gt;every&lt;/em&gt; set behind one API, and Heroicons gives you Tailwind-native pairs designed for product UI.&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
