assets/icon.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 360" role="img" aria-labelledby="title description">
  <title id="title">Slide Viewer</title>
  <desc id="description">A glass microscope slide with rose-stained tissue and violet cell nuclei beneath a magnifying lens.</desc>
  <defs>
    <linearGradient id="slide-glass" x1="56" y1="113" x2="298" y2="231" gradientUnits="userSpaceOnUse">
      <stop stop-color="#FCFBFE"/>
      <stop offset="1" stop-color="#E4E8F1"/>
    </linearGradient>
    <linearGradient id="tissue-stain" x1="148" y1="146" x2="280" y2="241" gradientUnits="userSpaceOnUse">
      <stop stop-color="#F1AFC4"/>
      <stop offset="1" stop-color="#B64B7A"/>
    </linearGradient>
    <linearGradient id="lens-glass" x1="190" y1="176" x2="285" y2="279" gradientUnits="userSpaceOnUse">
      <stop stop-color="#FFF8FB"/>
      <stop offset="1" stop-color="#EEE5F1"/>
    </linearGradient>
  </defs>
  <g transform="rotate(-16 174 171)">
    <rect x="44" y="108" width="267" height="128" rx="27" fill="url(#slide-glass)" stroke="#354157" stroke-width="8"/>
    <rect x="54" y="118" width="64" height="108" rx="19" fill="#493B78"/>
    <path d="M71 151h30M71 171h23M71 191h30" fill="none" stroke="#D9CDEB" stroke-width="7" stroke-linecap="round"/>
    <rect x="130" y="120" width="168" height="104" rx="17" fill="#FFFFFF" fill-opacity=".42" stroke="#D5D5E5" stroke-width="3"/>
    <path d="M148 174c0-18 16-30 35-27 11-15 33-14 44-2 17-5 36 4 38 20 18 8 18 28 3 36-10 15-30 18-45 9-13 10-32 8-41-4-20 1-35-11-34-32Z" fill="url(#tissue-stain)"/>
    <circle cx="176" cy="171" r="8" fill="#493B78"/>
    <circle cx="208" cy="189" r="9" fill="#493B78"/>
    <circle cx="232" cy="161" r="7" fill="#493B78"/>
    <circle cx="254" cy="186" r="6" fill="#493B78"/>
    <path d="M146 135h83" stroke="#FFFFFF" stroke-opacity=".78" stroke-width="4" stroke-linecap="round"/>
  </g>
  <path d="m277 267 45 45" stroke="#354157" stroke-width="23" stroke-linecap="round"/>
  <path d="m283 273 35 35" stroke="#B64B7A" stroke-width="11" stroke-linecap="round"/>
  <circle cx="235" cy="226" r="68" fill="#354157"/>
  <circle cx="235" cy="226" r="58" fill="url(#lens-glass)" stroke="#FCFBFE" stroke-width="4"/>
  <path d="M189 222c2-15 16-25 32-21 11-14 31-12 40 1 16 1 27 14 22 28-2 17-18 28-34 23-12 12-33 12-42-2-15-4-22-15-18-29Z" fill="url(#tissue-stain)"/>
  <circle cx="214" cy="224" r="12" fill="#493B78"/>
  <circle cx="243" cy="237" r="11" fill="#493B78"/>
  <circle cx="258" cy="215" r="9" fill="#493B78"/>
  <circle cx="212" cy="221" r="3" fill="#D9CDEB"/>
  <circle cx="241" cy="234" r="3" fill="#D9CDEB"/>
  <circle cx="257" cy="212" r="2.5" fill="#D9CDEB"/>
  <path d="M208 187a48 48 0 0 1 32-8" fill="none" stroke="#FFFFFF" stroke-opacity=".88" stroke-width="5" stroke-linecap="round"/>
</svg>