Skip to content

Instantly share code, notes, and snippets.

@Fordi
Created December 6, 2014 08:35
Show Gist options
  • Save Fordi/065399e4b7e9ea614b49 to your computer and use it in GitHub Desktop.
Save Fordi/065399e4b7e9ea614b49 to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<style type="text/css"><![CDATA[
.matte {
stroke: none;
fill:#FFF;
}
.viable, .human {
stroke: none;
fill: #C00;
}
.cold {
stroke: none;
fill: #22C;
}
.vacuum {
stroke: none;
fill: #000;
}
.support {
stroke: none;
fill: #888;
}
.evenodd {
fill-rule: evenodd;
}
]]></style>
<rect id="matte" class="matte" width="24" height="24" x="0" y="0" rx="4" ry="4" />
<g id="viable-area">
<rect class="viable" width="22" height="22" x="1" y="1" rx="3" ry="3" />
<rect class="matte" width="18" height="18" x="3" y="3" rx="1" ry="1" />
</g>
<g id="support-service">
<use xlink:href="#pressurized-area" />
<rect class="support" width="16" height="16" x="4" y="4" rx="1" ry="1" />
</g>
<g id="person" class="human">
<circle cx="12" cy="9" r="2" />
<rect width="3" height="9" x="10.5" y="12" />
</g>
<g id="floating-person" class="human">
<circle cx="12" cy="18" r="2" />
<path d="
M 6 15, l 12 0, l 0 -2, l -4.5 0,
l 0 -1.5,
l 4.5 -4.5, l -1.5 -1.5, l -4.5 4.5,
l -4.5 -4.5, l -1.5 1.5, l 4.5 4.5,
l 0 1.5,
l -4.5 0, l 0 2
z" />
</g>
<path id="cryo" class="cold" d="M 5 5, l 14 0, l -7 11, l -7 -11 z" />
<g id="pressurized-area">
<use xlink:href="#matte" />
<use xlink:href="#viable-area" />
</g>
<g id="pressurized-gravity">
<use xlink:href="#pressurized-area" />
<use xlink:href="#person" />
</g>
<g id="pressurized-no-gravity">
<use xlink:href="#pressurized-area" />
<use xlink:href="#floating-person" />
</g>
<g id="cryogenic-vault">
<use xlink:href="#pressurized-area" />
<use xlink:href="#person" transform="rotate(90) translate(6, -26)" />
<use xlink:href="#cryo" />
</g>
<g id="airlock">
<use xlink:href="#pressurized-area" />
<g class="matte">
<rect width="22" height="1" x="1" y="5" />
<rect width="22" height="1" x="1" y="18" />
</g>
<path class="vacuum" d="M 4 4 l 16 0 l 0 16 l -16 -16 z" />
</g>
<g id="pressure-suit-locker">
<use xlink:href="#support-service" />
<path class="matte evenodd" d="
M 9 20
l 0 -6
a 1 1 0 0 0 -1 -1
l -1 0
a 1 1 0 0 1 -1 -1
l 0 -2
a 1 1 0 0 1 1 -1
l 2 0
l 0 -1
a 3 3 0 0 1 6 0
l 0 1
l 2 0
a 1 1 0 0 1 1 1
l 0 2
a 1 1 0 0 1 -1 1
l -1 0
a 1 1 0 0 0 -1 1
l 0 6 z
M 12 6
a 2 2 0 0 1 0 4
a 2 2 0 0 1 0 -4
z
z " />
</g>
<g id="fiber-optics">
<use xlink:href="#support-service" />
<path class="matte" d="
M 6 23
l 0 -7
a 1 1 0 0 1 1 -1
l 9 0
l 0 -3
l -9 0
a 1 1 0 0 1 -1 -1
l 0 -3
a 1 1 0 0 1 1 -1
l 16 0
l 0 1
l -16 0
l 0 3
l 9 0
a 1 1 0 0 1 1 1
l 0 3
a 1 1 0 0 1 -1 1
l -9 0
l 0 7
z" />
</g>
<g id="laser">
<use xlink:href="#support-service" />
<path class="matte" d="
M 11.5 1
l 0 6
l -4.5 4.5
l -6 0
l 0 1
l 6 0
l 4.5 4.5
l 0 6
l 1 0
l 0 -6
l 4.5 -4.5
l 6 0
l 0 -1
l -6 0
l -4.5 -4.5
l 0 -6
z" />
</g>
<g id="electronics">
<use xlink:href="#pressurized-area" />
<rect width="6" height="2" x="9" y="6.5" class="support" />
<rect width="2" height="6" x="11" y="4.5" class="support" />
<rect width="16" height="8" x="4" y="12" class="support" />
<rect width="6" height="2" x="9" y="15" class="matte" />
</g>
<g id="hazard">
<rect width="22" height="22" x="1" y="1" class="viable" rx="3" ry="3" />
<rect width="7" height="6" x="0" y="9" class="matte" />
<rect width="6" height="7" x="9" y="0" class="matte" />
<rect width="6" height="7" x="9" y="17" class="matte" />
<rect width="7" height="6" x="17" y="9" class="matte" />
</g>
</defs>
<g>
<use transform="translate( 0 0)" xlink:href="#pressurized-area" />
<use transform="translate( 32 0)" xlink:href="#pressurized-gravity" />
<use transform="translate( 64 0)" xlink:href="#pressurized-no-gravity" />
<use transform="translate( 96 0)" xlink:href="#cryogenic-vault" />
<use transform="translate( 128 0)" xlink:href="#airlock" />
<use transform="translate( 0 32)" xlink:href="#pressure-suit-locker" />
<use transform="translate( 32 32)" xlink:href="#fiber-optics" />
<use transform="translate( 64 32)" xlink:href="#laser" />
<use transform="translate( 96 32)" xlink:href="#electronics" />
<use transform="translate( 128 32)" xlink:href="#hazard" />
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment