...
 
Commits (14)
This diff is collapsed.
This diff is collapsed.
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="168.00209"
height="48"
id="svg3202"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="aluminium1.svg">
<defs
id="defs3204" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="90.733538"
inkscape:cy="15.915525"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1013"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1">
<inkscape:grid
type="xygrid"
id="grid3255"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true"
originx="-1e-05px"
originy="1.9816894e-05px" />
</sodipodi:namedview>
<metadata
id="metadata3207">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-333.91361,-495.8412)">
<path
inkscape:connector-curvature="0"
style="fill:#eeeeec"
d="m 345.18623,495.8412 25.45894,0 c 6.2234,0 11.26844,5.04525 11.26844,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.26844,11.27262 l -25.45894,0 c -6.2234,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04922,-11.27053 11.27262,-11.27053 z"
id="rect301_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#d3d7cf"
d="m 405.18832,495.8412 25.45476,0 c 6.22737,0 11.27262,5.04525 11.27262,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.27262,11.27262 l -25.45476,0 c -6.22737,0 -11.27471,-5.04734 -11.27471,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04713,-11.27053 11.27471,-11.27053 z"
id="rect302_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#babdb6"
d="m 465.18832,495.8412 25.45686,0 c 6.22528,0 11.27052,5.04525 11.27052,11.27053 l 0,25.45685 c 0,6.22528 -5.04524,11.27262 -11.27052,11.27262 l -25.45686,0 c -6.22528,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04734,-11.27053 11.27262,-11.27053 z"
id="rect303_1_" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="168.00209"
height="48"
id="svg3202"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="aluminium2.svg">
<defs
id="defs3204" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="90.733538"
inkscape:cy="15.915525"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1013"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1">
<inkscape:grid
type="xygrid"
id="grid3255"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true"
originx="-1e-05px"
originy="1.9816894e-05px" />
</sodipodi:namedview>
<metadata
id="metadata3207">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-333.91361,-495.8412)">
<path
inkscape:connector-curvature="0"
style="fill:#888a85"
d="m 345.18623,495.8412 25.45894,0 c 6.2234,0 11.26844,5.04525 11.26844,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.26844,11.27262 l -25.45894,0 c -6.2234,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04922,-11.27053 11.27262,-11.27053 z"
id="rect301_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#555753"
d="m 405.18832,495.8412 25.45476,0 c 6.22737,0 11.27262,5.04525 11.27262,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.27262,11.27262 l -25.45476,0 c -6.22737,0 -11.27471,-5.04734 -11.27471,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04713,-11.27053 11.27471,-11.27053 z"
id="rect302_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#2e3436"
d="m 465.18832,495.8412 25.45686,0 c 6.22528,0 11.27052,5.04525 11.27052,11.27053 l 0,25.45685 c 0,6.22528 -5.04524,11.27262 -11.27052,11.27262 l -25.45686,0 c -6.22528,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04734,-11.27053 11.27262,-11.27053 z"
id="rect303_1_" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="168.00209"
height="48"
id="svg3202"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="butter.svg">
<defs
id="defs3204" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="90.733538"
inkscape:cy="15.915525"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1013"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1">
<inkscape:grid
type="xygrid"
id="grid3255"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true"
originx="-1e-05px"
originy="1.9816894e-05px" />
</sodipodi:namedview>
<metadata
id="metadata3207">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-333.91361,-495.8412)">
<path
inkscape:connector-curvature="0"
style="fill:#fce94f"
d="m 345.18623,495.8412 25.45894,0 c 6.2234,0 11.26844,5.04525 11.26844,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.26844,11.27262 l -25.45894,0 c -6.2234,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04922,-11.27053 11.27262,-11.27053 z"
id="rect301_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#edd400"
d="m 405.18832,495.8412 25.45476,0 c 6.22737,0 11.27262,5.04525 11.27262,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.27262,11.27262 l -25.45476,0 c -6.22737,0 -11.27471,-5.04734 -11.27471,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04713,-11.27053 11.27471,-11.27053 z"
id="rect302_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#c4a000"
d="m 465.18832,495.8412 25.45686,0 c 6.22528,0 11.27052,5.04525 11.27052,11.27053 l 0,25.45685 c 0,6.22528 -5.04524,11.27262 -11.27052,11.27262 l -25.45686,0 c -6.22528,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04734,-11.27053 11.27262,-11.27053 z"
id="rect303_1_" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="168.00209"
height="48"
id="svg3202"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="chameleon.svg">
<defs
id="defs3204" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="90.733538"
inkscape:cy="15.915525"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1013"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1">
<inkscape:grid
type="xygrid"
id="grid3255"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true"
originx="-1e-05px"
originy="1.9816894e-05px" />
</sodipodi:namedview>
<metadata
id="metadata3207">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-333.91361,-495.8412)">
<path
inkscape:connector-curvature="0"
style="fill:#8ae234"
d="m 345.18623,495.8412 25.45894,0 c 6.2234,0 11.26844,5.04525 11.26844,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.26844,11.27262 l -25.45894,0 c -6.2234,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04922,-11.27053 11.27262,-11.27053 z"
id="rect301_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#73d216"
d="m 405.18832,495.8412 25.45476,0 c 6.22737,0 11.27262,5.04525 11.27262,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.27262,11.27262 l -25.45476,0 c -6.22737,0 -11.27471,-5.04734 -11.27471,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04713,-11.27053 11.27471,-11.27053 z"
id="rect302_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#4e9a06"
d="m 465.18832,495.8412 25.45686,0 c 6.22528,0 11.27052,5.04525 11.27052,11.27053 l 0,25.45685 c 0,6.22528 -5.04524,11.27262 -11.27052,11.27262 l -25.45686,0 c -6.22528,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04734,-11.27053 11.27262,-11.27053 z"
id="rect303_1_" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="168.00209"
height="48"
id="svg3202"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="chocolate.svg">
<defs
id="defs3204" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="90.733538"
inkscape:cy="15.915525"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1013"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1">
<inkscape:grid
type="xygrid"
id="grid3255"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true"
originx="-1e-05px"
originy="1.9816894e-05px" />
</sodipodi:namedview>
<metadata
id="metadata3207">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-333.91361,-495.8412)">
<path
inkscape:connector-curvature="0"
style="fill:#e9b96e"
d="m 345.18623,495.8412 25.45894,0 c 6.2234,0 11.26844,5.04525 11.26844,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.26844,11.27262 l -25.45894,0 c -6.2234,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04922,-11.27053 11.27262,-11.27053 z"
id="rect301_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#c17d11"
d="m 405.18832,495.8412 25.45476,0 c 6.22737,0 11.27262,5.04525 11.27262,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.27262,11.27262 l -25.45476,0 c -6.22737,0 -11.27471,-5.04734 -11.27471,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04713,-11.27053 11.27471,-11.27053 z"
id="rect302_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#8f5902"
d="m 465.18832,495.8412 25.45686,0 c 6.22528,0 11.27052,5.04525 11.27052,11.27053 l 0,25.45685 c 0,6.22528 -5.04524,11.27262 -11.27052,11.27262 l -25.45686,0 c -6.22528,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04734,-11.27053 11.27262,-11.27053 z"
id="rect303_1_" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="168.00209"
height="48"
id="svg3202"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="orange.svg">
<defs
id="defs3204" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="90.733538"
inkscape:cy="15.915525"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1013"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1">
<inkscape:grid
type="xygrid"
id="grid3255"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true"
originx="-1e-05px"
originy="1.9816894e-05px" />
</sodipodi:namedview>
<metadata
id="metadata3207">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-333.91361,-495.8412)">
<path
inkscape:connector-curvature="0"
style="fill:#fcaf3e"
d="m 345.18623,495.8412 25.45894,0 c 6.2234,0 11.26844,5.04525 11.26844,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.26844,11.27262 l -25.45894,0 c -6.2234,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04922,-11.27053 11.27262,-11.27053 z"
id="rect301_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#f57900"
d="m 405.18832,495.8412 25.45476,0 c 6.22737,0 11.27262,5.04525 11.27262,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.27262,11.27262 l -25.45476,0 c -6.22737,0 -11.27471,-5.04734 -11.27471,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04713,-11.27053 11.27471,-11.27053 z"
id="rect302_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#ce5c00"
d="m 465.18832,495.8412 25.45686,0 c 6.22528,0 11.27052,5.04525 11.27052,11.27053 l 0,25.45685 c 0,6.22528 -5.04524,11.27262 -11.27052,11.27262 l -25.45686,0 c -6.22528,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04734,-11.27053 11.27262,-11.27053 z"
id="rect303_1_" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="168.00209"
height="48"
id="svg3202"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="plum.svg">
<defs
id="defs3204" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="90.733538"
inkscape:cy="15.915525"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1013"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1">
<inkscape:grid
type="xygrid"
id="grid3255"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true"
originx="-1e-05px"
originy="1.9816894e-05px" />
</sodipodi:namedview>
<metadata
id="metadata3207">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-333.91361,-495.8412)">
<path
inkscape:connector-curvature="0"
style="fill:#ad7fa8"
d="m 345.18623,495.8412 25.45894,0 c 6.2234,0 11.26844,5.04525 11.26844,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.26844,11.27262 l -25.45894,0 c -6.2234,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04922,-11.27053 11.27262,-11.27053 z"
id="rect301_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#75507b"
d="m 405.18832,495.8412 25.45476,0 c 6.22737,0 11.27262,5.04525 11.27262,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.27262,11.27262 l -25.45476,0 c -6.22737,0 -11.27471,-5.04734 -11.27471,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04713,-11.27053 11.27471,-11.27053 z"
id="rect302_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#5c3566"
d="m 465.18832,495.8412 25.45686,0 c 6.22528,0 11.27052,5.04525 11.27052,11.27053 l 0,25.45685 c 0,6.22528 -5.04524,11.27262 -11.27052,11.27262 l -25.45686,0 c -6.22528,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04734,-11.27053 11.27262,-11.27053 z"
id="rect303_1_" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="168.00209"
height="48"
id="svg3202"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="scarlet-red.svg">
<defs
id="defs3204" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="90.733538"
inkscape:cy="15.915525"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1013"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1">
<inkscape:grid
type="xygrid"
id="grid3255"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true"
originx="-1e-05px"
originy="1.9816894e-05px" />
</sodipodi:namedview>
<metadata
id="metadata3207">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-333.91361,-495.8412)">
<path
inkscape:connector-curvature="0"
style="fill:#ef2929"
d="m 345.18623,495.8412 25.45894,0 c 6.2234,0 11.26844,5.04525 11.26844,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.26844,11.27262 l -25.45894,0 c -6.2234,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04922,-11.27053 11.27262,-11.27053 z"
id="rect301_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#cc0000"
d="m 405.18832,495.8412 25.45476,0 c 6.22737,0 11.27262,5.04525 11.27262,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.27262,11.27262 l -25.45476,0 c -6.22737,0 -11.27471,-5.04734 -11.27471,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04713,-11.27053 11.27471,-11.27053 z"
id="rect302_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#a40000"
d="m 465.18832,495.8412 25.45686,0 c 6.22528,0 11.27052,5.04525 11.27052,11.27053 l 0,25.45685 c 0,6.22528 -5.04524,11.27262 -11.27052,11.27262 l -25.45686,0 c -6.22528,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04734,-11.27053 11.27262,-11.27053 z"
id="rect303_1_" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="168.00209"
height="48"
id="svg3202"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="sky-blue.svg">
<defs
id="defs3204" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="90.733538"
inkscape:cy="15.915525"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1013"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1">
<inkscape:grid
type="xygrid"
id="grid3255"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true"
originx="-1e-05px"
originy="1.9816894e-05px" />
</sodipodi:namedview>
<metadata
id="metadata3207">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-333.91361,-495.8412)">
<path
inkscape:connector-curvature="0"
style="fill:#729fcf"
d="m 345.18623,495.8412 25.45894,0 c 6.2234,0 11.26844,5.04525 11.26844,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.26844,11.27262 l -25.45894,0 c -6.2234,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04922,-11.27053 11.27262,-11.27053 z"
id="rect301_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#3465a4"
d="m 405.18832,495.8412 25.45476,0 c 6.22737,0 11.27262,5.04525 11.27262,11.27053 l 0,25.45685 c 0,6.22528 -5.04525,11.27262 -11.27262,11.27262 l -25.45476,0 c -6.22737,0 -11.27471,-5.04734 -11.27471,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04713,-11.27053 11.27471,-11.27053 z"
id="rect302_1_" />
<path
inkscape:connector-curvature="0"
style="fill:#204a87"
d="m 465.18832,495.8412 25.45686,0 c 6.22528,0 11.27052,5.04525 11.27052,11.27053 l 0,25.45685 c 0,6.22528 -5.04524,11.27262 -11.27052,11.27262 l -25.45686,0 c -6.22528,0 -11.27262,-5.04734 -11.27262,-11.27262 l 0,-25.45685 c 0,-6.22528 5.04734,-11.27053 11.27262,-11.27053 z"
id="rect303_1_" />
</g>
</svg>
This diff is collapsed.
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:export-ydpi="96"
inkscape:export-xdpi="96"
inkscape:export-filename="Template.png"
width="512"
height="512"
id="svg11300"
sodipodi:version="0.32"
inkscape:version="0.92.2 2405546, 2018-03-11"
sodipodi:docname="whitespace.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape"
version="1.0"
style="display:inline;enable-background:new"
viewBox="0 0 128 128">
<title
id="title4162">Adwaita Icon Template</title>
<defs
id="defs3">
<inkscape:path-effect
effect="powerstroke"
id="path-effect1194"
is_visible="true"
offset_points="0,0.5"
sort_points="true"
interpolator_type="CubicBezierJohan"
interpolator_beta="0.2"
start_linecap_type="zerowidth"
linejoin_type="extrp_arc"
miter_limit="4"
end_linecap_type="zerowidth" />
<linearGradient
inkscape:collect="always"
id="linearGradient1659">
<stop
style="stop-color:#f3f4f5;stop-opacity:1"
offset="0"
id="stop1655" />
<stop
id="stop1663"
offset="0.54954666"
style="stop-color:#eceeef;stop-opacity:1;" />
<stop
style="stop-color:#e4e6e8;stop-opacity:1"
offset="1"
id="stop1657" />
</linearGradient>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath5145">
<path
style="opacity:1;vector-effect:none;fill:url(#radialGradient5149);fill-opacity:1;stroke:none;stroke-width:23.99999809;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
d="m 175.5,-180.5 c -79.529004,0 -143.999999,64.471 -143.999998,144 C 31.537265,36.80952 80,101.1686 127.99999,106.53516 V 268 h 256 V 107.5 C 424,107.5 447.5,64.51934 447.5,11.5 c 0,-53.01933 -42.98066,-96 -96,-96 -11.78063,0.0333 -24.11411,2.48818 -34.40967,6.48315 0.26684,7.48631 10.17287,22.80443 10.17287,22.80443 0,0 -9.07587,-9.60843 -13.54836,-21.42235 C 295.86542,-138.13923 239.54217,-180.46484 175.5,-180.5 Z"
id="path5147"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccsccccc" />
</clipPath>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient1659"
id="radialGradient5149"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.70290495,0,0,0.702905,50.818933,-192.63808)"
cx="160.30769"
cy="148.15384"
fx="160.30769"
fy="148.15384"
r="208" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1101"
id="linearGradient1103-3"
x1="266"
y1="-280"
x2="266"
y2="172"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
id="linearGradient1101">
<stop
style="stop-color:#fafafa;stop-opacity:1"
offset="0"
id="stop1097" />
<stop
style="stop-color:#eff0f1;stop-opacity:1"
offset="1"
id="stop1099" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1132"
id="linearGradient1134"
x1="256"
y1="139.99988"
x2="256"
y2="-235.00002"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
id="linearGradient1132">
<stop
style="stop-color:#f6f5f4;stop-opacity:1;"
offset="0"
id="stop1127" />
<stop
style="stop-color:#fbfaf9;stop-opacity:1"
offset="1"
id="stop1130" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1116"
id="linearGradient1254-3"
x1="238.36977"
y1="249.63026"
x2="192"
y2="338.54343"
gradientUnits="userSpaceOnUse" />
<linearGradient
id="linearGradient1116"
inkscape:collect="always">
<stop
id="stop1112"
offset="0"
style="stop-color:#d0bb8e;stop-opacity:1" />
<stop
id="stop1114"
offset="1"
style="stop-color:#dfd0b1;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient1124"
id="radialGradient1127-2"
cx="282.92401"
cy="258.34106"
fx="282.92401"
fy="258.34106"
r="60"
gradientTransform="matrix(1.6444599,3.543939e-8,-3.3117136e-8,1.5367026,-206.56565,-349.7076)"
gradientUnits="userSpaceOnUse" />
<linearGradient
id="linearGradient1124"
inkscape:collect="always">
<stop
id="stop1118"
offset="0"
style="stop-color:#dcccaa;stop-opacity:1" />
<stop
style="stop-color:#d0bb8e;stop-opacity:1"
offset="0.37812281"
id="stop1120" />
<stop
id="stop1122"
offset="1"
style="stop-color:#bd9e5e;stop-opacity:1" />
</linearGradient>
</defs>
<sodipodi:namedview
stroke="#ef2929"
fill="#f57900"
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="0.25490196"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="4"
inkscape:cx="-72.917507"
inkscape:cy="27.883188"
inkscape:current-layer="layer9"
showgrid="false"
inkscape:grid-bbox="true"
inkscape:document-units="px"
inkscape:showpageshadow="false"
inkscape:window-width="3440"
inkscape:window-height="1376"
inkscape:window-x="0"
inkscape:window-y="61"
width="400px"
height="300px"
inkscape:snap-nodes="true"
inkscape:snap-bbox="true"
objecttolerance="7"
gridtolerance="12"
guidetolerance="13"
inkscape:window-maximized="1"
inkscape:pagecheckerboard="false"
showguides="false"
inkscape:guide-bbox="true"
inkscape:locked="false"
inkscape:measure-start="0,0"
inkscape:measure-end="0,0"
inkscape:object-nodes="true"
inkscape:bbox-nodes="true"
inkscape:snap-global="true"
inkscape:object-paths="true"
inkscape:snap-intersection-paths="true"
inkscape:snap-bbox-edge-midpoints="true"
inkscape:snap-bbox-midpoints="true"
showborder="false">
<inkscape:grid
type="xygrid"
id="grid5883"
spacingx="8"
spacingy="8"
enabled="true"
visible="true"
empspacing="4"
originx="0"
originy="0" />
<sodipodi:guide
position="216,216"
orientation="0,1"
id="guide1073"
inkscape:locked="false" />
<sodipodi:guide
position="216.00001,216"
orientation="1,0"
id="guide1075"
inkscape:locked="false" />
<sodipodi:guide
position="212.48559,512"
orientation="0,1"
id="guide1099"
inkscape:locked="false" />
<sodipodi:guide
position="424,272"
orientation="0,1"
id="guide993"
inkscape:locked="false" />
<sodipodi:guide
position="424.00001,272"
orientation="1,0"
id="guide995"
inkscape:locked="false" />
</sodipodi:namedview>
<metadata
id="metadata4">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:creator>
<cc:Agent>
<dc:title>GNOME Design Team</dc:title>
</cc:Agent>
</dc:creator>
<dc:source />
<cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
<dc:title>Adwaita Icon Template</dc:title>
<dc:subject>
<rdf:Bag />
</dc:subject>
<dc:date />
<dc:rights>
<cc:Agent>
<dc:title />
</cc:Agent>
</dc:rights>
<dc:publisher>
<cc:Agent>
<dc:title />
</cc:Agent>
</dc:publisher>
<dc:identifier />
<dc:relation />
<dc:language />
<dc:coverage />
<dc:description />
<dc:contributor>
<cc:Agent>
<dc:title />
</cc:Agent>
</dc:contributor>
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
<cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Notice" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Attribution" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#ShareAlike" />
</cc:License>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:label="Icon"
inkscape:groupmode="layer"
style="display:inline"
transform="translate(0,-172)">
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="baseplate"
style="display:inline">
<rect
style="display:inline;overflow:visible;visibility:visible;fill:#f0f0f0;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:accumulate"
id="rect13805"
width="128"
height="128"
x="9.2651362e-08"
y="172"
inkscape:label="512x512" />
<g
style="display:inline;enable-background:new"
id="g1168"
transform="matrix(0.25,0,0,0.25,6.9488522e-8,225)">
<circle
cx="256"
cy="44"
r="240"
id="path1142"
style="opacity:0.1;fill:#2864b0;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal" />
<rect
ry="32"
rx="32"
y="-180"
x="96"
height="448"
width="319.99979"
id="rect1110"
style="opacity:0.1;fill:#2864b0;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal" />
<rect
ry="32"
rx="32"
y="-164"
x="48"
height="416"
width="416"
id="rect1110-8"
style="display:inline;opacity:0.1;fill:#2864b0;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new" />
<rect
ry="32"
rx="32"
y="-116"
x="32"
height="320"
width="448"
id="rect1110-8-9"
style="display:inline;opacity:0.1;fill:#2864b0;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new" />
</g>
<path
style="display:inline;opacity:0.472;vector-effect:none;fill:#4a86cf;fill-opacity:1;stroke:none;stroke-width:10;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new"
d="M 0,172 V 300 H 128 V 172 Z m 8,8 H 120.125 V 292.125 H 8 Z"
id="rect991"
inkscape:connector-curvature="0" />
</g>
<g
inkscape:groupmode="layer"
id="layer9"
inkscape:label="hires"
style="display:inline;opacity:1">
<g
transform="matrix(0.25,0,0,0.25,0.05278429,224.97187)"
style="display:inline;opacity:1;enable-background:new"
id="g961-7">
<rect
ry="0"
rx="0"
y="172"
x="111.99999"
height="96.000008"
width="288"
id="rect957-0"
style="opacity:1;vector-effect:none;fill:#e9e8e6;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal" />
<rect
ry="0"
rx="0"
y="260"
x="111.99999"
height="7.9999924"
width="288"
id="rect957-5-9"
style="display:inline;opacity:1;vector-effect:none;fill:#cdcbc6;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new" />
<g
transform="translate(0,32.00001)"
style="fill:url(#linearGradient1103-3);fill-opacity:1"
id="g1095-3">
<path
style="display:inline;opacity:1;vector-effect:none;fill:url(#linearGradient1134);fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new"
d="m 280,-212.00001 a 111.99998,111.99998 0 0 0 -103.48438,69.2793 96,96 0 0 0 -48.51562,-13.2793 96,96 0 0 0 -96,96 96,96 0 0 0 80,94.55078 V 139.99999 H 400 V 74.64257 A 96,96 0 0 0 480,-20.00001 96,96 0 0 0 390.78125,-115.66017 111.99998,111.99998 0 0 0 280,-212.00001 Z"
id="rect957-3-6"
inkscape:connector-curvature="0" />
</g>
<path
inkscape:connector-curvature="0"
id="rect1043-1"
transform="translate(0,-212)"
d="m 200,247.375 a 96,96 0 0 1 -8,8.02344 V 391 c 0,2.216 1.784,4 4,4 2.216,0 4,-1.784 4,-4 z m 32,2.23242 V 391 c 0,2.216 1.784,4 4,4 2.216,0 4,-1.784 4,-4 V 252.24609 c -2.70399,-0.76208 -5.37323,-1.64248 -8,-2.63867 z m 48,5.2207 c -2.65346,0.39879 -5.32247,0.68615 -8,0.86133 V 391 c 0,2.216 1.784,4 4,4 2.216,0 4,-1.784 4,-4 z m -120,19.57422 a 96,96 0 0 1 -8,2.47657 V 391 c 0,2.216 1.784,4 4,4 2.216,0 4,-1.784 4,-4 z m 152,12.91407 V 391 c 0,2.216 1.784,4 4,4 2.216,0 4,-1.784 4,-4 v -95.58203 a 96,96 0 0 1 -8,-8.10156 z m 40,27.07031 V 391 c 0,2.216 1.784,4 4,4 2.216,0 4,-1.784 4,-4 v -74.17188 a 96,96 0 0 1 -8,-2.4414 z"
style="display:inline;opacity:1;vector-effect:none;fill:#e9e8e6;fill-opacity:1;stroke:none;stroke-width:1.99999988;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new" />
<path
sodipodi:nodetypes="ccccccsccc"
inkscape:connector-curvature="0"
id="rect957-6-8"
d="M 208.25391,-20 C 197.78881,-7.7253423 192.02787,7.8697548 192,24 v 51.03125 l -80,80 v 33.9375 L 208.96875,92 H 260 c 37.55536,10e-7 68,-30.444637 68,-68 -0.004,-16.1196309 -5.73514,-31.7135038 -16.16992,-44 z"
style="display:inline;opacity:0.05;vector-effect:none;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new" />
<path
inkscape:connector-curvature="0"
id="rect1198-7"
transform="translate(0,-212)"
d="m 260,160 a 67.999998,67.999998 0 0 0 -68,68 v 51.03125 L 11.515625,459.51562 a 12.0012,12.0012 0 1 0 16.96875,16.96876 L 208.96875,296 H 260 a 67.999998,67.999998 0 0 0 68,-68 67.999998,67.999998 0 0 0 -68,-68 z"
style="opacity:1;vector-effect:none;fill:url(#linearGradient1254-3);fill-opacity:1;stroke:none;stroke-width:23.99999809;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal" />
<path
sodipodi:nodetypes="cccccccscc"
inkscape:connector-curvature="0"
id="rect1198-9-9"
d="M 327.83398,12.68945 C 325.36969,48.33818 295.7338,75.99783 260,76 H 208.96875 L 28.484375,256.48438 c -6.188032,6.42706 -16.976414,4.09475 -19.957031,-4.31446 -4.273313,12.15719 11.007608,21.58627 19.957031,12.31446 L 208.96875,84 H 260 c 37.55536,0 68,-30.44464 68,-68 -0.0284,-1.1047 -0.0838,-2.20855 -0.16602,-3.31055 z"
style="display:inline;opacity:1;vector-effect:none;fill:#c7ae79;fill-opacity:1;stroke:none;stroke-width:24;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new" />
<path
inkscape:connector-curvature="0"
id="rect1115-2"
d="M 260,-44 A 60,56.068359 0 0 0 201.01172,1.95898 C 200.35115,4.31389 200,6.78492 200,9.33398 v 2.73438 26.59766 C 200,54.91668 214.272,68 232,68 h 23.87305 A 60,56.068359 0 0 0 260,68.13672 60,56.068359 0 0 0 262.93164,68 H 264 c 3.6011,0 7.05601,-0.54839 10.28125,-1.54492 A 60,56.068359 0 0 0 320,12.06836 60,56.068359 0 0 0 260,-44 Z"
style="opacity:1;vector-effect:none;fill:url(#radialGradient1127-2);fill-opacity:1;stroke:none;stroke-width:24;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal" />
</g>
</g>
</g>
</svg>
<page xmlns="http://projectmallard.org/1.0/"
type="topic"
id="icon-design">
<info>
<credit type="author">
<name>Allan Day</name>
<email>aday@gnome.org</email>
</credit>
<credit type="author">
<name>Jakub Steiner</name>
</credit>
<include href="legal.xml" xmlns="http://www.w3.org/2001/XInclude"/>
<desc>Selecting and creating icons.</desc>
</info>
<title>Creating icons</title>
<p><link xref="icons-and-artwork">Icons and artwork</link> provides an overview of the styles of icon in GNOME 3, as well as the stock icons that are available. This page provides guidelines for those creating their own icons, including both full-color icons (typically used for application icons) and symbolic icons (typically used for user interface controls).</p>
<section id="full-color-icons">
<title>Full-color icons</title>
<media type="image" mime="image/png" src="figures/icons/shading.svg"/>
<p>The full-color icon style is mostly commonly used for application icons. The nominal size of application icons is 128x128px. Application icons are, however, rarely rendered at this resolution. As display density started varying immensely, sticking to absolute pixel units has also become less practical.</p>
<p>Because the application icon still get presented at lower resolution, the icon should feature only detail presentable at 64x64px resolution. The density of detail should not be higher, because it would get lost by filtering/scaling down.</p>
<p>The default template includes a 2px grid which should help you avoid adding detail that's finer than the desired threshold.</p>
<media type="image" mime="image/png" src="figures/icons/sizes.svg"/>
<section id="perspective">
<title>Perspective &amp; Shape</title>
<p>Just like the symbolic icons, fullcolor application icons should be rendered with a simple orthogonal view and no real or isometric perspective distortion. To provide depth a raised effect can be applied to mimic the Z-axis. Please keep the effect subtle though, rasing the object more than 2 detail units (4 nominal pixels) is not recommended.</p>
<p>It is desirable to give the app icon a unique silhouette. At the same time, to allow for a pleasing grid presentation among the other applications, the aspect ratio should not be very extreme. Very narrow or very wide objects should be avoided.</p>
<media type="image" mime="image/png" src="figures/icons/aspect-ratio.svg"/>
<p>A <link href="https://gitlab.gnome.org/Community/Design/icon-revolution/raw/master/template.svg">grid template</link> is available to assist you with placing your icon outline. Do not try to cover a maximum area of the canvas, the outside margin/whitespace is meant to be left empty. In special cuscumstanses a small detail can be extended into this margin space.</p>
<media type="image" mime="image/png" src="figures/icons/whitespace.svg"/>
</section>
<section id="shadows">
<title>Shadows</title>
<p>You are free to cast shadows internally. The light source is coming straight from the top. You
should avoid casting shadows outside the main silhouette of the icon tough, as icon shadows are generated procedurally based on the alpha channel of the icon depending on the context. When app icons are presented on a white background, for example, a strong drop shadow is rendered to help define the contours.</p>
<media type="image" mime="image/png" src="figures/icons/dropshadow.png"/>
<p>Having shadows generated automatically depending o context also allows us to prodecurally generate versions of the app icon based on the alpha channel contour, such as for application nightly builds.</p>
</section>
<section id="palette">
<title>Palette</title>
<p>Below is the baseline GNOME app icon color palette.</p>
<!-- will chop up into named sections once the colors stabilize -->
<table>
<tr>
<td><p>Blue</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/blue.png"/></td>
</tr>
<tr>
<td><p>Cyan</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/cyan.png"/></td>
</tr>
<tr>
<td><p>Green</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/green.png"/></td>
</tr>
<tr>
<td><p>Yellow</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/yellow.png"/></td>
</tr>
<tr>
<td><p>Orange</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/orange.png"/></td>
</tr>
<tr>
<td><p>Red</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/red.png"/></td>
</tr>
<tr>
<td><p>Purple</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/purple.png"/></td>
</tr>
<tr>
<td><p>Brown</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/brown.png"/></td>
</tr>
<tr>
<td><p>Neutral</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/neutral.png"/></td>
</tr>
</table>
<p>You are free to use different shades of these colors depending on the desired material effect. However, these primary colors are a good baseline to start from. A GIMP/Inkscape format palette <link href="https://gitlab.gnome.org/Community/Design/HIG-app-icons/raw/62cb512ff95b2b3d57aeb5f806726d6be2eca74a/HIG.gpl">is available</link>.</p>
<p>It is recommended to keep flat surfaces unshaded, but using gradients to signify bent surface is allowed.</p>
</section>
</section>
<section id="custom-symbolic-icons">
<title>Symbolic icons</title>
<p>Symbolic icons have a simple form and are drawn within a 16x16 pixel grid. They are then programmatically scaled and colored within the user interface itself.</p>
<list>
<item><p>Identify a single property when looking for an appropriate metaphor for an icon, and focus on what distinguishes the idea you want to communicate. For example, when describing an action to be performed on an image, it isn’t necessary to repeat the idea of an image in every icon. Instead, focus on what is distinct about each action (for example: rotate, tag, align).</p></item>
<item><p>Avoid using any perspective in symbolic icons, stick to a simple orthogonal view.</p></item>
<item><p>When using unfilled strokes for an outline, try avoiding hairline (1px) and do at least a 2px stroke for the meain feature of the icon. </p></item>
<item><p>Symbolic icons are recolored at runtime to match the context, very much like a piece of text. While there are ways to “shade” parts of an icon by using opacity or creating duotone/pattern dithering, try avoiding these as much as possible.</p></item>
<item><p>When a metaphor relies on the negative space, make sure it will work with the colors inverted. For example a camera lens spec/highlight will only work if lighter than the lens itself.</p></item>
</list>
<media type="image" mime="image/svg" src="figures/icons/inverting.svg"/>
<section id="size-and-grid">
<title>Size and grid</title>
<p>While the icons are scalable and should work in any size, the basic canvas size is 16x16 grid units. You have the whole canvas to fill, but note that a filled rectangular object will appear stronger/larger when placed next to items that only use thinner strokes. Try to keep the contrast of your whole set.</p>
</section>
</section>
<!-- graphic assets TODO
<section id="stock-icons">
<title>GNOME Icon Pack</title>
<p>To avoid starting from scratch, we prepared a selection of commonly used icons you can include in your application, or create derivatives of. The set is licensed CC0, so they can be used regardless of your project's license.</p>
</section>
-->
</page>
......@@ -16,161 +16,59 @@
<title>Icons and artwork</title>
<p>Icons play an important role in user interfaces: selecting the correct icon is therefore vital to making sure that your application is usable. An identifying icon is also an essential part of any application, and is a crucial part of its identity.</p>
<p>Icons are a basic element in user interfaces. They also make up a fundamental part of application identities. This page provides an overview of icon usage, and covers which icons are available through the GNOME platform, resources for creating new icons, and some general guidelines on using icons in user interfaces.</p>
<section id="using-icons">
<title>Using icons in your user interface</title>
<p>There are many situations when it is necessary to decide between using an icon and a text label, particularly for buttons. Icons have the advantage of being smaller, and not requiring translation. At the same time, the incorrect use of an icon can make your interface hard - or even impossible - to understand.</p>
<list>
<item><p>Only use icons whose meaning is commonly recognized. If a commonly recognized icon is not available, it might be better to use a text label instead.</p>
<list>
<item><p>Convention establishes which icons will be recognized. If you are in doubt, stick to icons which are frequently used in other applications.</p></item>
<item><p>Consider which icons will be meaningful in the specific context of your application - users of specialist tools will often be familiar with domain-specific symbols.</p></item>
</list></item>
<item><p>Remember that some icons are only meaningful alongside other icons of the same type. For example, a media icon for stop is simply a square, and may not be identified as a stop icon without other media controls (like play, pause, or skip) being visible close by. Likewise, the icon to remove an item from a list is a subtract symbol (ie. a single line), and will not be recognizable without a corresponding “plus” add icon.</p></item>
</list>
</section>
<section id="stock-icons">
<title>Choosing stock GNOME icons</title>
<section id="icon-styles">
<title>Icon styles</title>
<p>GNOME provides a full set of standard icons. These should be used where ever appropriate; try to avoid creating custom icons unless they are absolutely necessary.</p>
<p>Two styles of icon are used in GNOME 3: full-color and symbolic icons.</p>
<p>Follow the icon naming specification when selecting which icons to use - the name of the icon should reflect what the icon is intended to communicate. This is important for those using a screen reader.</p>
<p>Full-color icons are colorful and detailed, and are optimized for larger sizes. They are defined as 64✕64px SVGs, and can be scaled to multiples or subdivisions of 64✕64 (such as 128✕128, 256x256 and 512x512). The level of detail and positioning on the pixel grid allows them to be rendered sharp at smaller sizes, but is not advised to do below 32x32px.</p>
<p>You can use the GTK+ icon browser to find recommended icons.</p>
<media type="image" mime="image/png" src="figures/icons/fullcolor-v-symbolic.svg"/>
<section id="color-vs-symbolic">
<title>Color vs. symbolic icons</title>
<p>GNOME 3 provides two types of icons: full-color and monochrome symbolic icons. The guidelines in this document indicate when to use which type of icon. The following is a general guide.</p>
<p>Full-color icons should be used for:</p>
<list>
<item><p>devices</p></item>
<item><p>filetypes/mimetypes</p></item>
<item><p>application (launcher) icons</p></item>
</list>
<p>All other icons should use the symbolic icon style. In addition, symbolic icons should always be used inside:</p>
<list>
<item><p>buttons</p></item>
<item><p>lists</p></item>
<item><p>entry fields</p></item>
<item><p>when the background is semi-transparent (such as overlaid media or fullscreen controls)</p></item>
</list>
</section>
<p>Symbolic icons are simple and monochrome, and are designed to work well at smaller sizes. They are defined as 16✕16px SVGs, and can be scaled to multiples of 16✕16 (such as 32✕32, 64✕64, 128✕128). Symbolic icons generally have a neutral color, although their color can be changed programatically.</p>
</section>
<section id="application-icons">
<title>Application icons</title>
<section id="icon-uses">
<title>Icon uses</title>
<p>Every application should have a unique and beautiful application icon. It is the face of the application, and the first visual element a user sees when browsing for new applications. The <link xref="application-basics">application basics page</link> includes details on what an application is, and when to provide an application icon.</p>
<p>Because application icons are presented at larger sizes, legacy Tango styled 48x48 px or SVG icons no longer suffice (lacking detail). It is essential your application has a 256x256 px icon. With the advent of high-DPI displays, a 512x512 px variant is recommended.</p>
<p>Application icons are the most prominent type of icons and every application should have its own unique and beautiful application icon. These are the face of the application, and the first visual element a user sees when browsing for new applications. The <link xref="application-basics">application basics page</link> includes details on what an application is, and when to provide an application icon.</p>
<media type="image" mime="image/png" src="figures/icons/sizes.png"/>
<p>Application icons use the full-color style. Applications are also recommended to provide a symbolic version of their icon, which is used for the high-contrast accessibility feature and a few contexts where a legible low resolution icon is required.</p>
<p>While not as critical, there are still areas where application icons are presented at a small size. To keep the icon sharp and well defined, a specific rendering is required to sizes of 48x48 px, 32x32 px, 24x24 px and 16x16 px. Many GNOME icons also ship a 22x22 px size for legacy reasons, but that isn’t required.</p>
<p>Other user interface icons typically use the symbolic style. The most common example is for buttons.</p>
<media type="image" mime="image/png" src="figures/icons/sizes-small-24.png"/>
<p>To maintain crispness, a lot of detail is discarded for the low resolution variants and a 1px stroke is used to outline the silhouette of the object.</p>
<p>More information on designing an application icon can be found below, in the custom full-color icon section.</p>
<p>In some cases, full-color icons are an appropriate choice to use in interfaces. For example, when icons are to be displayed at large sizes and when they are the focus of attention. File and folder icons in a file manager are a good example of this.</p>
</section>
<section id="custom-symbolic-icons">
<title>Custom symbolic icons</title>
<p>Symbolic icons have a simple form and are drawn within a 16x16 pixel grid. They are then programmatically scaled and colored within the user interface itself.</p>
<list>
<item><p>Identify a single property when looking for an appropriate metaphor for an icon, and focus on what distinguishes the idea you want to communicate. For example, when describing an action to be performed on an image, it isn’t necessary to repeat the idea of an image in every icon. Instead, focus on what is distinct about each action (for example: rotate, tag, align).</p></item>
<item><p>Avoid using any perspective in symbolic icons, stick to a simple orthogonal view.</p></item>
<item><p>Filled shapes are generally faster to process by the human visual system than wireframe outlines.</p></item>
<item><p>Symbolic icons are recolored at runtime to match the context, very much like a piece of text. While there are ways to “shade” parts of an icon by using opacity or creating duotone/pattern dithering, try avoiding these as much as possible.</p></item>
<item><p>When a metaphor relies on the negative space, make sure it will work with the colors inverted. For example a camera lens spec/highlight will only work if lighter than the lens itself.</p></item>
</list>
<section id="icon-resources">
<title>Stock icons and creating your own</title>
<media type="image" mime="image/svg" src="figures/icons/inverting.svg"/>
<p>GNOME provides a set of standard icons, which can be used by applications. This includes both full-color and symbolic icons.</p>
<section id="size-and-grid">
<title>Size and grid</title>
<p>The standard icon set can be accessed directly through GTK. Icon names follow the <link href="https://standards.freedesktop.org/icon-naming-spec/icon-naming-spec-latest.html">Freedesktop icon specification</link>. Symbolic versions of icons are have the <code>-symbolic</code> name ending, such as <code>open-menu-symbolic</code>.</p>
<p>While the icons are scalable and should work in any size, the basic canvas size is 16x16 grid units. You have the whole canvas to fill, but note that a filled rectangular object will appear stronger/larger when placed next to items that only use thinner strokes. Try to keep the contrast of your whole set.</p>
<p>Other icons can be created using the GNOME icon development kit. This provides resources for creating full-color application icons as well as symbolic icons. See the <link xref="icon-design">icon design guidelines</link> for more details.</p>
</section>
</section>
<section id="custom-full-color-icons">
<title>Custom full-color icons</title>
<p>Full-color icons are drawn and rendered at a variety of preset sizes.</p>
<section id="perspective">
<title>Perspective</title>
<p>Most icons can be executed best by using the “on the table” perspective, as if the observer was standing in front of the object and looking slightly down on it. Many icons can be rendered with a simple “straight on” or “on the shelf” perspective, with the observer looking directly at the object at eye level.</p>
</section>
<section id="palette">
<title>Palette</title>
<p>Use the Tango color palette when designing full color application or device icons.</p>
<table>
<tr>
<td><p>Butter</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/butter.svg"/></td>
<td><p>Plum</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/plum.svg"/></td>
</tr>
<tr>
<td><p>Orange</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/orange.svg"/></td>
<td><p>Scarlet Red</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/scarlet-red.svg"/></td>
</tr>
<tr>
<td><p>Chocolate</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/chocolate.svg"/></td>
<td><p>Aluminium</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/aluminium1.svg"/></td>
</tr>
<tr>
<td><p>Chameleon</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/chameleon.svg"/></td>
<td></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/aluminium2.svg"/></td>
</tr>
<tr>
<td><p>Sky Blue</p></td>
<td><media type="image" mime="image/svg" src="figures/icons/palette/sky-blue.svg"/></td>
</tr>
</table>
<p>You are free to use different shades of these colors depending on the desired material effect. However, these primary colors are a good baseline to start from. All major libre graphics packages come with the Tango palette pre-installed.</p>
<section id="using-icons">
<title>Using icons in your user interface</title>
</section>
<p>Icons are a common user interface element and they have some practical advantages over text labels (such as being smaller). At the same time, over-use of icons can lead to confusion and a poor user experience. Likewise, the use of inappropriate icons can often make an interface difficult to use.</p>
</section>
<p>Therefore, only use icons whose meaning is commonly recognized. If a commonly recognized icon is not available, it might be better to use a text label instead. Typically, convention establishes which icons are commonly recognized. This set of icons is actually quite small, and includes standard icons such as search, menu, forward, back and share. If you are in doubt, only use icons which are frequently used in other applications.</p>
<section id="see-also">
<title>See also</title>
<p>Other things to consider when using icons:</p>
<p><link href="http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines">Tango Icon Guidelines</link></p>
<list>
<item><p>Think about which icons will be meaningful in the specific context of your application - users of specialist tools will often be familiar with domain-specific symbols.</p></item>
<item><p>Remember that some icons are only meaningful alongside other icons of the same type. For example, a media icon for stop is simply a square, and may not be identified as a stop icon without other media controls (like play, pause, or skip) being visible close by. Likewise, the icon to remove an item from a list is a subtract symbol (ie. a single line), and will not be recognizable without a corresponding “plus” add icon.</p></item>
</list>
</section>
......