CPT UI Icon not displaying in admin

What browser are you using?

Hi Michael,
I am using Google Chrome 48 on Windows 7 (64bit)
I have tested this with Firefox and IE and all is fine.
I have also tested this with another computer with Windows 7 (32bit) and Chrome and the icon still doesn’t appear.

Curious if this a webkit issue then. In 1.2.0 I had someone contribute an SVG icon for the menu icon, and I know it’s not showing in Safari. Had not heard about Chrome yet. Both are webkit based.

https://github.com/WebDevStudios/custom-post-type-ui/issues/380

Going to continue looking for a solution, if I find one, I’ll happily push it out in a 1.2.2 release. I just haven’t found one yet.

Same here, SVG-Icon is blank (Chrome 47 on Mac OS) – looking forward to a fix and thanks so much for a great plugin!

an odd one then as SVG is most definitely supported in webkit. I use it the while time. Had a look but couldn’t see anything untoward.
A quick google has Chris Coyier of CSS Tricks saying probably don’t Base 64 Encode SVG
https://css-tricks.com/probably-dont-base64-svg/

i was playing around in the code a little and if you remove the ‘+xml’ bit, the image shows up just fine. not sure why that works, but it does.

just thought id share. LOVE THE PLUGIN BY THE WAY!!!

Removing that did indeed make it show up in Safari for me, I don’t have Windows on hand at the moment.

However, it also made the icon too huge in all the browsers: https://michaelbox.net/i/hugeicon.png

it looks perfect on my end.

I have a bit of code in my admin, (not sure where it is generated from? possibly from another plugin with an svg icon??) and it is controlling that icon from becoming too large when the ‘+xml’ is removed

#adminmenu div.wp-menu-image.svg {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
}

do you have that chunk of css in your wp admin?

Will have to check a bit later. Thanks for pointing this bit out.

Not quite what I needed to get it working, but it did point me in the right direction.

https://github.com/WebDevStudios/custom-post-type-ui/archive/svg-icon-fix.zip

If everyone could test the zipped version above and let me know the results, that’d be awesome.

Hi Michael,
I have tried 1.3.0 with the fix and the Icon is appearing.
Thanks for the fix, the support, and as ever the great plugin.
As OP I’ll mark this as resolved.
Antony

As more confirmations come in, I’ll push it out as part of a 1.2.2 release.

internet high five Mr Beckwith!

Follow-up Q: In Chrome with 1.2.3 the icon is too big, like in Michael’s earlier image link. In Safari it looks good. Is it supposed to have been fixed for Chrome? Thanks and thanks Michael for this plugin!

Try clearing your browser cache. That fixed it for me ??