Full set
- rel=icon, apple-touch-icon, and mask-icon present -> Valid
web validator
Favicon & Icon Validator
Check rel=icon, apple-touch-icon, and mask-icon links client-side to ensure icons are declared correctly.
Results
Processing…- Status
- Processing...
- Details
- Processing...
- rel=icon count
- Processing...
- apple-touch-icon count
- Processing...
- mask-icon count
- Processing...
- Issues
- Processing...
How to use this validator
- Paste the head snippet containing icon link tags.
- Run validate to count rel=icon/apple-touch-icon/mask-icon and flag missing ones.
- Add missing icons as needed and re-run.
Rules & checks
Checks for rel=icon declarations.
Checks for apple-touch-icon links.
Counts mask-icon declarations for Safari pinned tabs.
Runs fully client-side; no data stored.
Inputs explained
HTML head
Paste the <head> snippet with icon link tags. Use absolute or root-relative hrefs.
When to use it
- QA HTML head before launch
- Check CMS templates for required icons
- Support teams verifying user-submitted head snippets
Common errors
- Missing apple-touch-icon for mobile
- No mask-icon for Safari pinned tabs (optional but recommended)
- Relative paths that are not root-relative
Limitations
- Structure-only validation; does not fetch or verify the icon files.
Tips
- Provide at least one favicon and one apple-touch-icon for mobile
- Use absolute or root-relative paths
- Ensure icon files exist on the server (not fetched here)
Examples
Missing apple icon
- No apple-touch-icon -> Flagged
Deep dive
This favicon validator checks rel=icon, apple-touch-icon, and mask-icon tags in your head entirely in the browser.
Use it to ensure mobile and pinned-tab icons are declared before launching new themes or PWAs.
FAQs
- Is this uploaded?
- No. Parsing happens locally and clears on refresh.
Related validators
All validation happens in your browser. No data is sent, logged, or stored.
Structure-only validation; does not fetch or verify the icon files.