PWA Manifest Icons: 192x192, 512x512 & Maskable Explained
The exact manifest.json icon entries that make a PWA installable, 192x192, 512x512, any vs maskable purpose, and SVG support across Chrome, Safari, and Android.
Amit Yadav·Toggle menu
Blog · Page 6
Articles about SVG icons, web development, and design tips for modern projects.
Amit Yadav·
SVG Icons for Forms: Placement, Validation States, and Accessibility
How to use SVG icons in web forms correctly, field affordance icons, validation states, password toggle, and the accessibility rules that keep forms usable for everyone.
Amit Yadav·
SVG in Email: Gmail, Outlook & Apple Mail Support (2026)
Short answer: mostly no. Full compatibility table for SVG in HTML email across Gmail, Outlook, and Apple Mail, plus the PNG fallback pattern that actually works everywhere.
Amit Yadav·
Inline SVG vs IMG vs Sprite
A practical comparison of inline SVG, image tags, and SVG sprite systems for styling control, performance, and maintainability.
Amit Yadav·
SVG Icons for Dashboards
A practical dashboard icon guide for sizing, hierarchy, consistency, and scan-friendly information density.
Amit Yadav·
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·
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·Page 6 of 8