Skip to content

Instantly share code, notes, and snippets.

@subzey

subzey/favicon.svg

Last active June 23, 2021 18:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save subzey/00ee983c505f413f279c66c08ffd2246 to your computer and use it in GitHub Desktop.
Save subzey/00ee983c505f413f279c66c08ffd2246 to your computer and use it in GitHub Desktop.
Download ZIP
Chrome 91 SVG favicon test
Display the source blob
Display the rendered blob
Raw
favicon.svg
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<rect width="100%" height="100%" fill="orange"/>
<line x1="16" y1="0%" x2="16" y2="100%" stroke="black" vector-effect="non-scaling-stroke" stroke-width="16"/>
</svg>
Raw
index.html
<!doctype html>
<html>
<head>
<title>Favicon test</title>
<link rel="icon" href="favicon.svg" type="image/svg+xml">
</head>
<body>
<img src="favicon.svg" width="16" height="16">
<p>&uarr; The same SVG image is used both as a favicon and a regular page image.</p>
<p>Expected: The favicon and the image should look the same.</p>
<p>Actually: They are rendered differently.</p>
<p>Reproduced on:</p>
<ul>
<li>Chrome 91.0.4472.114, Device Pixel Ratio 1.0</li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment