<div class="gmail_quote"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;"><div class="im">> (1) Is there a way to render gradients using the fill color? For example, if the child's XO fill color is red, I would like to render an activity icon using a red gradient. Maybe there are tricks in SVG which make this possible?<br>
<br>
</div>Yep, that's possible. Personally I edit all my SVGs by hand, so it's easy for me to generate clean XML code and put the fill and stroke variables in the correct places. It would seem to feel somewhat off the spirit of the sugar icon style (strong, clear, flat shaded silhouettes), but there are a few cases where I have considered something along this line, i.e. an icon that represents something specifically with different colours like ColourDeducto vs Deducto. I don't think I've seen any activity icons try this yet, but it might work for some specific cases if it's not used to try and make 3d style shaded button icons.</blockquote>
<div><br></div><div>That's good news! </div><div><br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
Do you need a hand with a specific icon?</blockquote><div><br></div><div>Let's use the hereunder svg as an example. How would I use the fill_color as a parameter to create a gradient from the top to the bottom of the rectangle? (I can see how I would make a gradient from fill_color to a hard-coded color, but I would like to create a gradient with stop-color attributes derived from the fill_color).</div>
<div><br></div><div><span class="Apple-style-span" style="font-size: x-small;"><font class="Apple-style-span" face="'courier new', monospace"><br></font></span></div></div><blockquote class="webkit-indent-blockquote" style="margin: 0 0 0 40px; border: none; padding: 0px;">
<div class="gmail_quote"><div><span class="Apple-style-span" style="font-size: x-small;"><font class="Apple-style-span" face="'courier new', monospace"><?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' '<a href="http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd</a>' [</font></span></div>
</div><div class="gmail_quote"><span class="Apple-style-span" style="font-size: x-small;"><font class="Apple-style-span" face="'courier new', monospace"><!ENTITY stroke_color "#010101"></font></span></div>
<div class="gmail_quote"><span class="Apple-style-span" style="font-size: x-small;"><font class="Apple-style-span" face="'courier new', monospace"><!ENTITY fill_color "#FFFFFF"></font></span></div>
<div class="gmail_quote"><div><span class="Apple-style-span" style="font-size: x-small;"><font class="Apple-style-span" face="'courier new', monospace">]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="<a href="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>" xmlns:xlink="<a href="http://www.w3.org/1999/xlink">http://www.w3.org/1999/xlink</a>" y="0px"><g display="block" id="activity-example"></font></span></div>
</div><div class="gmail_quote"><div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-size: x-small;"><font class="Apple-style-span" face="'courier new', monospace"> </font></span></span></div>
</div><div class="gmail_quote"><span class="Apple-style-span" style="font-size: x-small;"><font class="Apple-style-span" face="'courier new', monospace"><rect display="inline" fill="&fill_color;" height="30.771" stroke="&stroke_color;" stroke-linejoin="round" stroke-width="3.5" width="41.438" x="6.705" y="12.213"/></font></span></div>
<div class="gmail_quote"><div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-size: x-small;"><font class="Apple-style-span" face="'courier new', monospace"> </font></span></span></div>
<span class="Apple-style-span" style="font-size: x-small;"><font class="Apple-style-span" face="'courier new', monospace"><circle cx="27.504" cy="27.598" display="inline" fill="&stroke_color;" r="2.946"/></font></span></div>
<div class="gmail_quote"><div><span class="Apple-style-span" style="font-size: x-small;"><font class="Apple-style-span" face="'courier new', monospace"></g></svg> </font></span></div></div></blockquote>
<div class="gmail_quote"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;"> </blockquote></div>