packages/styles/assets/img/onboarding/mail_onboarding_mobile_app.svg

   1 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 80 80">
   2     <g clip-path="url(#a)">
   3         <rect width="80" height="80" fill="url(#b)" fill-opacity=".09" rx="20" />
   4         <g filter="url(#c)">
   5             <path
   6                 fill="url(#d)"
   7                 fill-rule="evenodd"
   8                 d="M31 22h18a3 3 0 0 1 3 3v30a3 3 0 0 1-3 3H31a3 3 0 0 1-3-3V25a3 3 0 0 1 3-3Zm-6 3a6 6 0 0 1 6-6h18a6 6 0 0 1 6 6v30a6 6 0 0 1-6 6H31a6 6 0 0 1-6-6V25Zm18 30a1.5 1.5 0 0 0 0-3h-6a1.5 1.5 0 0 0 0 3h6Z"
   9                 clip-rule="evenodd"
  10             />
  11         </g>
  12     </g>
  13     <defs>
  14         <linearGradient id="b" x1="-3.148" x2="99.262" y1="-2.92" y2="34.008" gradientUnits="userSpaceOnUse">
  15             <stop stop-color="#ECAAFF" />
  16             <stop offset="1" stop-color="#6A48F6" />
  17         </linearGradient>
  18         <linearGradient id="d" x1="52.223" x2="22.305" y1="6.855" y2="60.569" gradientUnits="userSpaceOnUse">
  19             <stop stop-color="#EEBEFF" />
  20             <stop offset="1" stop-color="#5228FF" />
  21         </linearGradient>
  22         <clipPath id="a">
  23             <rect width="80" height="80" fill="#fff" rx="20" />
  24         </clipPath>
  25         <filter
  26             id="c"
  27             width="60"
  28             height="72.493"
  29             x="10"
  30             y="14"
  31             color-interpolation-filters="sRGB"
  32             filterUnits="userSpaceOnUse"
  33         >
  34             <feFlood flood-opacity="0" result="BackgroundImageFix" />
  35             <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
  36             <feOffset dy="2.22" />
  37             <feGaussianBlur stdDeviation="1" />
  38             <feColorMatrix values="0 0 0 0 0.290196 0 0 0 0 0.176471 0 0 0 0 0.772549 0 0 0 0.04 0" />
  39             <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_5942_56728" />
  40             <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
  41             <feOffset dy="10.493" />
  42             <feGaussianBlur stdDeviation="7.5" />
  43             <feColorMatrix values="0 0 0 0 0.290196 0 0 0 0 0.176471 0 0 0 0 0.772549 0 0 0 0.05 0" />
  44             <feBlend in2="effect1_dropShadow_5942_56728" result="effect2_dropShadow_5942_56728" />
  45             <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
  46             <feOffset dy="5" />
  47             <feGaussianBlur stdDeviation="5" />
  48             <feColorMatrix values="0 0 0 0 0.290196 0 0 0 0 0.176471 0 0 0 0 0.772549 0 0 0 0.05 0" />
  49             <feBlend in2="effect2_dropShadow_5942_56728" result="effect3_dropShadow_5942_56728" />
  50             <feBlend in="SourceGraphic" in2="effect3_dropShadow_5942_56728" result="shape" />
  51         </filter>
  52     </defs>
  53 </svg>