assets/icon.svg

<svg xmlns="http://www.w3.org/2000/svg" width="360" height="360" viewBox="0 0 360 360" role="img" aria-labelledby="title description">
  <title id="title">Life Sciences Databases</title>
  <desc id="description">Green database stack with molecular nodes and a data grid</desc>
  <defs>
    <linearGradient id="greenBody" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#045941"/>
      <stop offset="0.2" stop-color="#33B58C"/>
      <stop offset="0.5" stop-color="#6BD2B1"/>
      <stop offset="0.8" stop-color="#08795B"/>
      <stop offset="1" stop-color="#003B2D"/>
    </linearGradient>
    <linearGradient id="greenTop" x1="0" y1="0" x2="0.9" y2="0.9">
      <stop offset="0" stop-color="#C8F9EA"/>
      <stop offset="0.45" stop-color="#79D7BB"/>
      <stop offset="1" stop-color="#168B69"/>
    </linearGradient>
    <linearGradient id="greenRim" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#F1FFF9"/>
      <stop offset="0.28" stop-color="#A9F1D8"/>
      <stop offset="0.7" stop-color="#42BF97"/>
      <stop offset="1" stop-color="#075B45"/>
    </linearGradient>
    <radialGradient id="greenNode" cx="35%" cy="25%" r="70%">
      <stop offset="0" stop-color="#D8FFF2"/>
      <stop offset="0.38" stop-color="#62D7B2"/>
      <stop offset="1" stop-color="#087458"/>
    </radialGradient>
    <radialGradient id="whiteNode" cx="35%" cy="25%" r="70%">
      <stop offset="0" stop-color="#FFFFFF"/>
      <stop offset="0.48" stop-color="#F4F4F1"/>
      <stop offset="1" stop-color="#A7AAA7"/>
    </radialGradient>
    <linearGradient id="metal" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#FFFFFF"/>
      <stop offset="0.45" stop-color="#DCDDD9"/>
      <stop offset="1" stop-color="#8D918E"/>
    </linearGradient>
    <linearGradient id="badgeFace" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#FFFFFF"/>
      <stop offset="1" stop-color="#E8ECEA"/>
    </linearGradient>
    <linearGradient id="badgeTile" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#19A47B"/>
      <stop offset="1" stop-color="#007155"/>
    </linearGradient>
  </defs>

  <path d="M42 79c0-27 55-49 123-49s123 22 123 49v190c0 31-55 56-123 56S42 300 42 269V79Z" fill="url(#greenBody)" stroke="#00372A" stroke-width="7"/>
  <ellipse cx="165" cy="79" rx="123" ry="49" fill="url(#greenTop)" stroke="#075D47" stroke-width="7"/>
  <ellipse cx="165" cy="72" rx="109" ry="36" fill="none" stroke="url(#greenRim)" stroke-width="7"/>
  <path d="M42 136c0 28 55 50 123 50s123-22 123-50" fill="none" stroke="#00372A" stroke-width="13"/>
  <path d="M45 127c8 24 59 43 120 43s112-19 120-43" fill="none" stroke="#8DE1C6" stroke-width="5"/>
  <path d="M42 211c0 28 55 50 123 50s123-22 123-50" fill="none" stroke="#00372A" stroke-width="13"/>
  <path d="M45 202c8 24 59 43 120 43s112-19 120-43" fill="none" stroke="#75D3B4" stroke-width="5"/>
  <path d="M56 279c18 21 61 34 109 34 39 0 75-9 98-24" fill="none" stroke="#58C5A3" stroke-width="6" stroke-linecap="round"/>

  <g stroke="#34554A" stroke-width="17" stroke-linecap="round">
    <path d="M191 144l35-34"/>
    <path d="M182 153l-42-38"/>
    <path d="M180 164l-43 48"/>
    <path d="M188 171l49 36"/>
  </g>
  <g stroke="url(#metal)" stroke-width="11" stroke-linecap="round">
    <path d="M191 144l35-34"/>
    <path d="M182 153l-42-38"/>
    <path d="M180 164l-43 48"/>
    <path d="M188 171l49 36"/>
  </g>
  <circle cx="184" cy="158" r="30" fill="url(#whiteNode)" stroke="#6C746F" stroke-width="5"/>
  <circle cx="235" cy="100" r="25" fill="url(#greenNode)" stroke="#00533F" stroke-width="5"/>
  <circle cx="125" cy="105" r="24" fill="url(#whiteNode)" stroke="#777D79" stroke-width="4"/>
  <circle cx="120" cy="223" r="27" fill="url(#greenNode)" stroke="#00533F" stroke-width="5"/>
  <path d="M174 144c5-7 14-10 21-7" fill="none" stroke="#FFFFFF" stroke-width="5" stroke-linecap="round"/>
  <path d="M226 88c5-6 12-8 18-5" fill="none" stroke="#E6FFF6" stroke-width="5" stroke-linecap="round"/>
  <path d="M110 211c5-6 12-8 19-5" fill="none" stroke="#E6FFF6" stroke-width="5" stroke-linecap="round"/>

  <circle cx="258" cy="251" r="74" fill="#00523F" stroke="#00372A" stroke-width="6"/>
  <circle cx="258" cy="251" r="60" fill="url(#badgeFace)" stroke="#AAB5B0" stroke-width="5"/>
  <g fill="url(#badgeTile)" stroke="#004F3C" stroke-width="1.5">
    <rect x="226" y="219" width="18" height="18" rx="4"/>
    <rect x="250" y="219" width="42" height="18" rx="4"/>
    <rect x="226" y="243" width="18" height="18" rx="4"/>
    <rect x="250" y="243" width="18" height="18" rx="4"/>
    <rect x="274" y="243" width="18" height="18" rx="4"/>
    <rect x="226" y="267" width="18" height="18" rx="4"/>
    <rect x="250" y="267" width="18" height="18" rx="4"/>
    <rect x="274" y="267" width="18" height="18" rx="4"/>
  </g>
</svg>