Import SVG with Multi-Path and Two colors

[Sannyasin Brahmanathaswami]

Sorry, that doesn’t work, I just get a white box

I needed the background to be opaque and was trying to do that in SVG widget

Anyway, I had my designer send another opaque version from the output from Sketch

Now, using Image As Control --> Image File [choose below in a file:}

it works. But it is not possibly to put this in the Path field, of the  SVG icon.

So, Mark W. has done some magic in the engine for Import As Control, that is not possible in LCB/SVG widget.

This "image" will do the job. it is scales with no lossy pixels!

<?xml version="1.0" encoding="UTF-8"?>
<svg width="65px" height="65px" viewBox="0 0 65 65" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 61.2 (89653) - https://sketch.com -->
    <title>home-colors</title>
    <desc>Created with Sketch.</desc>
    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="home1" transform="translate(-48.000000, -48.000000)">
            <g id="home-colors" transform="translate(49.000000, 49.000000)">
                <circle id="Oval" stroke="#FFFFFF" stroke-width="1.21" fill="#444444" cx="31.46" cy="31.46" r="31.46"></circle>
                <g id="Group-3" transform="translate(13.310000, 12.100000)">
                    <circle id="Oval" fill="#F4333B" cx="17.80515" cy="4.62825" r="4.62825"></circle>
                    <circle id="Oval-Copy-5" fill="#32AE60" cx="17.80515" cy="35.22915" r="4.62825"></circle>
                    <circle id="Oval-Copy-4" fill="#FC7C04" cx="31.09095" cy="12.25125" r="4.62825"></circle>
                    <circle id="Oval-Copy-9" fill="#B34AFF" cx="17.69625" cy="19.87425" r="4.62825"></circle>
                    <circle id="Oval-Copy-7" fill="#F3CB11" cx="31.09095" cy="27.60615" r="4.62825"></circle>
                    <circle id="Oval-Copy-3" fill="#4B87FF" cx="4.62825" cy="12.25125" r="4.62825"></circle>
                    <circle id="Oval-Copy-6" fill="#45BFB4" cx="4.62825" cy="27.60615" r="4.62825"></circle>
                </g>
            </g>
        </g>
    </g>
</svg>

Aloha Swami,

Noticed a bit of garbage in the previous code.
This one’s better.

Cheers
-dd