Re: Free SVG icons

[Mark Waddingham via use-livecode]

On 2018-01-03 16:16, Mark Waddingham via use-livecode wrote:
Please post whenever you find or write such a general 
"flatten-to-path".


Assuming that 'flatten-to-path' means:

"Produce a compound path which, when filled, produces the same result
as filling and/or stroking a sequence of paths and/or shapes."

Then, in full generality, this is really quite complex - particularly
if you want to preserve curves (which is important if you want your
resulting path to scale arbitrarily).

There are two pieces:

  1) A 'thicken' operation which takes a path and stroke properties as
input and produces a path which can be filled to produce the stroke.
(i.e. the 'inside' of the path is the same as the 'inside' of the
stroke of the original path).

  2) A 'union' operation which takes two arbitrary paths and produces
a single path which, when filled, produces the same result as filling
the first path, and then filling and compositing the second path on
top of it. (i.e. the 'inside' of the path is the same as the union of
the 'insides' of the two input paths).


For what its worth, I found that Skia (in principal) has boolean path 
operation support (i.e. the critical union operation!) - 
https://skia.org/dev/present/pathops.


As we also need something along these lines to support the general 
'clipPath' element in SVG, I had a go at implementing a simple shape 
abstraction.


A shape is basically an expressing where the factors are 
paths/ellipses/rectangles/polygons etc. and the operations are:

  - transform
  - fill (turn the shape into non-intersecting regions relative to a 
fill rule)

  - dash
  - thicken (apply stroke attributes to create the thickened lines which 
are filled to form a stroke)

  - union / intersect / difference / xor

So you can do things like:

  union(fill(thicken(... circle ...), fill(thicken(... square ...))

It seemed to work fine on simple unions/intersections of thickened 
squares circles - as long as there was no collinearity / difficult 
intersections. However, when I tried some of the simple feature icons - 
it did not work so well :(


Basically, the version of the path-ops we have in the version of Skia we 
use seem to suffer from some rather unfortunate collinearity / numerical 
issues - of course, updating Skia *might* fix the problem, however it 
seems that quite a bit has changed since we last updated Skia so that is 
not a 'drop-in replacement' type of thing *sigh*.


Warmest Regards,

Mark.

P.S. One thing I do need to try is 'fuzzing' the shapes before applying 
the boolean ops - i.e. adding a tiny random delta, small enough that you 
won't notice when rendered, but large enough that it turns any difficult 
intersections into easier ones.


--
Mark Waddingham ~ m...@livecode.com ~ http://www.livecode.com/
LiveCode: Everyone can create apps

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Brian Milby via use-livecode]

I started a thread over on the forums with a stack that I'm working on:
http://forums.livecode.com/viewtopic.php?f=10&t=30411

It will let you view 80 icons on a card and page though a whole set.  Icons
are imported to the stack directly from a folder of SVG files.

Hope someone finds it useful.

On Thu, Jan 4, 2018 at 11:59 PM, J. Landman Gay via use-livecode <
use-livecode@lists.runrev.com> wrote:

> Very nice, thanks. It took me a bit to figure out the icomoon web app, but
> now I've got the whole feather set and your script works well.
>
>
> On 1/4/18 8:26 PM, Brian Milby via use-livecode wrote:
>
>> Here's a bit of code to handle the feather set when converted by
>> icomoon.io
>> (which could have multiple path statements):
>>
>> on dragEnter
>>local tFile, tSVG, tIndex, tLine
>>set the dragAction to "copy"
>>put line 1 of the dragdata["files"] into me
>>put url ("file:" & me) into tFile
>>set linedel to "> into field 2"
>>
>> On Tue, Jan 2, 2018 at 8:19 PM, hh via use-livecode <
>> use-livecode@lists.runrev.com> wrote:
>>
>> These SVGs are fine.
>>>
>>> 1. download the zip from github
>>> https://codeload.github.com/leungwensen/svg-icon/zip/master
>>> (29.7 MByte, unpacks to 61.4 MByte)
>>>
>>> 2. open one of the folders in dist/svg, e.g. dist/svg/flat
>>> 3. make a stack with one field and one svg widget:
>>>
>>> Script the field as follows
>>>
>>> on dragenter
>>>set the dragaction to "copy"
>>>put line 1 of the dragdata["files"] into me
>>>put url("file:"& me) into s
>>>set linedel to "http://lists.runrev.com/mailman/listinfo/use-livecode
>>>
>>> ___
>> use-livecode mailing list
>> use-livecode@lists.runrev.com
>> Please visit this url to subscribe, unsubscribe and manage your
>> subscription preferences:
>> http://lists.runrev.com/mailman/listinfo/use-livecode
>>
>>
>
> --
> Jacqueline Landman Gay | jac...@hyperactivesw.com
> HyperActive Software   | http://www.hyperactivesw.com
>
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your
> subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
>
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[J. Landman Gay via use-livecode]

Very nice, thanks. It took me a bit to figure out the icomoon web app, 
but now I've got the whole feather set and your script works well.


On 1/4/18 8:26 PM, Brian Milby via use-livecode wrote:

Here's a bit of code to handle the feather set when converted by icomoon.io
(which could have multiple path statements):

on dragEnter
   local tFile, tSVG, tIndex, tLine
   set the dragAction to "copy"
   put line 1 of the dragdata["files"] into me
   put url ("file:" & me) into tFile
   set linedel to " wrote:


These SVGs are fine.

1. download the zip from github
https://codeload.github.com/leungwensen/svg-icon/zip/master
(29.7 MByte, unpacks to 61.4 MByte)

2. open one of the folders in dist/svg, e.g. dist/svg/flat
3. make a stack with one field and one svg widget:

Script the field as follows

on dragenter
   set the dragaction to "copy"
   put line 1 of the dragdata["files"] into me
   put url("file:"& me) into s
   set linedel to "http://lists.runrev.com/mailman/listinfo/use-livecode


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode




--
Jacqueline Landman Gay | jac...@hyperactivesw.com
HyperActive Software   | http://www.hyperactivesw.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Brian Milby via use-livecode]

Here's a bit of code to handle the feather set when converted by icomoon.io
(which could have multiple path statements):

on dragEnter
  local tFile, tSVG, tIndex, tLine
  set the dragAction to "copy"
  put line 1 of the dragdata["files"] into me
  put url ("file:" & me) into tFile
  set linedel to " wrote:

> These SVGs are fine.
>
> 1. download the zip from github
> https://codeload.github.com/leungwensen/svg-icon/zip/master
> (29.7 MByte, unpacks to 61.4 MByte)
>
> 2. open one of the folders in dist/svg, e.g. dist/svg/flat
> 3. make a stack with one field and one svg widget:
>
> Script the field as follows
>
> on dragenter
>   set the dragaction to "copy"
>   put line 1 of the dragdata["files"] into me
>   put url("file:"& me) into s
>   set linedel to "http://lists.runrev.com/mailman/listinfo/use-livecode
>
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Brian Milby via use-livecode]

Thanks Richmond... that looks useful.

https://icomoon.io has the ability to bulk convert several icon sets to
paths/fonts. Feather happens to be one of the free sets available. Since it
is originally under MIT, this could be a set that could bundle up as a
family for the icon library.

Here's the calendar path:
"M19 3h-2v-1c0-0.6-0.4-1-1-1s-1 0.4-1 1v1h-6v-1c0-0.6-0.4-1-1-1s-1 0.4-1
1v1h-2c-1.7 0-3 1.3-3 3v14c0 1.7 1.3 3 3 3h14c1.7 0 3-1.3
3-3v-14c0-1.7-1.3-3-3-3zM5 5h2v1c0 0.6 0.4 1 1 1s1-0.4 1-1v-1h6v1c0 0.6 0.4
1 1 1s1-0.4 1-1v-1h2c0.6 0 1 0.4 1 1v3h-16v-3c0-0.6 0.4-1 1-1zM19
21h-14c-0.6 0-1-0.4-1-1v-9h16v9c0 0.6-0.4 1-1 1z"

Thanks,
Brian

On Wed, Jan 3, 2018 at 12:27 PM Richmond Mathewson via use-livecode <
use-livecode@lists.runrev.com> wrote:

> https://pixelbuddha.net/freebie/paticons-Icons-and-ui-patterns
>
> Richmond.
>
>
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your
> subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
>
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Richmond Mathewson via use-livecode]

https://pixelbuddha.net/freebie/paticons-Icons-and-ui-patterns

Richmond.


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Bob Sneidar via use-livecode]

That would be: VisualDesigner

> On Jan 3, 2018, at 07:27 , Bob Sneidar via use-livecode 
>  wrote:
> 
> VisualDesigler


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Bob Sneidar via use-livecode]

In case anyone needs to convert SVG to PNG or other format: 

Apple has a free app on their store called VisualDesigler, where as you may 
imagine you can also CREATE SVGs. 

Bob S


> On Jan 2, 2018, at 13:24 , J. Landman Gay via use-livecode 
>  wrote:
> 
> Looks like a nice set:
> 
> 
> I like these a little better than the Font Awesome icons because they're 
> slimmer.
> 
> -- 
> Jacqueline Landman Gay | jac...@hyperactivesw.com
> HyperActive Software   | http://www.hyperactivesw.com


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Mark Waddingham via use-livecode]

On 2018-01-03 15:30, hh via use-livecode wrote:

BM wrote:
I looked briefly for something that could convert SVG to just a path.
Inkscape can do it, but I was more looking for something that could 
easily

do it in a batch run. Then you could convert the whole set.


I'm looking for that for months. TMHO opinion inkscape can do that for 
single
selected shapes only. Even paper.js and also other js or java snippets 
can't

do such a global flattening-all without loosing some properties.

Please post whenever you find or write such a general 
"flatten-to-path".


Assuming that 'flatten-to-path' means:

"Produce a compound path which, when filled, produces the same result as 
filling and/or stroking a sequence of paths and/or shapes."


Then, in full generality, this is really quite complex - particularly if 
you want to preserve curves (which is important if you want your 
resulting path to scale arbitrarily).


There are two pieces:

  1) A 'thicken' operation which takes a path and stroke properties as 
input and produces a path which can be filled to produce the stroke. 
(i.e. the 'inside' of the path is the same as the 'inside' of the stroke 
of the original path).


  2) A 'union' operation which takes two arbitrary paths and produces a 
single path which, when filled, produces the same result as filling the 
first path, and then filling and compositing the second path on top of 
it. (i.e. the 'inside' of the path is the same as the union of the 
'insides' of the two input paths).


Neither of these are at all straight-forward in the general case 
unfortunately :(


However, if you restrict yourself to:

  1) polygonal paths and elliptical arcs, sectors and segments

  2) non-overlapping paths which use the same fill rule

Restricting to (1) means it is much easier to generate a thickened path 
from the original - there's no pesky bezier thickening to deal with 
(which is problematic because the curve which is a fixed perpendicular 
distance from a bezier is not a bezier).


Restricting to (2) means that A union B == A concat B - i.e. you append 
the path definition of B to A.


Warmest Regards,

Mark.

--
Mark Waddingham ~ m...@livecode.com ~ http://www.livecode.com/
LiveCode: Everyone can create apps


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[hh via use-livecode]

> BM wrote:
> I looked briefly for something that could convert SVG to just a path.
> Inkscape can do it, but I was more looking for something that could easily
> do it in a batch run. Then you could convert the whole set.

I'm looking for that for months. TMHO opinion inkscape can do that for single
selected shapes only. Even paper.js and also other js or java snippets can't
do such a global flattening-all without loosing some properties.

Please post whenever you find or write such a general "flatten-to-path".

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Brian Milby via use-livecode]

Icon picker would be nice. In addition to a filter field, it should allow
different families to be selected.

I looked briefly for something that could convert SVG to just a path.
Inkscape can do it, but I was more looking for something that could easily
do it in a batch run. Then you could convert the whole set.

On Wed, Jan 3, 2018 at 3:33 AM Ali Lloyd via use-livecode <
use-livecode@lists.runrev.com> wrote:

> There has been some work to replace the icon picker with a stack with a
> filter field, so once that’s in it should help quite a lot.
>
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Ali Lloyd via use-livecode]

There has been some work to replace the icon picker with a stack with a
filter field, so once that’s in it should help quite a lot.

On Tue, 2 Jan 2018 at 23:51, J. Landman Gay via use-livecode <
use-livecode@lists.runrev.com> wrote:

> As long as we're talking about this, I'd love to see more of the full
> set at once. The current interface is a little tedious. At first I could
> hardly make out the icons due to the lack of contrast, but I notice now
> the transparency has been toned down a bit, which helps. Still,
> scrolling through the whole set looking for something is slow. A window
> full of icons, like the linked web page, would be easier to scan.
>
> Or maybe add a "Show All" button where we could see the whole set in a
> window, and people could choose their view.
>
> Just thinking out loud.
>
> On 1/2/18 5:03 PM, Brian Milby via use-livecode wrote:
> > If willing to swap out a default library, the iconSVG library can be made
> > to work with these. I’ve submitted a PR with the code to load new
> > icons/families. I guess I need to add the ability to change the default
> > family (which would enable easier use in the IDE).
> >
> > Also check out svg-icon on GitHub... over 10k icons, many with MIT
> licenses
> > (leungwensen/svg-icon)
> > On Tue, Jan 2, 2018 at 4:54 PM Mark Wieder via use-livecode <
> > use-livecode@lists.runrev.com> wrote:
> >
> >> On 01/02/2018 01:24 PM, J. Landman Gay via use-livecode wrote:
> >>> Looks like a nice set:
> >>> 
> >>>
> >>> I like these a little better than the Font Awesome icons because
> they're
> >>> slimmer.
> >>>
> >>
> >> Thanks. Those seem rather nice. And MIT-licensed.
> >> The dollar-sign but no euro seems a bit restricted, though.
> >>
> >> --
> >>Mark Wieder
> >>ahsoftw...@gmail.com
> >>
> >> ___
> >> use-livecode mailing list
> >> use-livecode@lists.runrev.com
> >> Please visit this url to subscribe, unsubscribe and manage your
> >> subscription preferences:
> >> http://lists.runrev.com/mailman/listinfo/use-livecode
> >>
> > ___
> > use-livecode mailing list
> > use-livecode@lists.runrev.com
> > Please visit this url to subscribe, unsubscribe and manage your
> subscription preferences:
> > http://lists.runrev.com/mailman/listinfo/use-livecode
> >
>
>
> --
> Jacqueline Landman Gay | jac...@hyperactivesw.com
> HyperActive Software   | http://www.hyperactivesw.com
>
>
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your
> subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Mark Waddingham via use-livecode]

On 2018-01-03 06:03, Brian Milby via use-livecode wrote:
From what I see, it looks like the SVG icons are just path elements and 
not
lines/circles/etc. The new code in DP11 adds support for much more of 
the

SVG spec.


Yes - the calendar icon is a built out of three shapes, and not a simple 
'path' element.


The 'feather' collection of icons seem to differ from things like 
fontAwesome in that they are defined by an arbitrary (simple?) SVG - 
which could use multiple shapes and fills and/or strokes.


Font glyphs (i.e. what font awesome is designed for) can only be a 
single (compound) path.



I found why lines are not working... I’ll get a PR together if it isn’t
already corrected. Line 1124 had an extra “_” in _svgBoxLine that was
causing the issue.


Good catch :)

Warmest Regards,

Mark.

--
Mark Waddingham ~ m...@livecode.com ~ http://www.livecode.com/
LiveCode: Everyone can create apps

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[J. Landman Gay via use-livecode]

Has anyone mentioned how much we appreciate your contributions? :)
--
Jacqueline Landman Gay | jac...@hyperactivesw.com
HyperActive Software   | http://www.hyperactivesw.com



On January 2, 2018 11:05:28 PM Brian Milby via use-livecode 
 wrote:



From what I see, it looks like the SVG icons are just path elements and not
lines/circles/etc. The new code in DP11 adds support for much more of the
SVG spec.

I found why lines are not working... I’ll get a PR together if it isn’t
already corrected. Line 1124 had an extra “_” in _svgBoxLine that was
causing the issue.
On Tue, Jan 2, 2018 at 10:10 PM Richard Gaskin via use-livecode <
use-livecode@lists.runrev.com> wrote:


J. Landman Gay wrote:
 > The one I was working with was the calendar icon. There are only line
 > commands in it, no moveTo. I don't see a way to deal with that.

How do other programs deal with that?

--
  Richard Gaskin
  Fourth World Systems
  Software Design and Development for the Desktop, Mobile, and the Web
  
  ambassa...@fourthworld.comhttp://www.FourthWorld.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your
subscription preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your 
subscription preferences:

http://lists.runrev.com/mailman/listinfo/use-livecode




___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[J. Landman Gay via use-livecode]

I don't know how other apps handle it but Firefox displays the calendar 
icon okay.

--
Jacqueline Landman Gay | jac...@hyperactivesw.com
HyperActive Software   | http://www.hyperactivesw.com



On January 2, 2018 10:11:32 PM Richard Gaskin via use-livecode 
 wrote:



J. Landman Gay wrote:
 > The one I was working with was the calendar icon. There are only line
 > commands in it, no moveTo. I don't see a way to deal with that.

How do other programs deal with that?

--
  Richard Gaskin
  Fourth World Systems
  Software Design and Development for the Desktop, Mobile, and the Web
  
  ambassa...@fourthworld.comhttp://www.FourthWorld.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your 
subscription preferences:

http://lists.runrev.com/mailman/listinfo/use-livecode




___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Brian Milby via use-livecode]

From what I see, it looks like the SVG icons are just path elements and not
lines/circles/etc. The new code in DP11 adds support for much more of the
SVG spec.

I found why lines are not working... I’ll get a PR together if it isn’t
already corrected. Line 1124 had an extra “_” in _svgBoxLine that was
causing the issue.
On Tue, Jan 2, 2018 at 10:10 PM Richard Gaskin via use-livecode <
use-livecode@lists.runrev.com> wrote:

> J. Landman Gay wrote:
>  > The one I was working with was the calendar icon. There are only line
>  > commands in it, no moveTo. I don't see a way to deal with that.
>
> How do other programs deal with that?
>
> --
>   Richard Gaskin
>   Fourth World Systems
>   Software Design and Development for the Desktop, Mobile, and the Web
>   
>   ambassa...@fourthworld.comhttp://www.FourthWorld.com
>
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your
> subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
>
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Richard Gaskin via use-livecode]

J. Landman Gay wrote:
> The one I was working with was the calendar icon. There are only line
> commands in it, no moveTo. I don't see a way to deal with that.

How do other programs deal with that?

--
 Richard Gaskin
 Fourth World Systems
 Software Design and Development for the Desktop, Mobile, and the Web
 
 ambassa...@fourthworld.comhttp://www.FourthWorld.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[J. Landman Gay via use-livecode]

The one I was working with was the calendar icon. There are only line 
commands in it, no moveTo. I don't see a way to deal with that.


--
Jacqueline Landman Gay | jac...@hyperactivesw.com
HyperActive Software   | http://www.hyperactivesw.com



On January 2, 2018 8:47:42 PM Brian Milby via use-livecode 
 wrote:



Looking at the feather icons, it seems that “currentColor” is not being
picked up as anything which makes them render blank. If I change that to
“red” then some work. Ones that include “line” do not draw anything (seems
like a bug since the output is blank). Most use elements other than path,
so they require DP11 for the ones that work (but would not be available for
the icon library).
On Tue, Jan 2, 2018 at 8:26 PM hh via use-livecode <
use-livecode@lists.runrev.com> wrote:


There are more complicated ones like below. We have to work harder in LC 9
for these.

dist/svg/flat/chat.svg

http://www.w3.org/2000/svg"; width="100" height="100">
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your
subscription preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your 
subscription preferences:

http://lists.runrev.com/mailman/listinfo/use-livecode




___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Brian Milby via use-livecode]

Looking at the feather icons, it seems that “currentColor” is not being
picked up as anything which makes them render blank. If I change that to
“red” then some work. Ones that include “line” do not draw anything (seems
like a bug since the output is blank). Most use elements other than path,
so they require DP11 for the ones that work (but would not be available for
the icon library).
On Tue, Jan 2, 2018 at 8:26 PM hh via use-livecode <
use-livecode@lists.runrev.com> wrote:

> There are more complicated ones like below. We have to work harder in LC 9
> for these.
>
> dist/svg/flat/chat.svg
>
> http://www.w3.org/2000/svg"; width="100" height="100"> fill-rule="evenodd" clip-rule="evenodd" fill="#C0392B" d="M100 58c0
> 3.313-2.687 6-6 6h-73c-3.313 0-6-2.687-6-6v-52c0-3.313 2.687-6 6-6h73c3.313
> 0 6 2.687 6 6v52z"/> fill="#E74C3C" d="M85 73c0 3.223-2.74 6-6 6h-13c-1.113 0-2 .754-2 2v18c0
> .738-.253 1-.917 1-.232
> 0-.471-.154-.865-.457l-23.967-18.543c-3-2-6.129-2.006-6.129-2.006l-26.22-.002c-3.26
> 0-5.902-2.613-5.902-5.836v-51.125c0-3.221 2.896-6.047 6-6.031h73c3.562 0 6
> 2.778 6 6v51z"/>
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your
> subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
>
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[hh via use-livecode]

There are more complicated ones like below. We have to work harder in LC 9 for 
these.

dist/svg/flat/chat.svg

http://www.w3.org/2000/svg"; width="100" height="100">
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[hh via use-livecode]

These SVGs are fine.

1. download the zip from github
https://codeload.github.com/leungwensen/svg-icon/zip/master
(29.7 MByte, unpacks to 61.4 MByte)

2. open one of the folders in dist/svg, e.g. dist/svg/flat
3. make a stack with one field and one svg widget:

Script the field as follows

on dragenter
  set the dragaction to "copy"
  put line 1 of the dragdata["files"] into me
  put url("file:"& me) into s
  set linedel to "http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Brian Milby via use-livecode]

Appears so. I’m trying with the drawingSvgCompile and not having luck with
any of the shapes.
On Tue, Jan 2, 2018 at 6:32 PM Richard Gaskin via use-livecode <
use-livecode@lists.runrev.com> wrote:

> J. Landman Gay wrote:
>
>  > On 1/2/18 6:05 PM, J. Landman Gay via use-livecode wrote:
>  >> Alas, I can't load these icons into LC. They don't have the usual
>  >> "moveTo" commands. :(
>  >
>  > So I took a screenshot and ran it through an online PNG-SVG converter.
>  > That works, but it would be nice if LC could read these.
>
> Not even v9?
>
> --
>   Richard Gaskin
>   Fourth World Systems
>   Software Design and Development for the Desktop, Mobile, and the Web
>   
>   ambassa...@fourthworld.comhttp://www.FourthWorld.com
>
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your
> subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
>
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Richard Gaskin via use-livecode]

J. Landman Gay wrote:

> On 1/2/18 6:05 PM, J. Landman Gay via use-livecode wrote:
>> Alas, I can't load these icons into LC. They don't have the usual
>> "moveTo" commands. :(
>
> So I took a screenshot and ran it through an online PNG-SVG converter.
> That works, but it would be nice if LC could read these.

Not even v9?

--
 Richard Gaskin
 Fourth World Systems
 Software Design and Development for the Desktop, Mobile, and the Web
 
 ambassa...@fourthworld.comhttp://www.FourthWorld.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[J. Landman Gay via use-livecode]

On 1/2/18 6:05 PM, J. Landman Gay via use-livecode wrote:

On 1/2/18 5:03 PM, Brian Milby via use-livecode wrote:

If willing to swap out a default library, the iconSVG library can be made
to work with these.


Alas, I can't load these icons into LC. They don't have the usual 
"moveTo" commands. :(



So I took a screenshot and ran it through an online PNG-SVG converter. 
That works, but it would be nice if LC could read these.


--
Jacqueline Landman Gay | jac...@hyperactivesw.com
HyperActive Software   | http://www.hyperactivesw.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[J. Landman Gay via use-livecode]

On 1/2/18 5:03 PM, Brian Milby via use-livecode wrote:

If willing to swap out a default library, the iconSVG library can be made
to work with these.


Alas, I can't load these icons into LC. They don't have the usual 
"moveTo" commands. :(


--
Jacqueline Landman Gay | jac...@hyperactivesw.com
HyperActive Software   | http://www.hyperactivesw.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[J. Landman Gay via use-livecode]

On 1/2/18 4:53 PM, Mark Wieder via use-livecode wrote:

On 01/02/2018 01:24 PM, J. Landman Gay via use-livecode wrote:

Looks like a nice set:


I like these a little better than the Font Awesome icons because 
they're slimmer.




Thanks. Those seem rather nice. And MIT-licensed.
The dollar-sign but no euro seems a bit restricted, though.



Made in America by Americans. :)

--
Jacqueline Landman Gay | jac...@hyperactivesw.com
HyperActive Software   | http://www.hyperactivesw.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[J. Landman Gay via use-livecode]

As long as we're talking about this, I'd love to see more of the full 
set at once. The current interface is a little tedious. At first I could 
hardly make out the icons due to the lack of contrast, but I notice now 
the transparency has been toned down a bit, which helps. Still, 
scrolling through the whole set looking for something is slow. A window 
full of icons, like the linked web page, would be easier to scan.


Or maybe add a "Show All" button where we could see the whole set in a 
window, and people could choose their view.


Just thinking out loud.

On 1/2/18 5:03 PM, Brian Milby via use-livecode wrote:

If willing to swap out a default library, the iconSVG library can be made
to work with these. I’ve submitted a PR with the code to load new
icons/families. I guess I need to add the ability to change the default
family (which would enable easier use in the IDE).

Also check out svg-icon on GitHub... over 10k icons, many with MIT licenses
(leungwensen/svg-icon)
On Tue, Jan 2, 2018 at 4:54 PM Mark Wieder via use-livecode <
use-livecode@lists.runrev.com> wrote:


On 01/02/2018 01:24 PM, J. Landman Gay via use-livecode wrote:

Looks like a nice set:


I like these a little better than the Font Awesome icons because they're
slimmer.



Thanks. Those seem rather nice. And MIT-licensed.
The dollar-sign but no euro seems a bit restricted, though.

--
   Mark Wieder
   ahsoftw...@gmail.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your
subscription preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode




--
Jacqueline Landman Gay | jac...@hyperactivesw.com
HyperActive Software   | http://www.hyperactivesw.com


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Brian Milby via use-livecode]

If willing to swap out a default library, the iconSVG library can be made
to work with these. I’ve submitted a PR with the code to load new
icons/families. I guess I need to add the ability to change the default
family (which would enable easier use in the IDE).

Also check out svg-icon on GitHub... over 10k icons, many with MIT licenses
(leungwensen/svg-icon)
On Tue, Jan 2, 2018 at 4:54 PM Mark Wieder via use-livecode <
use-livecode@lists.runrev.com> wrote:

> On 01/02/2018 01:24 PM, J. Landman Gay via use-livecode wrote:
> > Looks like a nice set:
> > 
> >
> > I like these a little better than the Font Awesome icons because they're
> > slimmer.
> >
>
> Thanks. Those seem rather nice. And MIT-licensed.
> The dollar-sign but no euro seems a bit restricted, though.
>
> --
>   Mark Wieder
>   ahsoftw...@gmail.com
>
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your
> subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
>
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Free SVG icons

[Mark Wieder via use-livecode]

On 01/02/2018 01:24 PM, J. Landman Gay via use-livecode wrote:

Looks like a nice set:


I like these a little better than the Font Awesome icons because they're 
slimmer.




Thanks. Those seem rather nice. And MIT-licensed.
The dollar-sign but no euro seems a bit restricted, though.

--
 Mark Wieder
 ahsoftw...@gmail.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Free SVG icons

[J. Landman Gay via use-livecode]

Looks like a nice set:


I like these a little better than the Font Awesome icons because they're 
slimmer.


--
Jacqueline Landman Gay | jac...@hyperactivesw.com
HyperActive Software   | http://www.hyperactivesw.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode