deepin-image-viewer.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 64 64">
  <defs>
    <filter id="deepin-image-viewer-a" width="132.3%" height="132.2%" x="-19.4%" y="-13.6%" filterUnits="objectBoundingBox">
      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/>
      <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
      <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0"/>
      <feMerge>
        <feMergeNode in="shadowMatrixOuter1"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    <linearGradient id="deepin-image-viewer-b" x1="50%" x2="50%" y1="0%" y2="100%">
      <stop offset="0%" stop-color="#FFF"/>
      <stop offset="100%" stop-color="#D6D9ED"/>
    </linearGradient>
    <linearGradient id="deepin-image-viewer-d" x1="50%" x2="50%" y1="100%" y2="1.926%">
      <stop offset="0%" stop-color="#4B7BCF"/>
      <stop offset="100%" stop-color="#3A2EC8"/>
    </linearGradient>
    <rect id="deepin-image-viewer-c" width="49.125" height="33.75" x=".122" y=".096" rx="4"/>
    <linearGradient id="deepin-image-viewer-f" x1="49.803%" x2="41.314%" y1="35.88%" y2="68.829%">
      <stop offset="0%" stop-color="#40E2E8"/>
      <stop offset="47.667%" stop-color="#2A7ECA"/>
      <stop offset="100%" stop-color="#332075"/>
    </linearGradient>
    <linearGradient id="deepin-image-viewer-g" x1="50%" x2="50%" y1="11.914%" y2="100%">
      <stop offset="0%" stop-color="#67CEFF" stop-opacity=".8"/>
      <stop offset="100%" stop-color="#00CDFF"/>
    </linearGradient>
    <filter id="deepin-image-viewer-h" width="133.3%" height="129.4%" x="-18.2%" y="-17.6%" filterUnits="objectBoundingBox">
      <feOffset dy="-1" in="SourceAlpha" result="shadowOffsetOuter1"/>
      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
      <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0.0924666824   0 0 0 0 0.218528561   0 0 0 0 0.62647192  0 0 0 0.302474869 0"/>
      <feMerge>
        <feMergeNode in="shadowMatrixOuter1"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    <circle id="deepin-image-viewer-i" cx="12.51" cy="12.5" r="12.5"/>
    <linearGradient id="deepin-image-viewer-m" x1="50%" x2="50%" y1="0%" y2="100%">
      <stop offset="0%" stop-color="#FFF"/>
      <stop offset="100%" stop-color="#E7E7E7"/>
    </linearGradient>
    <rect id="deepin-image-viewer-l" width="66.125" height="57.375" x=".021" y=".018" rx="6"/>
    <filter id="deepin-image-viewer-k" width="109.1%" height="110.5%" x="-4.5%" y="-5.2%" filterUnits="objectBoundingBox">
      <feMorphology in="SourceAlpha" operator="dilate" radius=".5" result="shadowSpreadOuter1"/>
      <feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1"/>
      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.05 0"/>
    </filter>
    <linearGradient id="deepin-image-viewer-o" x1="50%" x2="50%" y1="100%" y2="1.926%">
      <stop offset="0%" stop-color="#4068AD"/>
      <stop offset="100%" stop-color="#352E86"/>
    </linearGradient>
    <rect id="deepin-image-viewer-n" width="59.531" height="41.484" x="0" y="0" rx="4"/>
    <linearGradient id="deepin-image-viewer-q" x1="49.803%" x2="41.314%" y1="35.865%" y2="68.85%">
      <stop offset="0%" stop-color="#40D0D5"/>
      <stop offset="47.667%" stop-color="#2A7ECA"/>
      <stop offset="100%" stop-color="#332075"/>
    </linearGradient>
    <linearGradient id="deepin-image-viewer-r" x1="50%" x2="50%" y1="11.914%" y2="100%">
      <stop offset="0%" stop-color="#32BEFF" stop-opacity=".8"/>
      <stop offset="100%" stop-color="#00CDFF"/>
    </linearGradient>
    <radialGradient id="deepin-image-viewer-u" cx="50%" cy="50%" r="55.707%" fx="50%" fy="50%">
      <stop offset="0%" stop-color="#01001F" stop-opacity=".036"/>
      <stop offset="81.152%" stop-color="#000636" stop-opacity=".219"/>
      <stop offset="100%" stop-color="#01003C" stop-opacity=".688"/>
    </radialGradient>
    <circle id="deepin-image-viewer-t" cx="16.25" cy="16.375" r="12.5"/>
    <filter id="deepin-image-viewer-s" width="160%" height="160%" x="-30%" y="-30%" filterUnits="objectBoundingBox">
      <feOffset in="SourceAlpha" result="shadowOffsetOuter1"/>
      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2.5"/>
      <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.279134909   0 0 0 0 0.446591113   0 0 0 0 1  0 0 0 1 0"/>
    </filter>
    <radialGradient id="deepin-image-viewer-v" cx="20.808%" cy="86.4%" r="74.745%" fx="20.808%" fy="86.4%" gradientTransform="matrix(.4608 -.86004 1.0475 .68809 -.793 .448)">
      <stop offset=".037%" stop-color="#C0A8FF" stop-opacity=".515"/>
      <stop offset="100%" stop-color="#B385FF" stop-opacity="0"/>
    </radialGradient>
  </defs>
  <g fill="none" fill-rule="evenodd" filter="url(#deepin-image-viewer-a)" transform="translate(1 2)">
    <g transform="rotate(-8 61.633 4.299)">
      <rect width="54.125" height="46.875" fill="url(#deepin-image-viewer-b)" rx="6"/>
      <g transform="translate(2.378 2.404)">
        <mask id="deepin-image-viewer-e" fill="#fff">
          <use xlink:href="#deepin-image-viewer-c"/>
        </mask>
        <use fill="url(#deepin-image-viewer-d)" xlink:href="#deepin-image-viewer-c"/>
        <circle cx="41.162" cy="6.607" r="2.5" fill="#FFF5D0" mask="url(#deepin-image-viewer-e)"/>
        <path fill="url(#deepin-image-viewer-f)" d="M-1.25130914,34.6326666 L18.3001886,10.6365131 C20.0440846,8.49617585 22.8697676,8.49405102 24.6153949,10.6365131 L44.1668926,34.6326666 L-1.25130914,34.6326666 Z" mask="url(#deepin-image-viewer-e)"/>
        <path fill="url(#deepin-image-viewer-g)" fill-opacity=".65" d="M13.8880914,37.2871024 L30.7373289,15.9962966 C32.453413,13.8278416 35.2320308,13.8231609 36.9518192,15.9962966 L53.8010566,37.2871024 L13.8880914,37.2871024 Z" mask="url(#deepin-image-viewer-e)" style="mix-blend-mode:soft-light"/>
      </g>
    </g>
    <g filter="url(#deepin-image-viewer-h)" transform="translate(1 24.125)">
      <circle cx="16.25" cy="16.125" r="15.875" fill="#FFF"/>
      <g transform="translate(3.75 3.875)">
        <mask id="deepin-image-viewer-j" fill="#fff">
          <use xlink:href="#deepin-image-viewer-i"/>
        </mask>
        <use fill="#FFF" fill-opacity=".188" xlink:href="#deepin-image-viewer-i"/>
        <g mask="url(#deepin-image-viewer-j)">
          <g transform="rotate(-8 -113.252 135.79)">
            <use fill="#000" filter="url(#deepin-image-viewer-k)" xlink:href="#deepin-image-viewer-l"/>
            <use fill="url(#deepin-image-viewer-m)" xlink:href="#deepin-image-viewer-l"/>
            <g transform="translate(3.313 3.102)">
              <mask id="deepin-image-viewer-p" fill="#fff">
                <use xlink:href="#deepin-image-viewer-n"/>
              </mask>
              <use fill="url(#deepin-image-viewer-o)" xlink:href="#deepin-image-viewer-n"/>
              <ellipse cx="49.382" cy="7.878" fill="#FFF5D0" mask="url(#deepin-image-viewer-p)" rx="3.08" ry="3.091"/>
              <path fill="url(#deepin-image-viewer-q)" d="M-1.65365104,41.4839457 L22.4749718,11.8540088 C24.2183245,9.71317253 27.0411082,9.70856826 28.7882103,11.8540088 L52.9168332,41.4839457 L-1.65365104,41.4839457 Z" mask="url(#deepin-image-viewer-p)"/>
              <path fill="url(#deepin-image-viewer-r)" fill-opacity=".65" d="M16.5365104,44.6750185 L37.4165979,18.2764269 C39.1274946,16.1133487 41.9072472,16.1207334 43.6123029,18.2764269 L64.4923905,44.6750185 L16.5365104,44.6750185 Z" mask="url(#deepin-image-viewer-p)" style="mix-blend-mode:soft-light"/>
            </g>
          </g>
        </g>
      </g>
      <use fill="#000" filter="url(#deepin-image-viewer-s)" xlink:href="#deepin-image-viewer-t"/>
      <circle cx="16.25" cy="16.375" r="12" fill="url(#deepin-image-viewer-u)" stroke="#000" stroke-linejoin="square" stroke-opacity=".3"/>
      <path fill="url(#deepin-image-viewer-v)" d="M9.64615967,5.58285651 C9.5158758,5.36430572 9.60680005,5.65083964 9.46533876,5.86132572 C6.33442923,10.5199351 7.52311058,16.6852411 11.9317583,20.1428265 C16.340406,23.600412 22.6396688,23.0040583 26.4164659,18.9327162 C24.1330414,18.2815795 21.9895096,17.3392865 20.0053325,16.150971 C15.7587394,13.6077037 12.2420832,9.93751009 9.64615967,5.58285651 Z" transform="rotate(168 17.062 13.953)" style="mix-blend-mode:lighten"/>
    </g>
  </g>
</svg>