Удивленное лицо

<?xml version="1.0" encoding="utf-8"?> <svg width="800px" height="800px" viewBox="0 0 246 246" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_397_3214)"> <g filter="url(#filter0_iii_397_3214)"> <path d="M0 115C0 51.4872 51.4873 0 115 0H127C192.722 0 246 53.2781 246 119V127C246 192.722 192.722 246 127 246H123C55.069 246 0 190.931 0 123V115Z" fill="url(#paint0_radial_397_3214)"/> </g> <g filter="url(#filter1_d_397_3214)"> <g filter="url(#filter2_i_397_3214)"> <circle cx="80.5" cy="68.5" r="35.5" fill="#FAFAFA"/> </g> <g filter="url(#filter3_i_397_3214)"> <rect x="61.617" y="49.6169" width="37.7471" height="37.7471" rx="18.8736" fill="#2C2F36"/> </g> </g> <g filter="url(#filter4_d_397_3214)"> <g filter="url(#filter5_i_397_3214)"> <circle cx="166.5" cy="68.5" r="35.5" fill="#FAFAFA"/> </g> <g filter="url(#filter6_i_397_3214)"> <rect x="147.617" y="49.6169" width="37.7471" height="37.7471" rx="18.8736" fill="#2C2F36"/> </g> </g> <mask id="mask0_397_3214" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="97" y="104" width="52" height="71"> <rect x="97" y="104" width="52" height="71" rx="24.4177" fill="url(#paint1_linear_397_3214)"/> </mask> <g mask="url(#mask0_397_3214)"> <g filter="url(#filter7_i_397_3214)"> <rect x="97" y="104" width="52" height="71" rx="24.4177" fill="url(#paint2_linear_397_3214)"/> </g> <g filter="url(#filter8_i_397_3214)"> <path d="M55.4587 117.68C52.6775 111.302 57.1592 104 64.1171 104H187.771C189.28 104 185.509 104 186.528 104.177C191.262 104.999 197.391 115.489 195.783 120.016C195.437 120.991 200.575 111.873 198.52 115.52C195.911 120.149 195.518 128 190.204 128H59.862C56.0072 128 56.9996 121.213 55.4587 117.68Z" fill="white"/> </g> </g> </g> <defs> <filter id="filter0_iii_397_3214" x="-11" y="-24" width="278" height="326" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feMorphology radius="8" operator="erode" in="SourceAlpha" result="effect1_innerShadow_397_3214"/> <feOffset dx="21" dy="73"/> <feGaussianBlur stdDeviation="24"/> <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0.682806 0 0 0 0 0.0652778 0 0 0 0 0.783333 0 0 0 0.14 0"/> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3214"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="-24"/> <feGaussianBlur stdDeviation="15.5"/> <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0.943639 0 0 0 0 0.223611 0 0 0 0 0.958333 0 0 0 0.44 0"/> <feBlend mode="normal" in2="effect1_innerShadow_397_3214" result="effect2_innerShadow_397_3214"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dx="-11" dy="30"/> <feGaussianBlur stdDeviation="15.5"/> <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.766722 0 0 0 0 0.693056 0 0 0 0.68 0"/> <feBlend mode="normal" in2="effect2_innerShadow_397_3214" result="effect3_innerShadow_397_3214"/> </filter> <filter id="filter1_d_397_3214" x="30.6489" y="21.6702" width="99.7021" height="99.7021" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.02128"/> <feGaussianBlur stdDeviation="7.17553"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_397_3214"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_397_3214" result="shape"/> </filter> <filter id="filter2_i_397_3214" x="45" y="29.45" width="71" height="74.55" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="-3.55"/> <feGaussianBlur stdDeviation="8.875"/> <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3214"/> </filter> <filter id="filter3_i_397_3214" x="61.617" y="49.6169" width="37.7471" height="37.7471" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feMorphology radius="31.2004" operator="dilate" in="SourceAlpha" result="effect1_innerShadow_397_3214"/> <feOffset dx="10.8523" dy="-32.5569"/> <feGaussianBlur stdDeviation="12.2088"/> <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0.462111 0 0 0 0 0.203767 0 0 0 0 0.504167 0 0 0 0.35 0"/> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3214"/> </filter> <filter id="filter4_d_397_3214" x="116.649" y="21.6702" width="99.7021" height="99.7021" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.02128"/> <feGaussianBlur stdDeviation="7.17553"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_397_3214"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_397_3214" result="shape"/> </filter> <filter id="filter5_i_397_3214" x="131" y="29.45" width="71" height="74.55" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="-3.55"/> <feGaussianBlur stdDeviation="8.875"/> <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3214"/> </filter> <filter id="filter6_i_397_3214" x="147.617" y="49.6169" width="37.7471" height="37.7471" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feMorphology radius="31.2004" operator="dilate" in="SourceAlpha" result="effect1_innerShadow_397_3214"/> <feOffset dx="10.8523" dy="-32.5569"/> <feGaussianBlur stdDeviation="12.2088"/> <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0.462111 0 0 0 0 0.203767 0 0 0 0 0.504167 0 0 0 0.35 0"/> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3214"/> </filter> <filter id="filter7_i_397_3214" x="97" y="104" width="52" height="71" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feMorphology radius="31.2004" operator="dilate" in="SourceAlpha" result="effect1_innerShadow_397_3214"/> <feOffset dx="10.8523" dy="-32.5569"/> <feGaussianBlur stdDeviation="12.2088"/> <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0.462111 0 0 0 0 0.203767 0 0 0 0 0.504167 0 0 0 0.35 0"/> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3214"/> </filter> <filter id="filter8_i_397_3214" x="54.6227" y="101" width="144.384" height="27" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="-3"/> <feGaussianBlur stdDeviation="8"/> <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.47 0"/> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3214"/> </filter> <radialGradient id="paint0_radial_397_3214" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(109 16) rotate(86.5167) scale(230.426)"> <stop offset="0.576389" stop-color="#FFBB0C"/> <stop offset="1" stop-color="#FFC907"/> </radialGradient> <linearGradient id="paint1_linear_397_3214" x1="123" y1="104" x2="177.369" y2="146.032" gradientUnits="userSpaceOnUse"> <stop stop-color="#FF20C1"/> <stop offset="1" stop-color="#3A2EC0"/> </linearGradient> <linearGradient id="paint2_linear_397_3214" x1="123" y1="104" x2="177.369" y2="146.032" gradientUnits="userSpaceOnUse"> <stop stop-color="#FF20C1"/> <stop offset="1" stop-color="#3A2EC0"/> </linearGradient> <clipPath id="clip0_397_3214"> <rect width="246" height="246" fill="white"/> </clipPath> </defs> </svg>