Blog · Page 2

How to use SVG icons in Svelte and SvelteKit, lucide-svelte, @iconify/svelte, unplugin-icons, inline SVGs, and dark mode with Tailwind. Full code patterns included.

How to name SVG icons consistently across Figma, code, and documentation, comparing Lucide, Tabler, and Material naming systems with a practical framework for your own design system.

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.