SVG Icons in Tailwind: Practical Patterns
A production-ready Tailwind guide for SVG icons with sizing tokens, currentColor usage, state classes, and accessibility defaults.
Amit Yadav · Blog — Page 5
Articles about SVG icons, web development, and design tips for modern projects.
Amit Yadav · Duotone Icons in Light and Dark Themes
How to make duotone SVG icons theme-safe with CSS variables, contrast checks, and state-token structure.
Amit Yadav · Duotone SVG Icons: Color Guide
A practical guide to styling duotone SVG icons with layered color tokens, opacity control, and UI-safe contrast decisions.
Amit Yadav · How Emoji Flags Actually Work
How emoji flags are encoded, where they differ from SVG flag packs, and how to choose the right option for UI reliability.
Amit Yadav · Country Code Flags Explained – ISO Alpha-2, Emoji Flags & Safe UI Mapping
Understand how flag icon codes work, why ISO 3166 alpha-2 is the standard, and how to map country codes without localization bugs in your UI.
Amit Yadav · ISO 3166-1 Alpha-2 for Flag Icons
A practical ISO alpha-2 implementation guide for flag icon systems, with mapping rules and production safeguards.
Amit Yadav · Locale vs Country Code in UI
A practical guide to using locale tags and country codes correctly for language settings, flags, and regional behavior.
Amit Yadav · Favicon HTML Tags Checklist
A complete favicon head-tag checklist with practical defaults for ICO, SVG, PNG, Apple touch icon, and web manifest.
Amit Yadav · Favicon Sizes You Actually Need
A practical favicon sizing guide for browser tabs, Apple touch icons, and PWA install icons.
Amit Yadav ·
Page 5 of 7