modification SVG

  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44" width="40" height="40">
    <defs>
      <filter id="shadow">
        <feDropShadow dx="0" dy="3" stdDeviation="3"
          flood-color="#000000" flood-opacity="0.5"/>
      </filter>
      <radialGradient id="inner-shadow" cx="50%" cy="80%" r="55%">
        <stop offset="0%"   stop-color="#550000" stop-opacity="0.6"/>
        <stop offset="100%" stop-color="#550000" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="shine" cx="38%" cy="28%" r="45%">
        <stop offset="0%"   stop-color="white" stop-opacity="0.45"/>
        <stop offset="100%" stop-color="white" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="sphere" cx="40%" cy="35%" r="65%">
        <stop offset="0%"   stop-color="#ff2222"/>
        <stop offset="55%"  stop-color="#cc0000"/>
        <stop offset="100%" stop-color="#7a0000"/>
      </radialGradient>
    </defs>

    <!-- Biseau bas (foncé) -->
    <circle cx="22" cy="22" r="21" fill="#6a0000"/>
    <!-- Biseau haut (clair) -->
    <circle cx="22" cy="21" r="21" fill="#ff5555" opacity="0.35"/>
    <!-- Corps sphérique -->
    <circle cx="22" cy="22" r="20" fill="url(#sphere)"/>
    <!-- Ombre interne bas -->
    <circle cx="22" cy="22" r="20" fill="url(#inner-shadow)"/>
    <!-- Reflet diffus -->
    <circle cx="22" cy="22" r="20" fill="url(#shine)" filter="url(#shadow)"/>
    <!-- Point de lumière spéculaire -->
    <ellipse cx="15" cy="13" rx="5" ry="3" fill="white" opacity="0.55"/>

    <!-- Ombre portée sous la croix -->
    <line x1="14" y1="15" x2="32" y2="33"
      stroke="#550000" stroke-width="1" stroke-linecap="round" opacity="0.4"/>
    <line x1="32" y1="15" x2="14" y2="33"
      stroke="#550000" stroke-width="1" stroke-linecap="round" opacity="0.4"/>
    <!-- Croix blanche -->
    <line x1="13" y1="14" x2="31" y2="32"
      stroke="white" stroke-width="2.8" stroke-linecap="round"/>
    <line x1="31" y1="14" x2="13" y2="32"
      stroke="white" stroke-width="2.8" stroke-linecap="round"/>
  </svg>
  
  ------------------------------   SVG modifier   ------------------------------
  
  <svg viewBox="0 0 44 44" width="40" height="40">
  <defs>
    <filter id="shadow">
      <feDropShadow dx="0" dy="3" stdDeviation="3"
        flood-color="#000000" flood-opacity="0.5"/>
    </filter>
    <radialGradient id="inner-shadow" cx="50%" cy="80%" r="55%">
      <stop offset="0%"   stop-color="#550000" stop-opacity="0.6"/>
      <stop offset="100%" stop-color="#550000" stop-opacity="0"/>
    </radialGradient>
    <radialGradient id="shine" cx="38%" cy="28%" r="45%">
      <stop offset="0%"   stop-color="white" stop-opacity="0.45"/>
      <stop offset="100%" stop-color="white" stop-opacity="0"/>
    </radialGradient>
    <radialGradient id="sphere" cx="40%" cy="35%" r="65%">
      <stop offset="0%"   stop-color="#ff2222"/>
      <stop offset="55%"  stop-color="#cc0000"/>
      <stop offset="100%" stop-color="#7a0000"/>
    </radialGradient>
  </defs>
  <!-- Biseau bas (foncé) -->
  <circle cx="22" cy="22" r="21" fill="#6a0000"/>
  <!-- Biseau haut (clair) -->
  <circle cx="22" cy="21" r="21" fill="#ff5555" opacity="0.35"/>
  <!-- Corps sphérique -->
  <circle cx="22" cy="22" r="20" fill="url(#sphere)"/>
  <!-- Ombre interne bas -->
  <circle cx="22" cy="22" r="20" fill="url(#inner-shadow)"/>
  <!-- Reflet diffus -->
  <circle cx="22" cy="22" r="20" fill="url(#shine)" filter="url(#shadow)"/>
  <!-- Point de lumière spéculaire -->
  <ellipse cx="15" cy="13" rx="5" ry="3" fill="white" opacity="0.55"/>
  <!-- Ombre portée sous la croix -->
  <line x1="14" y1="15" x2="32" y2="33"
    stroke="#550000" stroke-width="1" stroke-linecap="round" opacity="0.4"/>
  <line x1="32" y1="15" x2="14" y2="33"
    stroke="#550000" stroke-width="1" stroke-linecap="round" opacity="0.4"/>
  <!-- Croix blanche -->
  <line x1="13" y1="14" x2="31" y2="32"
    stroke="white" stroke-width="2.8" stroke-linecap="round"/>
  <line x1="31" y1="14" x2="13" y2="32"
    stroke="white" stroke-width="2.8" stroke-linecap="round"/>
</svg>