Ciao TonyM, barro & Mohammad

> ... just edit them and add  width="32" height="32" inside the opening 
> <svg    width="32" height="32"> 
>

Thanks TonyM for alerting us FA did an SVG release. Excellent!

A few quick notes on this--mainly 'cause I think it could be great to 
convert all those SVGs. But there are a few points I want to make.

For *the FontAwesome SVGs*, used as is, I would set width="auto" 
height="22pt" In fact you can leave width out entirely as "auto" is 
implied. The reason is that FA SVGs have a "viewBox" that is normally 512 
high but can come in variant widths.

And the 22 "points" height is when you want the the same height as icons in 
TW as the core icons are all (I think) 22pt x 22pt (viewBox="0 0 128 128") 
-- i.e square. 

SVGs can be confusing at first as the dimensions are not exactly the 
apparent "image" size. The width and height are actually a scaling in 
relation to the viewBox.

NOW, if you want square icons, like they are in TW, you could force the FA 
SVG to reshape by using width="22pt" height="22pt" and adding 
preserveAspectRatio="none". I suspect many of the FA SVGs will reshape 
well. Anyway, IMO its better interface icons are the same size :-)

Here's an example of how the start could look for an FA SVG for a TW icon 
...

<svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 448 512" width="22pt" 
height="22pt" preserveAspectRatio="none">

Hope this is helpful!
Josiah

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/e51179dd-4e56-4deb-9a82-ada974515b79%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to