feat: Icons für alle Krieger-Skills erstellt

- tektonischer_schlag_icon.svg (Faust + Bodenrisse)
- durchbeissen_icon.svg (Schild mit Zähnen)
- blutrausch_icon.svg (Klinge mit Bluttropfen)
- wirbelwind_icon.svg (Kreisende Klingen)
- zornfesseln_icon.svg (Kette mit Haken)
- berserker_icon.svg (Schädel mit Flammen)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Andre 2026-03-19 21:43:37 +01:00
parent 7468a2d5e4
commit 95adb11ee1
6 changed files with 191 additions and 0 deletions

43
icons/berserker_icon.svg Normal file
View file

@ -0,0 +1,43 @@
<svg width="64" height="64" xmlns="http://www.w3.org/2000/svg">
<!-- Berserker - Wütender Schädel mit Flammen -->
<defs>
<radialGradient id="rage_glow" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#ff4400;stop-opacity:0.8" />
<stop offset="100%" style="stop-color:#ff0000;stop-opacity:0" />
</radialGradient>
<linearGradient id="skull" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#e8e8e8;stop-opacity:1" />
<stop offset="100%" style="stop-color:#b0b0b0;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Glühen -->
<circle cx="32" cy="34" r="26" fill="url(#rage_glow)"/>
<!-- Flammen oben -->
<path d="M 20 22 Q 18 12 22 8 Q 20 14 26 12 Q 22 18 28 16 Q 24 20 28 22"
fill="#ff6600" stroke="none" opacity="0.9"/>
<path d="M 32 20 Q 30 8 34 4 Q 32 12 38 10 Q 34 16 38 18 Q 34 18 36 22"
fill="#ff4400" stroke="none" opacity="0.9"/>
<path d="M 42 22 Q 44 12 42 8 Q 44 14 40 12 Q 44 18 38 16 Q 42 20 38 22"
fill="#ff6600" stroke="none" opacity="0.9"/>
<!-- Schädel -->
<path d="M 16 40 Q 14 28 32 24 Q 50 28 48 40 L 46 46 L 18 46 Z"
fill="url(#skull)" stroke="#707070" stroke-width="1.5"/>
<!-- Kiefer -->
<rect x="20" y="46" width="24" height="10" rx="2" fill="url(#skull)" stroke="#707070" stroke-width="1.5"/>
<!-- Zähne -->
<rect x="22" y="46" width="4" height="6" rx="1" fill="white" stroke="#aaaaaa" stroke-width="0.5"/>
<rect x="28" y="46" width="4" height="7" rx="1" fill="white" stroke="#aaaaaa" stroke-width="0.5"/>
<rect x="34" y="46" width="4" height="7" rx="1" fill="white" stroke="#aaaaaa" stroke-width="0.5"/>
<rect x="40" y="46" width="4" height="6" rx="1" fill="white" stroke="#aaaaaa" stroke-width="0.5"/>
<!-- Augen (glühend rot) -->
<ellipse cx="24" cy="36" rx="5" ry="5" fill="#ff2200" stroke="#880000" stroke-width="1"/>
<ellipse cx="40" cy="36" rx="5" ry="5" fill="#ff2200" stroke="#880000" stroke-width="1"/>
<ellipse cx="24" cy="36" rx="2.5" ry="2.5" fill="#ff8800"/>
<ellipse cx="40" cy="36" rx="2.5" ry="2.5" fill="#ff8800"/>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

29
icons/blutrausch_icon.svg Normal file
View file

@ -0,0 +1,29 @@
<svg width="64" height="64" xmlns="http://www.w3.org/2000/svg">
<!-- Blutrausch - Klinge mit Bluttropfen -->
<defs>
<linearGradient id="blade2" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e0e0e0;stop-opacity:1" />
<stop offset="100%" style="stop-color:#909090;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Klinge diagonal -->
<polygon points="12,52 18,58 54,16 46,8" fill="url(#blade2)" stroke="#404040" stroke-width="1.5"/>
<!-- Blut auf der Klinge -->
<polygon points="12,52 18,58 54,16 46,8" fill="#cc0000" stroke="none" opacity="0.35"/>
<!-- Griff -->
<rect x="6" y="48" width="18" height="6" rx="2" fill="#6B3A2A" stroke="#3d2010" stroke-width="1.5"
transform="rotate(-45 15 51)"/>
<!-- Bluttropfen -->
<path d="M 28 42 Q 26 48 28 52 Q 30 56 32 52 Q 34 48 32 42 Z" fill="#cc0000" stroke="#880000" stroke-width="1"/>
<path d="M 18 32 Q 16 36 18 39 Q 20 42 21 39 Q 22 36 20 32 Z" fill="#cc0000" stroke="#880000" stroke-width="1"/>
<path d="M 38 28 Q 36 33 38 36 Q 40 39 41 36 Q 42 33 40 28 Z" fill="#cc0000" stroke="#880000" stroke-width="1"/>
<!-- DOT Kreise -->
<circle cx="10" cy="20" r="3" fill="#cc0000" opacity="0.6"/>
<circle cx="20" cy="12" r="2" fill="#cc0000" opacity="0.4"/>
<circle cx="4" cy="12" r="2" fill="#cc0000" opacity="0.4"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View file

@ -0,0 +1,24 @@
<svg width="64" height="64" xmlns="http://www.w3.org/2000/svg">
<!-- Durchbeißen - Schild (Schildwall) / Zähne (Trotz) -->
<defs>
<linearGradient id="shield" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#a0c4ff;stop-opacity:1" />
<stop offset="100%" style="stop-color:#2255aa;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Schild Form -->
<path d="M 32 6 L 56 18 L 56 36 Q 56 52 32 60 Q 8 52 8 36 L 8 18 Z"
fill="url(#shield)" stroke="#1a3d7a" stroke-width="2.5"/>
<!-- Schild Verstärkung (Kreuz) -->
<line x1="32" y1="10" x2="32" y2="56" stroke="#1a3d7a" stroke-width="2" opacity="0.5"/>
<line x1="12" y1="28" x2="52" y2="28" stroke="#1a3d7a" stroke-width="2" opacity="0.5"/>
<!-- Zähne unten — Trotz Symbol -->
<path d="M 20 44 L 24 52 L 28 44 L 32 52 L 36 44 L 40 52 L 44 44"
stroke="white" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" opacity="0.8"/>
<!-- Glanz -->
<path d="M 16 18 Q 20 14 26 16" stroke="white" stroke-width="2" fill="none" stroke-linecap="round" opacity="0.6"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -0,0 +1,34 @@
<svg width="64" height="64" xmlns="http://www.w3.org/2000/svg">
<!-- Tektonischer Schlag - Faust die auf Boden schlägt mit Rissen -->
<defs>
<radialGradient id="impact" cx="50%" cy="80%" r="50%">
<stop offset="0%" style="stop-color:#ff8800;stop-opacity:0.6" />
<stop offset="100%" style="stop-color:#ff8800;stop-opacity:0" />
</radialGradient>
</defs>
<!-- Boden -->
<rect x="0" y="48" width="64" height="16" fill="#8B6914" stroke="#5a4010" stroke-width="1"/>
<!-- Risse im Boden -->
<path d="M 32 48 L 20 58 L 14 64" stroke="#3d2200" stroke-width="2.5" stroke-linecap="round" fill="none"/>
<path d="M 32 48 L 44 56 L 52 64" stroke="#3d2200" stroke-width="2.5" stroke-linecap="round" fill="none"/>
<path d="M 32 48 L 28 64" stroke="#3d2200" stroke-width="2" stroke-linecap="round" fill="none"/>
<path d="M 32 48 L 38 60" stroke="#3d2200" stroke-width="2" stroke-linecap="round" fill="none"/>
<!-- Impact Glow -->
<ellipse cx="32" cy="48" rx="22" ry="8" fill="url(#impact)"/>
<!-- Faust -->
<rect x="22" y="20" width="20" height="14" rx="3" fill="#c8a07a" stroke="#8B5E3C" stroke-width="1.5"/>
<!-- Finger -->
<rect x="22" y="14" width="4" height="10" rx="2" fill="#c8a07a" stroke="#8B5E3C" stroke-width="1.5"/>
<rect x="27" y="12" width="4" height="10" rx="2" fill="#c8a07a" stroke="#8B5E3C" stroke-width="1.5"/>
<rect x="32" y="13" width="4" height="10" rx="2" fill="#c8a07a" stroke="#8B5E3C" stroke-width="1.5"/>
<rect x="37" y="15" width="4" height="9" rx="2" fill="#c8a07a" stroke="#8B5E3C" stroke-width="1.5"/>
<!-- Bewegungslinien -->
<path d="M 20 10 L 26 18" stroke="#ff8800" stroke-width="2" stroke-linecap="round" opacity="0.7"/>
<path d="M 32 6 L 32 16" stroke="#ff8800" stroke-width="2" stroke-linecap="round" opacity="0.7"/>
<path d="M 44 10 L 38 18" stroke="#ff8800" stroke-width="2" stroke-linecap="round" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

25
icons/wirbelwind_icon.svg Normal file
View file

@ -0,0 +1,25 @@
<svg width="64" height="64" xmlns="http://www.w3.org/2000/svg">
<!-- Wirbelwind - Kreisende Klingen -->
<defs>
<linearGradient id="blade3" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#e0e0e0;stop-opacity:1" />
<stop offset="100%" style="stop-color:#707070;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Wirbel-Spiralen -->
<path d="M 32 32 Q 48 16 52 32 Q 56 48 32 52 Q 8 56 12 32 Q 16 8 32 12 Q 48 16 48 32"
stroke="#ff8800" stroke-width="2" fill="none" stroke-linecap="round" opacity="0.7"/>
<path d="M 32 32 Q 20 18 16 32 Q 12 46 32 50 Q 52 54 52 32 Q 52 10 32 14"
stroke="#ffbb00" stroke-width="1.5" fill="none" stroke-linecap="round" opacity="0.5"/>
<!-- Klinge 1 (horizontal) -->
<polygon points="8,28 8,36 56,34 56,30" fill="url(#blade3)" stroke="#404040" stroke-width="1.5" opacity="0.9"/>
<!-- Klinge 2 (diagonal) -->
<polygon points="18,8 14,14 46,56 50,50" fill="url(#blade3)" stroke="#404040" stroke-width="1.5" opacity="0.9"/>
<!-- Zentrum -->
<circle cx="32" cy="32" r="5" fill="#ff8800" stroke="#cc5500" stroke-width="1.5"/>
<circle cx="32" cy="32" r="2" fill="white" opacity="0.8"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -0,0 +1,36 @@
<svg width="64" height="64" xmlns="http://www.w3.org/2000/svg">
<!-- Zornfesseln - Kette die einen Gegner zieht -->
<defs>
<linearGradient id="chain" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#cc4400;stop-opacity:1" />
<stop offset="100%" style="stop-color:#881100;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Kettenglied Linie -->
<path d="M 10 54 Q 20 40 32 32 Q 44 24 54 10" stroke="#888888" stroke-width="3"
fill="none" stroke-linecap="round" stroke-dasharray="4 3"/>
<!-- Kettenglieder -->
<ellipse cx="16" cy="48" rx="5" ry="3" fill="none" stroke="#aaaaaa" stroke-width="2"
transform="rotate(-45 16 48)"/>
<ellipse cx="24" cy="40" rx="5" ry="3" fill="none" stroke="#aaaaaa" stroke-width="2"
transform="rotate(-45 24 40)"/>
<ellipse cx="32" cy="32" rx="5" ry="3" fill="none" stroke="#aaaaaa" stroke-width="2"
transform="rotate(-45 32 32)"/>
<ellipse cx="40" cy="24" rx="5" ry="3" fill="none" stroke="#aaaaaa" stroke-width="2"
transform="rotate(-45 40 24)"/>
<ellipse cx="48" cy="16" rx="5" ry="3" fill="none" stroke="#aaaaaa" stroke-width="2"
transform="rotate(-45 48 16)"/>
<!-- Haken / Ankerpunkt links -->
<circle cx="8" cy="56" r="6" fill="url(#chain)" stroke="#550000" stroke-width="1.5"/>
<path d="M 5 56 Q 8 50 11 56" stroke="white" stroke-width="1.5" fill="none"/>
<!-- Ziel rechts oben (Gegner Symbol) -->
<circle cx="54" cy="10" r="7" fill="#cc4400" stroke="#881100" stroke-width="1.5"/>
<path d="M 50 10 L 58 10 M 54 6 L 54 14" stroke="white" stroke-width="2" stroke-linecap="round"/>
<!-- Bewegungspfeil -->
<path d="M 50 16 L 16 50" stroke="#ff6600" stroke-width="1.5" stroke-dasharray="3 2" opacity="0.6"/>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB