packages/styles/assets/img/onboarding/drive-v2-windows.svg

   1 <svg xmlns="http://www.w3.org/2000/svg" width="362" height="360" fill="none">
   2     <g clip-path="url(#a)">
   3         <path
   4             fill="#F7F5FF"
   5             d="M.5 20a20 20 0 0 1 20-20h321a20 20 0 0 1 20 20v320a20 20 0 0 1-20 20h-321a20 20 0 0 1-20-20V20Z"
   6         />
   7         <path
   8             fill="#F4F1FF"
   9             d="M153.59 564.84h855V-195.3H256.61c13.85 14.27 26.99 31.62 39.05 52.52 43.87 75.98 39.98 140.7 17.19 190.71-22.76 49.95-64.32 85.14-95.7 102.28L72.72 233.6c-19.02 10.98-37.55 26.66-46.18 48.46-8.6 21.76-7.44 49.83 13.34 85.82l113.7 196.96Z"
  10         />
  11         <g filter="url(#b)" opacity=".8">
  12             <path fill="#AA79FB" d="M80.5 97h190l-21.11 57H101.6L80.5 97Z" />
  13         </g>
  14         <g filter="url(#c)" opacity=".8">
  15             <ellipse cx="180" cy="102" fill="#fff" rx="81.5" ry="7" />
  16         </g>
  17         <g filter="url(#d)">
  18             <path
  19                 fill="#3B3747"
  20                 d="M86.55 113.02a8.02 8.02 0 0 1 8.02-8.02h166.4a8.02 8.02 0 0 1 8.02 8.02V231.3H86.55V113.02Z"
  21             />
  22             <path
  23                 fill="url(#e)"
  24                 fill-opacity=".2"
  25                 d="M86.55 113.02a8.02 8.02 0 0 1 8.02-8.02h166.4a8.02 8.02 0 0 1 8.02 8.02V231.3H86.55V113.02Z"
  26             />
  27         </g>
  28         <path fill="url(#f)" d="M90.56 113.02a4 4 0 0 1 4-4.01h166.4a4 4 0 0 1 4.02 4v118.3H90.56V113Z" />
  29         <g filter="url(#g)">
  30             <path
  31                 fill="#3B3747"
  32                 d="M286.27 240.07H69.93a3.39 3.39 0 0 1-3.43-3.42v-1.92c0-1.91 1.5-3.41 3.43-3.41h216.34c1.92 0 3.43 1.5 3.43 3.41v1.92a3.44 3.44 0 0 1-3.43 3.42Z"
  33             />
  34             <path
  35                 fill="url(#h)"
  36                 fill-opacity=".2"
  37                 d="M286.27 240.07H69.93a3.39 3.39 0 0 1-3.43-3.42v-1.92c0-1.91 1.5-3.41 3.43-3.41h216.34c1.92 0 3.43 1.5 3.43 3.41v1.92a3.44 3.44 0 0 1-3.43 3.42Z"
  38             />
  39         </g>
  40         <path fill="#9D99A9" d="M188.23 236.1h-20.8a4.78 4.78 0 0 1-4.78-4.78h30.36c0 2.6-2.1 4.78-4.78 4.78Z" />
  41         <mask id="j" width="175" height="122" x="90" y="109" maskUnits="userSpaceOnUse" style="mask-type: alpha">
  42             <path
  43                 fill="url(#i)"
  44                 d="M90.5 117a8 8 0 0 1 8-8h158a8 8 0 0 1 8 8v106a8 8 0 0 1-8 8h-158a8 8 0 0 1-8-8V117Z"
  45             />
  46         </mask>
  47         <g mask="url(#j)">
  48             <path
  49                 stroke="#fff"
  50                 stroke-opacity=".4"
  51                 stroke-width="1.14"
  52                 d="M147.89 114.41a26.55 26.55 0 0 0-26.55 26.55v58.36a26.55 26.55 0 0 0 26.55 26.55h58.36a26.55 26.55 0 0 0 26.55-26.55v-58.36a26.55 26.55 0 0 0-26.55-26.55h-58.36Z"
  53                 opacity=".5"
  54             />
  55             <g filter="url(#k)">
  56                 <ellipse cx="180.5" cy="169.5" fill="#6D4AFF" rx="68" ry="19.5" />
  57             </g>
  58             <path
  59                 fill="#433F4F"
  60                 d="M136.5 148.31A19.31 19.31 0 0 1 155.81 129h43.38a19.31 19.31 0 0 1 19.31 19.31v43.38A19.31 19.31 0 0 1 199.19 211H155.8a19.31 19.31 0 0 1-19.31-19.31V148.3Z"
  61                 opacity=".8"
  62             />
  63             <g filter="url(#l)" opacity=".8">
  64                 <path
  65                     fill="#000"
  66                     fill-opacity=".3"
  67                     d="M163.5 157.83c0-5.98 4.85-10.83 10.83-10.83h24.34c5.98 0 10.83 4.85 10.83 10.83v24.34c0 5.98-4.85 10.83-10.83 10.83h-24.34a10.83 10.83 0 0 1-10.83-10.83v-24.34Z"
  68                 />
  69             </g>
  70             <rect width="46" height="46" x="153" y="147" fill="#49425E" rx="13.34" />
  71             <path
  72                 fill="#fff"
  73                 d="M176 158.63h-10.78v10.78h10.79v-10.78Zm11.97 0H177.2v10.78h10.78v-10.78ZM176 170.6h-10.78v10.78h10.79v-10.79Zm11.97 0H177.2v10.78h10.78v-10.79Z"
  74             />
  75         </g>
  76     </g>
  77     <defs>
  78         <filter
  79             id="b"
  80             width="250"
  81             height="117"
  82             x="50.5"
  83             y="67"
  84             color-interpolation-filters="sRGB"
  85             filterUnits="userSpaceOnUse"
  86         >
  87             <feFlood flood-opacity="0" result="BackgroundImageFix" />
  88             <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
  89             <feGaussianBlur result="effect1_foregroundBlur_172_62244" stdDeviation="15" />
  90         </filter>
  91         <filter
  92             id="c"
  93             width="230.59"
  94             height="81.59"
  95             x="64.7"
  96             y="61.2"
  97             color-interpolation-filters="sRGB"
  98             filterUnits="userSpaceOnUse"
  99         >
 100             <feFlood flood-opacity="0" result="BackgroundImageFix" />
 101             <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
 102             <feGaussianBlur result="effect1_foregroundBlur_172_62244" stdDeviation="16.9" />
 103         </filter>
 104         <filter
 105             id="d"
 106             width="182.44"
 107             height="127.7"
 108             x="86.55"
 109             y="105"
 110             color-interpolation-filters="sRGB"
 111             filterUnits="userSpaceOnUse"
 112         >
 113             <feFlood flood-opacity="0" result="BackgroundImageFix" />
 114             <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
 115             <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" />
 116             <feOffset dy="1.4" />
 117             <feGaussianBlur stdDeviation=".7" />
 118             <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic" />
 119             <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.45 0" />
 120             <feBlend in2="shape" result="effect1_innerShadow_172_62244" />
 121         </filter>
 122         <filter
 123             id="g"
 124             width="223.2"
 125             height="10.2"
 126             x="66.5"
 127             y="231.32"
 128             color-interpolation-filters="sRGB"
 129             filterUnits="userSpaceOnUse"
 130         >
 131             <feFlood flood-opacity="0" result="BackgroundImageFix" />
 132             <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
 133             <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" />
 134             <feOffset dy="1.45" />
 135             <feGaussianBlur stdDeviation=".72" />
 136             <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic" />
 137             <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0" />
 138             <feBlend in2="shape" result="effect1_innerShadow_172_62244" />
 139         </filter>
 140         <filter
 141             id="k"
 142             width="256.56"
 143             height="159.56"
 144             x="52.22"
 145             y="89.72"
 146             color-interpolation-filters="sRGB"
 147             filterUnits="userSpaceOnUse"
 148         >
 149             <feFlood flood-opacity="0" result="BackgroundImageFix" />
 150             <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
 151             <feGaussianBlur result="effect1_foregroundBlur_172_62244" stdDeviation="30.14" />
 152         </filter>
 153         <filter
 154             id="l"
 155             width="86"
 156             height="86"
 157             x="143.5"
 158             y="127"
 159             color-interpolation-filters="sRGB"
 160             filterUnits="userSpaceOnUse"
 161         >
 162             <feFlood flood-opacity="0" result="BackgroundImageFix" />
 163             <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
 164             <feGaussianBlur result="effect1_foregroundBlur_172_62244" stdDeviation="10" />
 165         </filter>
 166         <linearGradient id="e" x1="224.73" x2="95.24" y1="285.22" y2="172.46" gradientUnits="userSpaceOnUse">
 167             <stop stop-color="#fff" />
 168             <stop offset=".55" stop-color="#fff" stop-opacity="0" />
 169         </linearGradient>
 170         <linearGradient id="f" x1="194.09" x2="153.73" y1="77.11" y2="197.84" gradientUnits="userSpaceOnUse">
 171             <stop stop-color="#A7A4B5" />
 172             <stop offset="1" stop-color="#4A4658" />
 173         </linearGradient>
 174         <linearGradient id="h" x1="235.55" x2="234.38" y1="243.81" y2="225.76" gradientUnits="userSpaceOnUse">
 175             <stop stop-color="#fff" />
 176             <stop offset=".55" stop-color="#fff" stop-opacity="0" />
 177         </linearGradient>
 178         <linearGradient id="i" x1="199.28" x2="196.67" y1="51.69" y2="208.79" gradientUnits="userSpaceOnUse">
 179             <stop stop-color="#A7A4B5" />
 180             <stop offset="1" stop-color="#35323F" />
 181         </linearGradient>
 182         <clipPath id="a">
 183             <path
 184                 fill="#fff"
 185                 d="M.5 20a20 20 0 0 1 20-20h321a20 20 0 0 1 20 20v320a20 20 0 0 1-20 20h-321a20 20 0 0 1-20-20V20Z"
 186             />
 187         </clipPath>
 188     </defs>
 189 </svg>