Miraheze Logos

Das derzeitige Logo auf Commons

Weißraum als Rahmen

Die bequemere Variante ist, den Weißraum als weißen Rahmen um die Sechsecke zu erzeugen

<svg xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-3900 -4103 7800 8206">
<defs>
<path id="hex" 
  d="M780 1351 L1560 0 780 -1351
    -780 -1351 -1560 0 -780 1351 780 1351" />
</defs>
<g stroke="#fff" stroke-width="400">
  <use fill="#ffc200" xlink:href="#hex" transform="translate(0,-2702)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(0,2702)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(2340,1351)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(2340,-1351)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(-2340,1351)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(-2340,-1351)" />
  <use fill="#8e7650" xlink:href="#hex" />
</g>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-3900 -4103 7800 8206">
<defs>
<path id="hex" 
  d="M780 1351 L1560 0 780 -1351
    -780 -1351 -1560 0 -780 1351 780 1351" />
</defs>
<g stroke="#fff" stroke-width="400">
  <use fill="#ffc200" xlink:href="#hex" transform="translate(0,-2702)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(0,2702)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(2340,1351)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(2340,-1351)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(-2340,1351)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(-2340,-1351)" />
  <use fill="#8e7650" xlink:href="#hex" />
</g>
</svg>

Weißraum als Zwischenraum

Schöner ist es, wenn im Logo nur die Sechsecke eine Deckkraft besitzen und der Rest transparent ist. Die Zwischenräume entstehen dadurch, dass die Sechsecke verschoben werden. Das obere und das untere senkrecht nach oben bzw. unten, die vier anderen Sechsecke schräg im Winkel von 30°.

Dadurch ist etwas Rechenarbeit erforderlich. Ich füge hier nur rasch meine Notizen ein, damit ich den Rechengang nicht vergesse. Im wesentlichen muss man die X-Koordinate um den halben Wert, die Y-Koordinate um den halben Wert mal Wurzel 3 verschieben. Die Viewbox muss entsprechend vergrößert werden.

height of drawing without gaps: 3x height of one hexagon=3x(2x1351)=8106
width of drawing: 2x width + base: 2x(2x1560)+2x780=5x1560=10x780=7800
2x1.351=2.702
2x1.560=3.120
2x  780=1.560
4x780  =3.120
translate with no gap: (0,+-2702) (+-2340,+-1351)
2702 ≈ 3120*sqrt(3)/2 = 1560*sqrt(3)
1351 ≈ 780*sqrt(3)
Verschiebung der seitlichen Sechsecke entlang der Symmetrieachsen
gap a: (0,+-(2702+a)) (+-(2340+a*sqrt(3)/2),+-(1351+a/2))
cos(30)=sin(60)=sqrt(3)/2
sin(30)=cos(60)=1/2
fit viewbox
x=7800+a*sqrt(3) ≈ 7800+900.666 = 8700.66
y=8106+2*a=8106+1040=9146   4573

<svg xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-4125 -4325 8250 8650">
<defs>
<path id="hex" 
  d="M780 1351 L1560 0 780 -1351
    -780 -1351 -1560 0 -780 1351 780 1351" />
</defs>
<g stroke="none" >
  <use fill="#ffc200" xlink:href="#hex" transform="translate(0,-2962)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(0,2962)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(2575.17,1481)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(2575.17,-1481)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(-2575.17,1481)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(-2575.17,-1481)" />
  <use fill="#8e7650" xlink:href="#hex" />
</g>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-4125 -4325 8250 8650">
<defs>
<path id="hex" 
  d="M780 1351 L1560 0 780 -1351
    -780 -1351 -1560 0 -780 1351 780 1351" />
</defs>
<g stroke="none" >
  <use fill="#ffc200" xlink:href="#hex" transform="translate(0,-2962)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(0,2962)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(2575.17,1481)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(2575.17,-1481)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(-2575.17,1481)" />
  <use fill="#ffc200" xlink:href="#hex" transform="translate(-2575.17,-1481)" />
  <use fill="#8e7650" xlink:href="#hex" />
</g>
</svg>