<svg xmlns="http://www.w3.org/2000/svg" width="820" height="220" viewBox="0 0 820 220" role="img" aria-labelledby="title desc">
  <title id="title">Volunteerio logo</title>
  <desc id="desc">A blue and green V arrow mark with the Volunteerio wordmark.</desc>
  <defs>
    <linearGradient id="leftBlue" x1="38" y1="52" x2="124" y2="171" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#2563eb"/>
      <stop offset="0.5" stop-color="#2f7de3"/>
      <stop offset="1" stop-color="#0ea5a8"/>
    </linearGradient>
    <linearGradient id="rightGreen" x1="122" y1="172" x2="229" y2="38" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#12ad82"/>
      <stop offset="0.52" stop-color="#18b993"/>
      <stop offset="1" stop-color="#34d399"/>
    </linearGradient>
    <filter id="soft" x="-16%" y="-16%" width="132%" height="136%">
      <feDropShadow dx="0" dy="8" stdDeviation="7" flood-color="#0f172a" flood-opacity="0.1"/>
    </filter>
  </defs>
  <rect width="820" height="220" fill="#ffffff"/>
  <g transform="translate(30 22)" filter="url(#soft)">
    <path d="M38 52L121 172" fill="none" stroke="url(#leftBlue)" stroke-width="38" stroke-linecap="butt" stroke-linejoin="round"/>
    <path d="M121 172L220 50" fill="none" stroke="url(#rightGreen)" stroke-width="38" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M196 48L232 30L225 70Z" fill="#34d399"/>
    <path d="M51 53L102 127" fill="none" stroke="#4ea4ef" stroke-width="15" stroke-linecap="butt" opacity="0.42"/>
    <path d="M148 137L202 71" fill="none" stroke="#6ee7b7" stroke-width="13" stroke-linecap="round" opacity="0.34"/>
  </g>
  <text x="286" y="128" fill="#0f172a" font-family="Inter, Segoe UI, Arial, sans-serif" font-size="64" font-weight="850" letter-spacing="-1">Volunteerio</text>
</svg>
