Feat : use an svg for the fuck icon

components/PlayerStats.vue

@@ -17,20 +17,20 @@ const props = defineProps<Props>()
             {{ player.team?.health }}
         </span>
     </div>
-    <div class="turn_icon">
+    <!-- <div class="turn_icon" v-if="showTurnData">
         <img src="/images/gold.png" class="icon_img" draggable="false" />
         <span class="turn_icon_number">
             {{ player.turn?.gold_reserve }}
         </span>
     </div>
-    <div class="turn_icon">
+    <div class="turn_icon" v-if="showTurnData">
         <img src="/images/damage.png" class="icon_img" draggable="false" />
         <span class="turn_icon_number">
             {{ player.turn?.damage_reserve }}
         </span>
-    </div>
+    </div> -->
     <div class="turn_icon">
-        <span class="icon_img">🖕</span>
+        <img src="/images/fuck.svg" class="icon_img" draggable="false" />
         <span class="turn_icon_number">{{ (player.turn?.discard_markers ?? 0) + (player.turn?.fuck_u_markers ?? 0)
             }}</span>
     </div>
@@ -47,11 +47,11 @@ const props = defineProps<Props>()
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 50px;
 }
 
 img.icon_img {
     height: 50px;
+    width: 50px;
 }
 
 span.icon_img {

public/images/fuck.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="88.73304mm"
+   height="134.13795mm"
+   viewBox="0 0 88.73304 134.13795"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   sodipodi:docname="fuck.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     inkscape:zoom="0.71891835"
+     inkscape:cx="134.22943"
+     inkscape:cy="468.06428"
+     inkscape:window-width="2560"
+     inkscape:window-height="1371"
+     inkscape:window-x="1680"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" /><defs
+     id="defs1" /><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-59.418203,-70.094122)"><path
+       style="opacity:1;fill:#e5d600;fill-opacity:1;stroke:none;stroke-width:3.49999;stroke-opacity:1;paint-order:stroke fill markers"
+       d="m 96.352499,125.0496 v -5.30232 c -2.421262,-8.41348 -13.713084,-12.75856 -18.744229,-0.044 v 5.33484 4.73839 0 l -6.716543,0.0313 c -3.042502,0.51774 -4.401994,2.29774 -5.382434,4.36203 l -5.635456,19.68959 c -0.536458,2.04722 -0.674646,4.17979 0,6.48653 11.431564,61.83841 86.704933,55.09416 88.200633,0 0,0 0.17274,-17.73214 0,-18.58223 -1.91851,-9.4414 -12.83795,-12.2172 -15.51392,-4.15694 0.48306,-9.71109 -7.76736,-14.78186 -17.64884,-10.18956 0,0 0.0508,-48.350297 0,-49.216216 -0.60205,-10.268778 -18.30446,-11.336423 -18.559211,0 V 125.0496"
+       id="path1"
+       sodipodi:nodetypes="cccccccccccsccscc" /><path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#eea200;stroke-width:3.9172;stroke-opacity:1;paint-order:stroke fill markers"
+       d="m 75.857311,129.7732 v 39.46359"
+       id="path2" /></g></svg>