<svg width="336" height="113" viewBox="0 0 336 113" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_d_353_2)"> <ellipse cx="89" cy="56.5" rx="72" ry="39.5" fill="#3A0BC0"/> </g> <g filter="url(#filter1_d_353_2)"> <ellipse cx="168" cy="56.5" rx="72" ry="39.5" fill="#3A0BC0"/> </g> <g filter="url(#filter2_d_353_2)"> <ellipse cx="247" cy="56.5" rx="72" ry="39.5" fill="#3A0BC0"/> </g> <ellipse cx="246.5" cy="56.5" rx="68.5" ry="36.5" fill="black"/> <ellipse cx="89.5" cy="56.5" rx="68.5" ry="36.5" fill="black"/> <ellipse cx="164.5" cy="56.5" rx="66.5" ry="36.5" fill="black"/> <defs> <filter id="filter0_d_353_2" x="0" y="0" width="178" height="113" 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"/> <feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_353_2"/> <feOffset/> <feGaussianBlur stdDeviation="7.5"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0853646 0 0 0 0 0.460193 0 0 0 0 0.620833 0 0 0 0.65 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_353_2"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_353_2" result="shape"/> </filter> <filter id="filter1_d_353_2" x="79" y="0" width="178" height="113" 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"/> <feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_353_2"/> <feOffset/> <feGaussianBlur stdDeviation="7.5"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0853646 0 0 0 0 0.460193 0 0 0 0 0.620833 0 0 0 0.65 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_353_2"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_353_2" result="shape"/> </filter> <filter id="filter2_d_353_2" x="158" y="0" width="178" height="113" 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"/> <feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_353_2"/> <feOffset/> <feGaussianBlur stdDeviation="7.5"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0853646 0 0 0 0 0.460193 0 0 0 0 0.620833 0 0 0 0.65 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_353_2"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_353_2" result="shape"/> </filter> </defs> </svg>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter