File talk:7-segment.svg

From Wikimedia Commons, the free media repository
Jump to navigation Jump to search

Current version

[edit]

To see the code, use the link to the validator

W3CThe source code of this SVG is valid. This link to the validator passes the option to show the SVG coding
Explanation
The SVG coding contains cascaded cloning to combine all possibilities of segmentations.
This allows to reduce the code & file size a lot, while it becomes a bit more complicated to read the source code.

Previous version

[edit]

Here is the old SVG version:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns="http://www.w3.org/2000/svg" version="1.0"
xmlns:xlink="http://www.w3.org/1999/xlink"
id="seven-segment"
width="192" height="160" x="0" y="0">
<style type="text/css" id="style">
polygon {fill:red;fill-opacity:0.75;fill-rule:evenodd;stroke:white;stroke-width:0.25;stroke-opacity:1.0;stroke-linecap:butt;stroke-linejoin:miter}
.off {fill:#EEE}
text {font-size:4;fill:silver;display:none}
</style>
<defs id="defs">
<polygon id="a" points="1,1 2,0 8,0 9,1 8,2 2,2"/><!-- top -->
<polygon id="b" points="9,1 10,2 10,8 9,9 8,8 8,2"/><!-- right top -->
<polygon id="c" points="9,9 10,10 10,16 9,17 8,16 8,10"/><!-- right bottom -->
<polygon id="d" points="9,17 8,18 2,18 1,17 2,16 8,16"/><!-- bottom -->
<polygon id="e" points="1,17 0,16 0,10 1,9 2,10 2,16"/><!-- left bottom -->
<polygon id="f" points="1,9 0,8 0,2 1,1 2,2 2,8"/><!-- left top -->
<polygon id="g" points="1,9 2,8 8,8 9,9 8,10 2,10"/><!-- center -->
<polygon id="a_" points="1,1 2,0 8,0 9,1 8,2 2,2" class="off"/>
<polygon id="b_" points="9,1 10,2 10,8 9,9 8,8 8,2" class="off"/>
<polygon id="c_" points="9,9 10,10 10,16 9,17 8,16 8,10" class="off"/>
<polygon id="d_" points="9,17 8,18 2,18 1,17 2,16 8,16" class="off"/>
<polygon id="e_" points="1,17 0,16 0,10 1,9 2,10 2,16" class="off"/>
<polygon id="f_" points="1,9 0,8 0,2 1,1 2,2 2,8" class="off"/>
<polygon id="g_" points="1,9 2,8 8,8 9,9 8,10 2,10" class="off"/>
</defs>
<g id="layer1" transform="translate(1,1)">
<g id="group1" transform="translate(0,0)">
<g id="empty" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>(empty)</text></g>
<g id="A" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>a</text></g>
<g id="B" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>b</text></g>
<g id="AB" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>ab</text></g>
<g id="C" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>c</text></g>
<g id="AC" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>ac</text></g>
<g id="BC" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>bc</text></g>
<g id="ABC" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>abc</text></g>
<g id="D" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>d</text></g>
<g id="AD" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>ad</text></g>
<g id="BD" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>bd</text></g>
<g id="ABD" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>abd</text></g>
<g id="CD" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>cd</text></g>
<g id="ACD" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>acd</text></g>
<g id="BCD" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>bcd</text></g>
<g id="ABCD" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>abcd</text></g>
</g><g id="group2" transform="translate(0,20)">
<g id="E" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>e</text></g>
<g id="AE" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>ae</text></g>
<g id="BE" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>be</text></g>
<g id="ABE" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>abe</text></g>
<g id="CE" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>ce</text></g>
<g id="ACE" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>ace</text></g>
<g id="BCE" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>bce</text></g>
<g id="ABCE" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>abce</text></g>
<g id="DE" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>de</text></g>
<g id="ADE" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>ade</text></g>
<g id="BDE" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>bde</text></g>
<g id="ABDE" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>abde</text></g>
<g id="CDE" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>cde</text></g>
<g id="ACDE" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>acde</text></g>
<g id="BCDE" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>bcde</text></g>
<g id="ABCDE" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>abcde</text></g>
</g><g id="group3" transform="translate(0,40)">
<g id="F" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>f</text></g>
<g id="AF" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>af</text></g>
<g id="BF" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bf</text></g>
<g id="ABF" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abf</text></g>
<g id="CF" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>cf</text></g>
<g id="ACF" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>acf</text></g>
<g id="BCF" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bcf</text></g>
<g id="ABCF" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abcf</text></g>
<g id="DF" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>df</text></g>
<g id="ADF" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>adf</text></g>
<g id="BDF" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bdf</text></g>
<g id="ABDF" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abdf</text></g>
<g id="CDF" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>cdf</text></g>
<g id="ACDF" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>acdf</text></g>
<g id="BCDF" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bcdf</text></g>
<g id="ABCDEFG" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abcdf</text></g>
</g><g id="group4" transform="translate(0,60)">
<g id="EF" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>ef</text></g>
<g id="AEF" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>aef</text></g>
<g id="BEF" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bef</text></g>
<g id="ABEF" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abef</text></g>
<g id="CEF" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>cef</text></g>
<g id="ACEF" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>acef</text></g>
<g id="BCEF" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bcef</text></g>
<g id="ABCEF" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abcef</text></g>
<g id="DEF" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>def</text></g>
<g id="ADEF" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>adef</text></g>
<g id="BDEF" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bdef</text></g>
<g id="ABDEF" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abdef</text></g>
<g id="CDEF" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>cdef</text></g>
<g id="ACDEF" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>acdef</text></g>
<g id="BCDEF" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bcdef</text></g>
<g id="ABCDEF" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abcdef</text></g>
</g><g id="group5" transform="translate(0,80)">
<g id="G" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>g</text></g>
<g id="AG" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>ag</text></g>
<g id="BG" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>bg</text></g>
<g id="ABG" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abg</text></g>
<g id="CG" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>cg</text></g>
<g id="ACG" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>acg</text></g>
<g id="BCG" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>bcg</text></g>
<g id="ABCG" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abcg</text></g>
<g id="DG" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>dg</text></g>
<g id="ADG" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>adg</text></g>
<g id="BDG" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>bdg</text></g>
<g id="ABDG" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abdg</text></g>
<g id="CDG" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>cdg</text></g>
<g id="ACDG" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>acdg</text></g>
<g id="BCDG" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>bcdg</text></g>
<g id="ABCDEFG" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abcdg</text></g>
</g><g id="group6" transform="translate(0,100)">
<g id="EG" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>eg</text></g>
<g id="AEG" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>aeg</text></g>
<g id="BEG" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>beg</text></g>
<g id="ABEG" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abeg</text></g>
<g id="CEG" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>ceg</text></g>
<g id="ACEG" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>aceg</text></g>
<g id="BCEG" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>bceg</text></g>
<g id="ABCEG" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abceg</text></g>
<g id="DEG" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>deg</text></g>
<g id="ADEG" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>adeg</text></g>
<g id="BDEG" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>bdeg</text></g>
<g id="ABDEG" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abdeg</text></g>
<g id="CDEG" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>cdeg</text></g>
<g id="ACDEG" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>acdeg</text></g>
<g id="BCDEG" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>bcdeg</text></g>
<g id="ABCDEG" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abcdeg</text></g>
</g><g id="group7" transform="translate(0,120)">
<g id="FG" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>fg</text></g>
<g id="AFG" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>afg</text></g>
<g id="BFG" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>bfg</text></g>
<g id="ABFG" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abfg</text></g>
<g id="CFG" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>cfg</text></g>
<g id="ACFG" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>acfg</text></g>
<g id="BCFG" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>bcfg</text></g>
<g id="ABCFG" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abcfg</text></g>
<g id="DFG" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>dfg</text></g>
<g id="ADFG" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>adfg</text></g>
<g id="BDFG" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>bdfg</text></g>
<g id="ABDFG" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abdfg</text></g>
<g id="CDFG" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>cdfg</text></g>
<g id="ACDFG" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>acdfg</text></g>
<g id="BCDFG" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>bcdfg</text></g>
<g id="ABCDFG" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abcdfg</text></g>
</g><g id="group8" transform="translate(0,140)">
<g id="EFG" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>efg</text></g>
<g id="AEFG" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>aefg</text></g>
<g id="BEFG" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>befg</text></g>
<g id="ABEFG" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abefg</text></g>
<g id="CEFG" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>cefg</text></g>
<g id="ACEFG" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>acefg</text></g>
<g id="BCEFG" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>bcefg</text></g>
<g id="ABCEFG" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abcefg</text></g>
<g id="DEFG" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>defg</text></g>
<g id="ADEFG" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>adefg</text></g>
<g id="BDEFG" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>bdefg</text></g>
<g id="ABDEFG" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abdefg</text></g>
<g id="CDEFG" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>cdefg</text></g>
<g id="ACDEFG" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>acdefg</text></g>
<g id="BCDEFG" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>bcdefg</text></g>
<g id="ABCDEFG" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abcdefg</text></g>
</g>
</g>
</svg>

Future version

[edit]

The code in line 7 to 11

<g id="v"><g id="u"><g id="t"><g id="s">
<path d="m10,2-1-1h-6l-1,1 1,1h6zl-1,1v6l1,1
1-1v-6zm0,16-1-1v-6l1-1 1,1v6zl-1-1h-6l-1,1
1,1h6zm-8-8-1,1v6l1,1 1-1v-6zl-1-1v-6l1-1
1,1v6zl1,1h6l1-1-1-1h-6z" fill="#DDD"/></g>

is not perfectly optimized, it can be shortened to

<g id="v"><g id="u"><g id="t">
<path d="m10,2-1-1h-6l-1,1 1,1h6zl-1,1v6l1,1
1-1v-6zm0,16-1-1v-6l1-1 1,1v6zl-1-1h-6l-1,1
1,1h6zm-8-8-1,1v6l1,1 1-1v-6zl-1-1v-6l1-1
1,1v6zl1,1h6l1-1-1-1h-6z" fill="#DDD" id="s"/>