Sugar Icon Format: Difference between revisions

From OLPC
Jump to navigation Jump to search
(Added 'See also' section, with link to Making_SVG_Icons_for_Sugar)
(Making Sugar Icons has been moved, it is now a redirect to Making Sugar icons)
 
(4 intermediate revisions by 3 users not shown)
Line 1: Line 1:
#redirect [[Making Sugar icons]]
* All icons used by Sugar should use the [http://www.w3.org/Graphics/SVG/ SVG] format.
* The following entities should be defined to allow to dynamically modify the icons.
<!ENTITY fill_color "#FFFFFF">
<!ENTITY stroke_color "#000000">
* Size, colors and layout should respect the HIG [[OLPC_Human_Interface_Guidelines/The_Sugar_Interface/Icons|guidelines]]

= Example =

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY fill_color "#FFFFFF">
<!ENTITY stroke_color "#000000">
]>
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
<rect x="1" y="1" width="48" height="48" style="fill:&fill_color;;stroke:&stroke_color;;stroke-width:2"/>
</svg>

:Shouldn't that have a surface height and width of 45, and a stroke-width of 4.5, to make sure it looks ok at XS. See [[OLPC Human Interface Guidelines/The_Sugar_Interface/Icons#Icon Design Guidelines]] and [[OLPC Human Interface Guidelines/The Sugar Interface/Layout Guidelines]]. [[User:MitchellNCharity|MitchellNCharity]] 19:26, 15 May 2007 (EDT)
Perhaps:
<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45">
<rect x="3" y="3" width="40" height="40" style="fill:&fill_color;;stroke:&stroke_color;;stroke-width:4.5"/>
</svg>

==See also==
*[[Making SVG Icons for Sugar]]


[[Category:Sugar]]

Latest revision as of 16:58, 25 March 2009

Redirect to: