Toggle menu
Amit Yadav
Amit Yadav builds and runs All SVG Icons, including the free SVG tools and the MCP server for AI agents. He writes the guides and pack comparisons on this site.
Articles (55)
- Accessible SVG Icons: aria-label and role
- Animating SVG Paths with CSS and Framer Motion
- SVG fill="currentColor": Change Icon Color with CSS
- Country Code Flags Explained – ISO Alpha-2, Emoji Flags & Safe UI Mapping
- Favicon Sizes 2026: Dimensions, Formats and HTML Tags
- SVG Icons in Figma – Best Icon Libraries, Plugins & Import Workflow
- Icon Fonts vs. SVG Sprites vs. Inline SVGs in 2026
- Icon Sizes: Standard px for Web, iOS and Android UI (2026)
- Lazy Loading SVGs: When and How to Do It
- Next.js Icons and SVG: Libraries, SVGR, next/image Setup
- @phosphor-icons/react: Install, Weights, SSR and Icon Names
- Web App Manifest Icons: SVG sizes any, 192, 512, Maskable
- React Icons in 2026: react-icons vs lucide-react and More
- A Deep Dive into SVGO Configuration for Maximum Compression
- Tailwind CSS SVG Icons, Free Icon Sets for Tailwind
- lucide-vue-next Is Deprecated: Use @lucide/vue (Vue Icons)
- Best SVG Icons for shadcn/ui – Lucide and 3 Solid Alternatives
- Font Awesome to Bootstrap Icons Mapping: 53 Class Names
- Lucide vs Feather Icons – Why Everyone is Migrating in 2026
- Phosphor vs Lucide: 6 Weights or Strict Outlines?
- Best Free SVG Icon Libraries 2026: npm Packages Compared
- Best Free SVG Icon Packs for Product UI: 10 Design Picks
- Material Symbols vs Material Icons – Which One Should You Use?
- react-icons vs lucide-react – Meta-Package vs Curated Icon Set
- Remix Icon vs Boxicons – Free Multi-Style Icon Sets Compared
- SVGRepo Alternatives: Is SVG Repo Safe for Commercial Use?
- Tabler vs Lucide – Two Massive Open-Source Icon Sets Compared
- SVG Icons in Astro: The Complete Guide (Zero-JS, Iconify & lucide-react)
- How to Add Custom Icons to Lucide, The Complete 2026 Guide
- SVG Icons in React Native & Expo: The Complete 2026 Guide
- SVG Icons in Svelte and SvelteKit: The Complete 2026 Guide
- SVG Icon Naming Conventions for Design Systems
- SVG Icons for Buttons and CTAs: Placement, Sizing, and Accessibility
- SVG Icons for Navigation Menus: Sizing, Placement, and Active States
- Tabler Icons: The Complete React Guide (6,200+ Free Icons)
- Using AI to Generate SVG Icons: Tools, Prompts, and Workflows
- How to Build a Custom SVG Icon Component Library in React and Next.js
- Fixing AI-Generated SVGs: Cleaning up Paths and Nodes
- Social Media Icons: Sizing, Colors, and Best Practices in 2026
- Lucide vs Heroicons – Which Icon Library Should You Use?
- Font Awesome vs Material Icons – Full Comparison 2026
- Heroicons vs Tabler: Tailwind Polish or 6,000+ Icons
- Phosphor vs Remix Icons: Weights or Coverage?
- 8 Free Font Awesome Alternatives – No Pro License Needed
- MDI vs Material Symbols: Community SVG or Google Font
- Simple Icons vs Devicon: Brand Logos or Tech Stacks
- Tabler Icons vs Solar Icons – Developer vs Designer Aesthetic
- Best Free Flaticon Alternatives – Open-Source SVG Icon Sets
- Flutter SVG Icons – 500+ Free Icons for Flutter Apps
- SVG Icons for Forms: Placement, Validation States, and Accessibility
- SVG in Email: Gmail, Outlook & Apple Mail Support (2026)
- SVG Icons for Dashboards
- Duotone SVG Icons: Color Guide
- 7 Common SVG Icon Mistakes in Production UI – and Exactly How to Fix Them
- SVG vs PNG Icons: What to Use