SVG not drawn correctly
See original GitHub issueI have this simple instagram SVG which used to be drawn correctly but since i updated to the latest master build it wont draw the logo. (Only the color circled background.) I have only tested this on Android. Here is the image: Instagram.zip
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 41 41">
<defs>
<linearGradient id="a" x1="5.29" x2="36.27" y1="5.29" y2="36.27" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#583ce5"/>
<stop offset=".34" stop-color="#a725b2"/>
<stop offset=".67" stop-color="#f4183f"/>
<stop offset="1" stop-color="#ffc34a"/>
</linearGradient>
</defs>
<circle cx="20.5" cy="20.5" r="20.5" fill="url(#a)"/>
<path fill="#ffffff" d="M25.52 30.77h-9.53a5.79 5.79 0 0 1-1.68-.44 5.87 5.87 0 0 1-2.07-1.48 5.76 5.76 0 0 1-1.55-3.92v-8.75a5.55 5.55 0 0 1 .19-1.43 5.91 5.91 0 0 1 2.38-3.41 5.66 5.66 0 0 1 3.29-1.06h8.7a6 6 0 0 1 1.4.16 6 6 0 0 1 4.57 5.75v8.71a5.71 5.71 0 0 1-.46 2.24 5.94 5.94 0 0 1-2.6 2.86 5.79 5.79 0 0 1-2.26.72zM21 11.81h-4.81a4 4 0 0 0-1.73.55 4.27 4.27 0 0 0-2.2 3.83v8.56a4.68 4.68 0 0 0 .1 1 4.37 4.37 0 0 0 4.24 3.44h8.63a4.91 4.91 0 0 0 .77-.06 4.17 4.17 0 0 0 2.15-1 4.29 4.29 0 0 0 1.5-3.33v-8.55a4.68 4.68 0 0 0 0-.53 4.37 4.37 0 0 0-4.3-3.87c-1.49-.05-2.95-.04-4.35-.04z"/>
<path fill="#ffffff" d="M26.48 20.5A5.53 5.53 0 1 1 21 15a5.55 5.55 0 0 1 5.48 5.5zm-9.48 0a4 4 0 1 0 4-4 3.94 3.94 0 0 0-4 4z"/>
<circle fill="#ffffff" cx="26.87" cy="14.58" r="1.19" transform="rotate(-89.88 26.873 14.577)"/>
</svg>
Issue Analytics
- State:
- Created 6 years ago
- Comments:22 (9 by maintainers)
Top Results From Across the Web
HTML SVG Elements not rendering properly - css
1 Answer. Your SVGs have no assigned viewBox . With the browser recognition of the size of an SVG sometimes making mistakes, just...
Read more >6 Common SVG Fails (and How to Fix Them)
1. The viewBox values · 2. Missing width and height · 3. Inadvertent fill and stroke colors · 4. Missing IDs · 5....
Read more >5 Most Common Problems Faced by SVG Users
Your SVG namespace is not declared properly causing the SVG image to be displayed incorrectly. Quick fix: Check and fix your SVG namespaces....
Read more >SVG image not displaying properly in HTML webpage
I'm trying to insert an svg image that I created in Inkscape into my html web page but for some reason I can't...
Read more >SVGs not appearing correctly - Bugs
The SVGs that aren't uploading correctly are using a part of SVG spec to essentially embed a png file inside SVG code. This...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@daniel-luberda You are amazing!
@PCDK