Development Team/Almanac/Making Icons: Difference between revisions
how to use gradients |
|||
| Line 145: | Line 145: | ||
Here is an example of one way to do this by overlaying a gradient over the data-driven XO stroke and fill colors: | Here is an example of one way to do this by overlaying a gradient over the data-driven XO stroke and fill colors: | ||
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [ | |||
<!ENTITY stroke_color "#010101"><!ENTITY fill_color "#FF0000">]> | <!ENTITY stroke_color "#010101"><!ENTITY fill_color "#FF0000">]> | ||
<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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> | <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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> | ||
| Line 179: | Line 179: | ||
</g> | </g> | ||
</svg> | </svg> | ||
== See also == | == See also == | ||