Blog · Page 2

Three strategies for making SVG icons work correctly in dark mode with Tailwind CSS and plain CSS, currentColor, filter invert, and CSS variables, with code and failure cases.

The definitive guide to using SVG icons inside buttons, leading vs trailing placement, sizing rules, icon-only buttons, loading state swaps, and WCAG-compliant accessibility.

How to pick, size, and animate SVG icons across top nav bars, sidebars, mobile tab bars, and breadcrumbs, with accessibility and active state patterns.

Everything about @tabler/icons-react, installation, tree-shaking, stroke customization, IconCustomize wrapper, and why Tabler is the best free icon library for dashboards in 2026.

How to use SVG icons in Vue 3 and Nuxt 3, lucide-vue-next, @iconify/vue, and unplugin-icons with auto-import. Code patterns, tree-shaking, and dark mode.

A developer's guide to using AI for icon design. Learn which tools generate the best vector graphics, how to write effective prompts, and how to integrate them into your workflow.

A comprehensive guide to animating SVG paths. Learn how to draw lines with CSS and create complex physics-based animations using Framer Motion in React.

A curated guide to the essential SVG icons every e-commerce website needs to maximize conversions, from shopping carts to secure checkout badges.

Learn how to build, scale, and publish your own custom SVG icon library for React and Next.js projects using SVGR and optimized workflows.