Import SVG with Multi-Path and Two colors

Klaus major-k klaus at
Thu Jan 2 16:02:28 EST 2020

Hi all,

> Am 02.01.2020 um 21:51 schrieb Sannyasin Brahmanathaswami via use-livecode <use-livecode at>:
> ...
> 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!

yes, very cool!

After importing that SVG file, it IS in fact an image object and we can use
it immediatley as an icon in a button.

But that raises the (naive?) question:
Why do we have to convert a SVG widget with "drawingSvgCompile"
to be able to use a SVG as an Icon in a button?

> <?xml version="1.0" encoding="UTF-8"?>
> <svg width="65px" height="65px" viewBox="0 0 65 65" version="1.1" xmlns="" xmlns:xlink="">
>    <!-- Generator: Sketch 61.2 (89653) - -->
>    <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>



Klaus Major
klaus at

More information about the use-livecode mailing list