Icons out of a svg sprite are not shown at CP

[DavidKabelitz]

Description

Hi, we use an icon sprite as source for some icons. Sprite and Icons are recognized, searching for an icon went all well. Just the icons themselves are not visible.

Additional info

• Plugin version: latest
• Craft version: latest

[engram-design]

Would you be able to share your sprites file?

[DavidKabelitz]

Sure, it's attached. I just added some inline css to check if it will effect.

200429_iconmap-sprites.svg.zip

[engram-design]

This looks like its a incorrectly defined sprite map. Where definitions are:

<symbol id="auslastung">

They should include the viewbox

<symbol id="auslastung"  viewBox="0 0 60 60">

I'm basing this off a number of widely-used sprite sheets like Icomoon. I can see the viewbox is definde on the outed <svg> element.

I've tried to fix this in the plugin, but haven't had much like defining sizes on the injected sprite...

[DavidKabelitz]

Don't know if i am getting it right. So if we include the viewBox at each symbol it should work?

[engram-design]

Yep, that's correct

[DavidKabelitz]

ok awesome, i will test it - thx

[DavidKabelitz]

no change...still look the same...all caches are deleted.

[engram-design]

Hmm, I managed to get it working -

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="60px" height="60px" viewBox="0 0 60 60" xml:space="preserve" style="enable-background:new 0 0 60 60;">
<style type="text/css">
    .st0{fill: #ff0000;}
</style>

        <symbol id="auslastung"  viewBox="0 0 60 60" ><path class="st0" d="M56.6,38.9L56.6,38.9c0.1-0.1,0.1-0.1,0.1-0.2c0,0,0,0,0-0.1v-0.1l0,0l0,0
    c-0.4-3.7-1.5-7.2-3.4-10.4l0,0l0,0c0-0.1-0.1-0.1-0.1-0.2c-2.4-4.1-5.7-7.4-9.7-9.7l0,0h-0.1c-2-1.2-4.2-2.1-6.5-2.7
    c-2.2-0.6-4.5-0.9-6.8-0.9H30l0,0l0,0c0,0,0,0-0.1,0c-4.7,0-9.3,1.2-13.4,3.6C12.4,20.5,9,23.9,6.7,28c0,0,0,0-0.1,0.1
    c0,0,0,0,0,0.1c-1.8,3.2-3,6.7-3.4,10.3v0.1v0.1v0.1v0.1L3.3,39c0,0,0,0,0.1,0.1c0.1,0,0.1,0.1,0.2,0.1c2.9,0.8,5.9,1.5,8.8,2.3h0.1
    l0,0l0,0l0,0h0.1c0.1,0,0.2,0,0.3-0.1l0,0l0.1-0.1c0,0,0-0.1,0.1-0.1v-0.1c0,0,0,0,0-0.1c0,0,0,0,0-0.1c0,0,0,0,0-0.1
    c0.2-7.2,5-13.4,12-15.4C33.9,22.9,43,28,45.6,36.8c0.4,1.3,0.6,2.7,0.6,4l0,0l0,0l0,0l0,0v0.1c0,0,0,0,0,0.1l0,0v0.1l0,0
    c0,0,0,0,0,0.1c0,0,0,0.1,0.1,0.1l0,0c0,0,0,0,0.1,0c0,0,0.1,0,0.1,0.1l0,0h0.1h0.1l0,0l0,0l0,0l0,0l0,0l0,0h0.1l2.5-0.6
    c2.1-0.5,4.2-1.1,6.3-1.6c0,0,0,0,0.1,0s0.1,0,0.2-0.1l0,0C56.5,39,56.5,39,56.6,38.9z M47.8,39.9c-0.1-1.2-0.3-2.4-0.6-3.5
    c-2.7-9.5-12.6-15-22.1-12.3c-7.2,2.1-12.3,8.4-12.9,15.8c-2.5-0.6-5-1.3-7.4-1.9c0.4-3.1,1.4-6,2.8-8.7l2.1,1.2
    c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.5-0.1,0.6-0.3c0.2-0.3,0.1-0.7-0.3-0.9l-2.1-1.2c2.1-3.4,4.9-6.3,8.4-8.5l1.2,2.1
    c0.1,0.2,0.4,0.3,0.6,0.3c0.1,0,0.2,0,0.3-0.1l0,0c0.3-0.2,0.4-0.6,0.2-0.9L17.8,19c3.6-2,7.5-3,11.5-3.1v2.4c0,0.4,0.3,0.7,0.7,0.7
    l0,0l0,0c0.4,0,0.7-0.3,0.7-0.7v-2.4c2,0.1,3.9,0.3,5.9,0.8s3.9,1.3,5.7,2.3L41,21c-0.2,0.3-0.1,0.7,0.2,0.9
    c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.5-0.1,0.6-0.3l1.2-2.1c3.4,2.1,6.3,5,8.4,8.5l-2.1,1.2c-0.3,0.2-0.4,0.6-0.3,0.9
    c0.1,0.2,0.4,0.3,0.6,0.3c0.1,0,0.2,0,0.3-0.1l2.1-1.2c1.5,2.7,2.4,5.6,2.8,8.7c-1.9,0.5-3.8,1-5.7,1.5L47.8,39.9z M40.6,37.6
    l-6.8,1.9c-0.4-0.8-1-1.5-1.8-1.9c-1-0.5-2.1-0.7-3.2-0.4s-2,1-2.5,2s-0.7,2.1-0.4,3.2c0.5,1.8,2.2,3.1,4.1,3.1
    c0.4,0,0.8-0.1,1.2-0.2c1.1-0.3,2-1,2.5-2c0.4-0.8,0.6-1.7,0.5-2.5l6.8-1.9c0.4-0.1,0.6-0.5,0.5-0.8C41.3,37.7,41,37.5,40.6,37.6z
     M30.8,44.1c-0.7,0.2-1.5,0.1-2.2-0.2c-0.7-0.4-1.1-1-1.4-1.7s-0.1-1.5,0.2-2.2c0.4-0.7,1-1.1,1.7-1.4c0.3-0.1,0.5-0.1,0.8-0.1
    c0.5,0,1,0.1,1.4,0.4c0.7,0.4,1.1,1,1.4,1.7C33.2,42,32.3,43.6,30.8,44.1z"/></symbol>

You'll need to re-save the field, but sounds like you've already cleared the caches, so that seems odd.

[DavidKabelitz]

ok weird...i will delete the field and try it again with a new one.

[DavidKabelitz]

ok finally it's working. Thanks a lot!