applications/inbox-desktop/assets/proton-spinner.svg

   1 <svg
   2     xmlns="http://www.w3.org/2000/svg"
   3     xmlns:xlink="http://www.w3.org/1999/xlink"
   4     width="56"
   5     height="56"
   6     fill="none"
   7     viewBox="0 0 56 56"
   8 >
   9     <style>
  10         #light {
  11             animation: 2s ease-in-out infinite anime-move-light;
  12         }
  13         @keyframes anime-move-light {
  14             from {
  15                 opacity: 0;
  16                 cx: 0;
  17                 cy: -60;
  18             }
  19             50% {
  20                 opacity: 1;
  21                 cx: 50;
  22             }
  23             to {
  24                 opacity: 0;
  25                 cx: 20;
  26                 cy: 112;
  27             }
  28         }
  29     </style>
  30     <path
  31         id="logo"
  32         fill="#6D4AFF"
  33         d="M5.88 41.353v14.56H16.1V41.985a5.11 5.11 0 015.11-5.11h10.479a18.436 18.436 0 0018.435-18.437A18.434 18.434 0 0031.69 0H5.88v18.2H16.1V9.618h14.897a8.723 8.723 0 110 17.445H20.166A14.281 14.281 0 005.88 41.353z"
  34     />
  35     <path
  36         id="logo-gradient"
  37         fill="url(#p-gradient)"
  38         d="M21.207 36.873A15.328 15.328 0 005.88 52.2v3.712H16.1V41.983a5.11 5.11 0 015.107-5.11z"
  39     />
  40     <mask id="light-mask" style="mask-type: alpha">
  41         <use href="#logo" />
  42     </mask>
  43     <g mask="url(#light-mask)">
  44         <circle id="light" cx="40" cy="-52" r="50" fill="url(#light-gradient)" />
  45     </g>
  46     <defs>
  47         <radialGradient id="light-gradient">
  48             <stop stop-color="#fff" stop-opacity=".5" />
  49             <stop stop-color="#fff" stop-opacity="0" offset="1" />
  50         </radialGradient>
  51         <linearGradient id="p-gradient" x1="13" x2="13" y1="53" y2="32" gradientUnits="userSpaceOnUse">
  52             <stop stop-color="#6D4BFD" />
  53             <stop stop-color="#1C0554" offset="1" />
  54         </linearGradient>
  55     </defs>
  56 </svg>