MeshGradient.4.tsx (1289B)
1 export function MeshGradient4({ className }: { className?: string }) { 2 return (<> 3 <svg xmlns="http://www.w3.org/2000/svg" width="1278" height="699" viewBox="0 0 1278 699" fill="none" className={className}> 4 <g filter="url(#filter0_f_3722_32860)"> 5 <path d="M433.091 498.432L263.647 452.234L200.084 412.914L239.519 230.156L1024.27 200.788L1077.83 279.182L947.942 286.691L962.025 412.846L746.403 315.839L693.586 452.196L610.407 323.701L466.6 375.009L433.091 498.432Z" fill="url(#paint0_linear_3722_32860)" fillOpacity="0.5" /> 6 </g> 7 <defs> 8 <filter id="filter0_f_3722_32860" x="0.0843506" y="0.78833" width="1277.74" height="697.643" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB"> 9 <feFlood floodOpacity="0" result="BackgroundImageFix" /> 10 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> 11 <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_3722_32860" /> 12 </filter> 13 <linearGradient id="paint0_linear_3722_32860" x1="189.686" y1="233.037" x2="786.179" y2="786.298" gradientUnits="userSpaceOnUse"> 14 <stop stopColor="#18E1FD" /> 15 <stop offset="1" stopColor="#FF659C" /> 16 </linearGradient> 17 </defs> 18 </svg> 19 </>) 20 }