Unified icon/logo style.

This commit is contained in:
Jim Evins
2018-04-08 14:43:36 -04:00
parent a0e1dae5cf
commit 9e2c65bf98
5 changed files with 65 additions and 20 deletions
+43
View File
@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128">
<defs>
<linearGradient id="a" x1="0" x2="0" y1="120" y2="0" gradientUnits="userSpaceOnUse">
<stop stop-color="#bd8d48"/>
<stop offset="1" stop-color="#e8b971"/>
</linearGradient>
<linearGradient id="b" x1="0" x2="120" y1="0" y2="120" gradientUnits="userSpaceOnUse">
<stop stop-color="#333333" stop-opacity="0.5" />
<stop offset="1" stop-opacity="0.125"/>
</linearGradient>
<linearGradient id="c" x1="0" x2="120" y1="0" y2="120" gradientUnits="userSpaceOnUse">
<stop stop-color="#ffffff"/>
<stop offset="1" stop-color="#e0e0e0"/>
</linearGradient>
</defs>
<g transform="translate(4 4)">
<rect fill="url(#a)" x="0" y="0" width="120" height="120" />
<rect fill="#a77734" x="0" y="116" width="120" height="4" />
<rect fill="url(#b)" x="20" y="20" rx="6" ry="6" width="40" height="28" />
<rect fill="url(#b)" x="72" y="20" rx="6" ry="6" width="40" height="28" />
<rect fill="url(#b)" x="20" y="52" rx="6" ry="6" width="40" height="28" />
<rect fill="url(#b)" x="72" y="52" rx="6" ry="6" width="40" height="28" />
<rect fill="url(#b)" x="20" y="84" rx="6" ry="6" width="40" height="28" />
<rect fill="url(#b)" x="72" y="84" rx="6" ry="6" width="40" height="28" />
<rect fill="url(#c)" x="12" y="12" rx="6" ry="6" width="40" height="28" />
<rect fill="url(#c)" x="64" y="12" rx="6" ry="6" width="40" height="28" />
<rect fill="url(#c)" x="12" y="44" rx="6" ry="6" width="40" height="28" />
<rect fill="url(#c)" x="64" y="44" rx="6" ry="6" width="40" height="28" />
<rect fill="url(#c)" x="12" y="76" rx="6" ry="6" width="40" height="28" />
<rect fill="url(#c)" x="64" y="76" rx="6" ry="6" width="40" height="28" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

+19 -19
View File
@@ -1,42 +1,42 @@
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48">
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<defs>
<linearGradient id="a" x1="0" x2="0" y1="40" y2="0" gradientUnits="userSpaceOnUse">
<linearGradient id="a" x1="0" x2="0" y1="240" y2="0" gradientUnits="userSpaceOnUse">
<stop stop-color="#bd8d48"/>
<stop offset="1" stop-color="#e8b971"/>
</linearGradient>
<linearGradient id="b" x1="0" x2="40" y1="0" y2="40" gradientUnits="userSpaceOnUse">
<linearGradient id="b" x1="0" x2="240" y1="0" y2="240" gradientUnits="userSpaceOnUse">
<stop stop-color="#333333" stop-opacity="0.5" />
<stop offset="1" stop-opacity="0.125"/>
</linearGradient>
<linearGradient id="c" x1="0" x2="40" y1="0" y2="40" gradientUnits="userSpaceOnUse">
<linearGradient id="c" x1="0" x2="240" y1="0" y2="240" gradientUnits="userSpaceOnUse">
<stop stop-color="#ffffff"/>
<stop offset="1" stop-color="#e0e0e0"/>
</linearGradient>
</defs>
<g transform="translate(4 4)">
<g transform="translate(8 8)">
<rect fill="url(#a)" x="0" y="0" width="40" height="40" />
<rect fill="#a77734" x="0" y="39" width="40" height="1" />
<rect fill="url(#a)" x="0" y="0" width="240" height="240" />
<rect fill="#a77734" x="0" y="232" width="240" height="8" />
<rect fill="url(#b)" x="6" y="6" rx="1.5" ry="1.5" width="14" height="9" />
<rect fill="url(#b)" x="24" y="6" rx="1.5" ry="1.5" width="14" height="9" />
<rect fill="url(#b)" x="6" y="17" rx="1.5" ry="1.5" width="14" height="9" />
<rect fill="url(#b)" x="24" y="17" rx="1.5" ry="1.5" width="14" height="9" />
<rect fill="url(#b)" x="6" y="28" rx="1.5" ry="1.5" width="14" height="9" />
<rect fill="url(#b)" x="24" y="28" rx="1.5" ry="1.5" width="14" height="9" />
<rect fill="url(#b)" x="40" y="40" rx="12" ry="12" width="80" height="56" />
<rect fill="url(#b)" x="144" y="40" rx="12" ry="12" width="80" height="56" />
<rect fill="url(#b)" x="40" y="104" rx="12" ry="12" width="80" height="56" />
<rect fill="url(#b)" x="144" y="104" rx="12" ry="12" width="80" height="56" />
<rect fill="url(#b)" x="40" y="168" rx="12" ry="12" width="80" height="56" />
<rect fill="url(#b)" x="144" y="168" rx="12" ry="12" width="80" height="56" />
<rect fill="url(#c)" x="4" y="4" rx="1.5" ry="1.5" width="14" height="9" />
<rect fill="url(#c)" x="22" y="4" rx="1.5" ry="1.5" width="14" height="9" />
<rect fill="url(#c)" x="4" y="15" rx="1.5" ry="1.5" width="14" height="9" />
<rect fill="url(#c)" x="22" y="15" rx="1.5" ry="1.5" width="14" height="9" />
<rect fill="url(#c)" x="4" y="26" rx="1.5" ry="1.5" width="14" height="9" />
<rect fill="url(#c)" x="22" y="26" rx="1.5" ry="1.5" width="14" height="9" />
<rect fill="url(#c)" x="24" y="24" rx="12" ry="12" width="80" height="56" />
<rect fill="url(#c)" x="128" y="24" rx="12" ry="12" width="80" height="56" />
<rect fill="url(#c)" x="24" y="88" rx="12" ry="12" width="80" height="56" />
<rect fill="url(#c)" x="128" y="88" rx="12" ry="12" width="80" height="56" />
<rect fill="url(#c)" x="24" y="152" rx="12" ry="12" width="80" height="56" />
<rect fill="url(#c)" x="128" y="152" rx="12" ry="12" width="80" height="56" />
</g>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB