Josiah, Thanks for that info, I will be adding it directly in my SVG usage notes, thanks heaps
Tony On Tuesday, 2 October 2018 03:09:08 UTC+10, @TiddlyTweeter wrote: > > 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/6b26add3-8939-49cf-b8b7-3748afa20ced%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
