// page builder integration icons.
export const ElementorIntegrationIcon = () => (
	<svg width={48} height={48} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M2 8a6 6 0 0 1 6-6h32a6 6 0 0 1 6 6v32a6 6 0 0 1-6 6H8a6 6 0 0 1-6-6z" fill="rgb(238, 0, 238)" />
		<g clipPath="url(#ElementorIntegrationIcona)">
			<mask
				id="ElementorIntegrationIconb"
				style={{
					maskType: "luminance",
				}}
				maskUnits="userSpaceOnUse"
				x={0}
				y={0}
				width={48}
				height={48}
			>
				<path d="M48 0H0v48h48z" fill="#fff" />
			</mask>
			<g mask="url(#ElementorIntegrationIconb)" fill="#fff">
				<path d="M18.001 33.997h-3.998V13.999h3.998zm15.996-16H21.999v-3.998h11.998zm0 8H21.999v-3.998h11.998zm0 8H21.999v-3.998h11.998z" />
			</g>
		</g>
		<defs>
			<clipPath id="ElementorIntegrationIcona">
				<path fill="#fff" d="M0 0h48v48H0z" />
			</clipPath>
		</defs>
	</svg>
);

export const DiviIntegrationIcon = () => (
	<svg width={44} height={44} viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width={44} height={44} rx={6} fill="url(#DiviIntegrationIcona)" />
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M9.002 9.547H23.27c5.804 0 11.728 4.11 11.728 12.453S29.073 34.453 23.27 34.453H12.751v-13.42h6.166v7.375h4.11c2.66 0 5.804-3.023 5.804-6.408s-3.023-6.408-5.803-6.408h-6.771c-3.023 0-5.441-2.055-7.255-6.045"
			fill="#fff"
		/>
		<defs>
			<linearGradient
				id="DiviIntegrationIcona"
				x1={44.061}
				y1={44.06}
				x2={0.001}
				y2={-0.001}
				gradientUnits="userSpaceOnUse"
			>
				<stop stopColor="#4b81eb" />
				<stop offset={1} stopColor="#6752f4" />
			</linearGradient>
		</defs>
	</svg>
);

export const WPBakeryIntegrationIcon = () => (
	<svg width={44} height={44} viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width={44} height={44} rx={6} fill="url(#WPBakeryIntegrationIcona)" />
		<path
			d="M21.434 27.626c-.925.462-1.85.925-2.929 1.079-.925.154-2.004.308-2.929 0-1.079-.154-2.158-.462-3.083-1.079-2.312-1.233-3.853-3.083-4.47-5.55-.462-1.54-.308-3.236.309-4.778.154-.77.616-1.695 1.233-2.312.925-1.233 2.158-2.312 3.545-2.928a9.4 9.4 0 0 1 7.707.308c.617.308 1.233.925 1.85 1.541l1.387 1.388c.77.77 1.85 1.233 3.083 1.387.925.154 1.85.154 2.774-.154-1.233 0-2.466-.154-3.545-.771h.154l.617-.154 1.541-.308a7.55 7.55 0 0 1 3.7.462c1.387.617 2.466 1.696 3.237 2.929l.616 2.158q.231 3.93-3.237 6.011-1.387.925-3.237.925c-.308 0-.308 0-.462.308l-1.233 4.316c0 .155-.154.309-.309.155l-3.236-.925h-2.93l-2.157.462c-.925.154-1.542-.308-2.004-.925l-.617-1.079.154-.308c.925-.154 1.85-.617 2.775-1.079.617-.308 1.08-.462 1.541-.925z"
			fill="#fff"
		/>
		<defs>
			<linearGradient
				id="WPBakeryIntegrationIcona"
				x1={38.822}
				y1={38.818}
				x2={5.264}
				y2={5.287}
				gradientUnits="userSpaceOnUse"
			>
				<stop stopColor="#0074af" />
				<stop offset={0.2} stopColor="#0375b1" />
				<stop offset={0.4} stopColor="#0c79b7" />
				<stop offset={0.6} stopColor="#1c80c1" />
				<stop offset={0.7} stopColor="#328acf" />
				<stop offset={0.8} stopColor="#4f96e1" />
				<stop offset={1} stopColor="#7fabff" />
			</linearGradient>
		</defs>
	</svg>
);

export const BeaverIntegrationIcon = () => (
	<svg width={44} height={44} viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width={44} height={44} rx={6} fill="url(#BeaverIntegrationIcona)" />
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="m7.662 24.08.462-.461-.77-.617zm1.85-2.465a70 70 0 0 1-1.08-.925l-.77 1.233.925.925zm-1.234 3.39 1.08 1.08.77-.925-1.233-1.08zm1.696-4.161 1.079-1.387-1.08-.771-.924 1.079zm-.617 2.466 1.234 1.08.77-1.388-1.233-.925zm2.93-5.24-1.08-.617-.77.616.924.925zm.461 2.774-1.233-.925-.925 1.387 1.234 1.08z"
			fill="#fff"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="m12.902 17.607-.154.308.925.925-1.079-.616-.77 1.079 1.232.924 1.388-2.003-1.08 2.466.309.154.308.462h-.462l-.309-.154-.924 1.542.462.462.77.617.31-.463-.155.617.617.462a13.6 13.6 0 0 1 .616-4.47l.77-2.004c-1.232-.462-2.311-.616-3.699-.77h-.154l.617.462z"
			fill="#fff"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M22.305 35.488h.77l3.084.462 1.233.154h2.62v.154l1.85-.77c.308-.463 1.079-1.388.77-1.696-.307-.308-3.082.616-3.39.154-.155-.308 4.778-4.008 5.086-9.248l-.925.154c-1.078 2.774-4.161 5.857-5.086 6.32l-.463.154c-.924.154-2.466 0-3.082-.463-.617-.462-2.467-4.162-2.93-5.703-1.695-.462-3.699-1.387-4.007-2.312-.308-1.233 2.929-4.779 3.391-4.47.154.154-1.079 2.466-.77 3.082.308.617 2.157 1.85 4.007 1.696 1.542 0 3.083-1.079 4.008-1.85l.308-.77c.154-.463-.154-.463-.462-.463-.308.154 0 .617 0 .77.154.155 0 .31-.154 0l-.309-.307H27.7l-.308-.463-.154-.154v-.154l.154-.154v-.154l.308-.155c1.08-.308 3.546-.154 3.083.617l-.617.925c-.462.462 0-.308 0-.463 0-.308-.154-.308-.308-.154l-.154 1.08c.617.616 2.004 1.54 3.237 1.695 1.541 0 3.391-1.08 3.7-1.85.154-.616-2.775-7.09-4.625-8.015-2.004-.925-10.173.616-10.481.462-.463 0-1.08-1.387-1.388-1.541-.462-.154-1.695 1.079-1.695 1.541 0 .154.924.925.924 1.387.155.309-.77.617-3.082 6.474-1.08 2.775-.771 6.937.77 7.554.771.462.617-2.004.925-2.004 1.387 0 1.85 2.928-.154 2.928-1.387 0-2.466-1.079-2.929-2.466l-.616-2.62-.617-.463-.77 1.85c1.079.925 2.003 1.695 1.85 1.85 0 .154-.926-.309-2.159-1.233l-.616 1.54v.155l1.079.77c.308-.616.462-1.387.616-1.232l-.308 1.541c1.541 1.233 3.083 2.312 4.316 2.929.462.154 1.233.462 1.233.925.154.308-.308 1.233-.154 1.541s2.466 1.079 2.62.617l.155-.309-.309-.616h.309l.154.154.616.462zm3.083-17.419v.155h-.154l-.463.154a.924.924 0 1 1 .463-1.542h.154l.154.77c.154.155 0 .31-.154.463m7.861-.154v.154c-.154.309-.462.309-.77.309a.924.924 0 1 1 .308-1.542h.154l.154.154.309.463v.154zm-21.426 8.478-1.078-.77-.617 1.232 1.079 1.08a9.6 9.6 0 0 0 .77-1.388zm.463-.462.925-1.696-.77-.462-.463-.463-.771 1.542.616.616z"
			fill="#fff"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="m28.163 30.71 1.233-1.234c1.233-1.387 2.62-3.545 2.928-4.778l-.924-.617-1.696-1.85-1.08 4.624-.153.463-1.233 3.545zm.308-8.325c-1.233 1.233-3.7 2.775-4.933 2.93.308 1.232.925 2.774 1.542 4.007l1.079 1.233.616.154v-.154l.617-2.158.308-1.08zm-6.628-10.79a3.64 3.64 0 0 1 1.387-1.233l2.158-.308c-.617-1.387-1.08-1.85-1.696-2.312-2.158.308-4.624 1.233-4.932 2.929l1.233-.617c.462 0 1.387 1.079 1.85 1.541m4.624-1.541h2.004l-1.233-1.541c-.463-.463-1.388-.771-2.467-.771.617.616 1.233 1.233 1.696 2.312m-2.929 1.85 3.083-.155h3.545c-.462-1.54-4.778-1.387-6.628.155"
			fill="#fff"
		/>
		<defs>
			<linearGradient
				id="BeaverIntegrationIcona"
				x1={5.772}
				y1={5.742}
				x2={39.103}
				y2={39.06}
				gradientUnits="userSpaceOnUse"
			>
				<stop stopColor="#aa7a55" />
				<stop offset={1} stopColor="#8c5934" />
			</linearGradient>
		</defs>
	</svg>
);

export const BricksIntegrationIcon = () => (
	<svg width={44} height={44} viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width={44} height={44} rx={6} fill="#ffd53e" />
		<path
			d="M17.267 8.167c.294.31.257.566.248.978v.234q0 .382-.006.766l-.002.532q-.003.699-.01 1.398-.007.713-.009 1.427-.006 1.4-.02 2.8l.256-.138.34-.181.168-.091c1.194-.637 2.57-1.043 3.932-1.091l.273-.01c2.808-.05 5.327.743 7.377 2.7 1.942 1.908 3.14 4.437 3.181 7.177l.002.52q0 .263.003.527c.012 2.892-1.113 5.444-3.122 7.516-1.491 1.447-3.36 2.292-5.4 2.617-.297.043-.297.043-.553.135-2.013.105-3.943-.264-5.703-1.251q-.132-.074-.27-.148c-.415-.238-.415-.238-.568-.353v-.166l-.136-.058c-.265-.145-.472-.332-.703-.526l-.006.175-.03.779-.01.275-.011.261-.01.242c-.017.186-.017.186-.1.27q-.248.011-.494.01H14.12a304 304 0 0 0-1.687 0h-1.127c-.21-.01-.21-.01-.294-.094a8 8 0 0 1-.01-.428L11 34.688v-.647l.001-.915v-.985l.001-1.708.001-2.47a7645 7645 0 0 1 .003-7.9v-1.446l.005-9.987 1.458-.17q.247-.027.493-.057 1.247-.145 2.495-.285l.182-.021c1.25-.14 1.25-.14 1.628.07m1.036 13.614c-1.017 1.186-1.343 2.68-1.226 4.213.144 1.507.761 2.661 1.926 3.635 1.111.816 2.463.98 3.802.811 1.224-.227 2.197-.785 2.97-1.765.916-1.35 1.11-2.957.892-4.55-.174-.883-.6-1.756-1.233-2.403h-.168l-.06-.148c-.343-.59-1.22-.97-1.862-1.147-1.83-.449-3.735-.04-5.041 1.354"
			fill="#212121"
		/>
	</svg>
);

export const OxygenIntegrationIcon = () => (
	<svg width={44} height={44} viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width={44} height={44} rx={6} fill="url(#OxygenIntegrationIcona)" />
		<path
			d="M35.718 22.078a13.718 13.718 0 1 0-7.553 12.177 4.778 4.778 0 0 0 7.4-4.008q0-1.618-.926-2.774c.771-1.696 1.08-3.545 1.08-5.395m-24.817 0a11.251 11.251 0 0 1 20.93-5.715 11.25 11.25 0 0 1 .959 9.414 4.778 4.778 0 0 0-6.32 6.628 11.252 11.252 0 0 1-15.568-10.327M30.787 33.33a3.238 3.238 0 1 1-1.404-6.321 3.238 3.238 0 0 1 1.404 6.321"
			fill="#fff"
		/>
		<defs>
			<linearGradient
				id="OxygenIntegrationIcona"
				x1={37.28}
				y1={40.574}
				x2={6.96}
				y2={3.741}
				gradientUnits="userSpaceOnUse"
			>
				<stop stopColor="#2c1870" />
				<stop offset={1} stopColor="#783fff" />
			</linearGradient>
		</defs>
	</svg>
);

export const GeminiIntegrationIcon = () => (
	<svg width={44} height={44} viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width={44} height={44} rx={6} fill="#fff" />
		<rect x={0.5} y={0.5} width={43} height={43} rx={5.5} stroke="#1e1e1e" strokeOpacity={0.15} />
		<g clipPath="url(#GeminiIcona)">
			<mask
				id="c"
				style={{
					maskType: "alpha",
				}}
				maskUnits="userSpaceOnUse"
				x={8}
				y={8}
				width={28}
				height={28}
			>
				<path
					d="M21.977 8.5c.293 0 .549.193.62.467.219.839.506 1.66.861 2.453a17.3 17.3 0 0 0 3.814 5.452q2.424 2.337 5.654 3.678 1.237.514 2.544.83a.62.62 0 0 1 .484.598c0 .282-.2.529-.484.598q-1.306.316-2.544.83-3.23 1.341-5.654 3.678a17.3 17.3 0 0 0-3.814 5.452 16 16 0 0 0-.861 2.453.6.6 0 0 1-.227.336.66.66 0 0 1-.393.131.635.635 0 0 1-.62-.467 16 16 0 0 0-.86-2.453 17.3 17.3 0 0 0-3.815-5.452q-2.423-2.336-5.654-3.678a17 17 0 0 0-2.543-.83.64.64 0 0 1-.349-.219.6.6 0 0 1-.136-.379c0-.282.2-.528.485-.597q1.307-.317 2.543-.83 3.232-1.341 5.654-3.678a17.3 17.3 0 0 0 3.815-5.452q.532-1.194.86-2.453a.6.6 0 0 1 .227-.337.66.66 0 0 1 .393-.131"
					fill="#000"
				/>
				<path
					d="M21.977 8.5c.293 0 .549.193.62.467.219.839.506 1.66.861 2.453a17.3 17.3 0 0 0 3.814 5.452q2.424 2.337 5.654 3.678 1.237.514 2.544.83a.62.62 0 0 1 .484.598c0 .282-.2.529-.484.598q-1.306.316-2.544.83-3.23 1.341-5.654 3.678a17.3 17.3 0 0 0-3.814 5.452 16 16 0 0 0-.861 2.453.6.6 0 0 1-.227.336.66.66 0 0 1-.393.131.635.635 0 0 1-.62-.467 16 16 0 0 0-.86-2.453 17.3 17.3 0 0 0-3.815-5.452q-2.423-2.336-5.654-3.678a17 17 0 0 0-2.543-.83.64.64 0 0 1-.349-.219.6.6 0 0 1-.136-.379c0-.282.2-.528.485-.597q1.307-.317 2.543-.83 3.232-1.341 5.654-3.678a17.3 17.3 0 0 0 3.815-5.452q.532-1.194.86-2.453a.6.6 0 0 1 .227-.337.66.66 0 0 1 .393-.131"
					fill="url(#b)"
				/>
			</mask>
			<g mask="url(#c)">
				<g filter="url(#d)">
					<path
						d="M5.476 29.574c3.23 1.106 6.942-.968 8.292-4.632s-.175-7.532-3.405-8.638-6.942.968-8.293 4.632c-1.349 3.665.176 7.532 3.406 8.638"
						fill="#ffe432"
					/>
				</g>
				<g filter="url(#e)">
					<path
						d="M19.817 17.493c4.437 0 8.034-3.546 8.034-7.918 0-4.374-3.597-7.919-8.034-7.919s-8.035 3.546-8.035 7.919 3.597 7.918 8.035 7.918"
						fill="#fc413d"
					/>
				</g>
				<g filter="url(#f)">
					<path
						d="M16.695 42.814c4.632-.218 8.149-5.086 7.855-10.872-.292-5.787-4.286-10.3-8.918-10.082s-8.149 5.086-7.856 10.872c.294 5.787 4.287 10.3 8.919 10.082"
						fill="#00b95c"
					/>
				</g>
				<g filter="url(#g)">
					<path
						d="M16.695 42.814c4.632-.218 8.149-5.086 7.855-10.872-.292-5.787-4.286-10.3-8.918-10.082s-8.149 5.086-7.856 10.872c.294 5.787 4.287 10.3 8.919 10.082"
						fill="#00b95c"
					/>
				</g>
				<g filter="url(#h)">
					<path
						d="M21.334 39.314c3.883-2.279 4.922-7.467 2.321-11.59-2.6-4.122-7.857-5.617-11.74-3.34-3.884 2.28-4.923 7.468-2.322 11.59 2.601 4.123 7.858 5.618 11.741 3.34"
						fill="#00b95c"
					/>
				</g>
				<g filter="url(#i)">
					<path
						d="M37.03 26.359c4.364 0 7.903-3.286 7.903-7.339 0-4.052-3.539-7.338-7.903-7.338-4.365 0-7.903 3.286-7.903 7.338 0 4.053 3.538 7.339 7.903 7.339"
						fill="#3186ff"
					/>
				</g>
				<g filter="url(#j)">
					<path
						d="M2.372 25.508c4.019 2.946 9.89 2.022 13.113-2.066 3.224-4.087 2.58-9.79-1.44-12.737S4.155 8.682.932 12.77c-3.224 4.088-2.579 9.79 1.44 12.738"
						fill="#fbbc04"
					/>
				</g>
				<g filter="url(#k)">
					<path
						d="M22.965 29.863c4.796 3.18 11.155 2.295 14.201-1.979 3.047-4.273 1.628-10.314-3.17-13.495-4.796-3.18-11.154-2.294-14.201 1.979s-1.628 10.315 3.17 13.495"
						fill="#3186ff"
					/>
				</g>
				<g filter="url(#l)">
					<path
						d="M31.685 7.53c1.22 1.6-.348 4.71-3.502 6.948-3.155 2.237-6.702 2.754-7.922 1.155-1.22-1.6.348-4.712 3.502-6.949s6.702-2.754 7.922-1.155"
						fill="#749bff"
					/>
				</g>
				<g filter="url(#m)">
					<path
						d="M21.667 15.19c4.879-4.365 6.553-10.273 3.74-13.197C22.594-.932 16.358.235 11.48 4.599 6.6 8.963 4.926 14.87 7.74 17.796c2.812 2.924 9.048 1.757 13.927-2.607"
						fill="#fc413d"
					/>
				</g>
				<g filter="url(#n)">
					<path
						d="M11.666 30.863c2.9 2.002 6.229 2.306 7.436.68s-.166-4.567-3.066-6.568-6.229-2.306-7.435-.68c-1.207 1.627.165 4.567 3.065 6.568"
						fill="#ffee48"
					/>
				</g>
			</g>
		</g>
		<defs>
			<filter
				id="d"
				x={-3.341}
				y={11.087}
				width={22.52}
				height={23.705}
				filterUnits="userSpaceOnUse"
				colorInterpolationFilters="sRGB"
			>
				<feFlood floodOpacity={0} result="BackgroundImageFix" />
				<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
				<feGaussianBlur stdDeviation={2.46} result="effect1_foregroundBlur_12983_8187" />
			</filter>
			<filter
				id="e"
				x={-12}
				y={-22.125}
				width={63.633}
				height={63.4}
				filterUnits="userSpaceOnUse"
				colorInterpolationFilters="sRGB"
			>
				<feFlood floodOpacity={0} result="BackgroundImageFix" />
				<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
				<feGaussianBlur stdDeviation={11.891} result="effect1_foregroundBlur_12983_8187" />
			</filter>
			<filter
				id="f"
				x={-12.459}
				y={1.634}
				width={57.244}
				height={61.405}
				filterUnits="userSpaceOnUse"
				colorInterpolationFilters="sRGB"
			>
				<feFlood floodOpacity={0} result="BackgroundImageFix" />
				<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
				<feGaussianBlur stdDeviation={10.109} result="effect1_foregroundBlur_12983_8187" />
			</filter>
			<filter
				id="g"
				x={-12.459}
				y={1.634}
				width={57.244}
				height={61.405}
				filterUnits="userSpaceOnUse"
				colorInterpolationFilters="sRGB"
			>
				<feFlood floodOpacity={0} result="BackgroundImageFix" />
				<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
				<feGaussianBlur stdDeviation={10.109} result="effect1_foregroundBlur_12983_8187" />
			</filter>
			<filter
				id="h"
				x={-12.058}
				y={3.101}
				width={57.364}
				height={57.496}
				filterUnits="userSpaceOnUse"
				colorInterpolationFilters="sRGB"
			>
				<feFlood floodOpacity={0} result="BackgroundImageFix" />
				<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
				<feGaussianBlur stdDeviation={10.109} result="effect1_foregroundBlur_12983_8187" />
			</filter>
			<filter
				id="i"
				x={9.915}
				y={-7.53}
				width={54.23}
				height={53.101}
				filterUnits="userSpaceOnUse"
				colorInterpolationFilters="sRGB"
			>
				<feFlood floodOpacity={0} result="BackgroundImageFix" />
				<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
				<feGaussianBlur stdDeviation={9.606} result="effect1_foregroundBlur_12983_8187" />
			</filter>
			<filter
				id="j"
				x={-18.532}
				y={-8.431}
				width={53.481}
				height={53.074}
				filterUnits="userSpaceOnUse"
				colorInterpolationFilters="sRGB"
			>
				<feFlood floodOpacity={0} result="BackgroundImageFix" />
				<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
				<feGaussianBlur stdDeviation={8.706} result="effect1_foregroundBlur_12983_8187" />
			</filter>
			<filter
				id="k"
				x={2.64}
				y={-3.069}
				width={51.681}
				height={50.391}
				filterUnits="userSpaceOnUse"
				colorInterpolationFilters="sRGB"
			>
				<feFlood floodOpacity={0} result="BackgroundImageFix" />
				<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
				<feGaussianBlur stdDeviation={7.775} result="effect1_foregroundBlur_12983_8187" />
			</filter>
			<filter
				id="l"
				x={5.933}
				y={-7.314}
				width={40.081}
				height={37.79}
				filterUnits="userSpaceOnUse"
				colorInterpolationFilters="sRGB"
			>
				<feFlood floodOpacity={0} result="BackgroundImageFix" />
				<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
				<feGaussianBlur stdDeviation={6.957} result="effect1_foregroundBlur_12983_8187" />
			</filter>
			<filter
				id="m"
				x={-5.378}
				y={-11.371}
				width={43.902}
				height={42.529}
				filterUnits="userSpaceOnUse"
				colorInterpolationFilters="sRGB"
			>
				<feFlood floodOpacity={0} result="BackgroundImageFix" />
				<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
				<feGaussianBlur stdDeviation={5.876} result="effect1_foregroundBlur_12983_8187" />
			</filter>
			<filter
				id="n"
				x={-6.383}
				y={8.704}
				width={40.469}
				height={38.43}
				filterUnits="userSpaceOnUse"
				colorInterpolationFilters="sRGB"
			>
				<feFlood floodOpacity={0} result="BackgroundImageFix" />
				<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
				<feGaussianBlur stdDeviation={7.273} result="effect1_foregroundBlur_12983_8187" />
			</filter>
			<linearGradient id="b" x1={15.946} y1={26.536} x2={30.025} y2={14.228} gradientUnits="userSpaceOnUse">
				<stop stopColor="#4893fc" />
				<stop offset={0.27} stopColor="#4893fc" />
				<stop offset={0.777} stopColor="#969dff" />
				<stop offset={1} stopColor="#bd99fe" />
			</linearGradient>
			<clipPath id="GeminiIcona">
				<path fill="#fff" d="M8 8.5h28v27H8z" />
			</clipPath>
		</defs>
	</svg>
);

// AI provider integration icons.
export const OpenAIIntegrationIcon = () => (
	<svg width={44} height={44} viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width={44} height={44} rx={6} fill="#fff" />
		<rect x={0.5} y={0.5} width={43} height={43} rx={5.5} stroke="#1e1e1e" strokeOpacity={0.15} />
		<g transform="translate(10 10) scale(0.09375)">
			<path
				fill="#000"
				d="M239.06 106.2a63.9 63.9 0 0 0-5.5-52.5 64.66 64.66 0 0 0-69.62-31 63.92 63.92 0 0 0-48.24-21.5 64.66 64.66 0 0 0-61.66 44.76 63.94 63.94 0 0 0-42.74 31 64.67 64.67 0 0 0 7.95 75.81 63.9 63.9 0 0 0 5.5 52.5 64.66 64.66 0 0 0 69.63 31 63.9 63.9 0 0 0 48.23 21.5 64.66 64.66 0 0 0 61.69-44.8 63.94 63.94 0 0 0 42.74-31 64.67 64.67 0 0 0-7.98-75.77Zm-96.02 134.28a47.93 47.93 0 0 1-30.79-11.13c.39-.21 1.07-.58 1.51-.85l51.1-29.51a8.31 8.31 0 0 0 4.2-7.28v-72.05l21.6 12.47a.77.77 0 0 1 .42.59v59.65a48.13 48.13 0 0 1-48.04 48.11ZM36.7 196.3a47.9 47.9 0 0 1-5.73-32.2c.38.23 1.05.64 1.53.91l51.1 29.51a8.32 8.32 0 0 0 8.4 0l62.38-36.02v24.94a.78.78 0 0 1-.31.66l-51.66 29.82a48.13 48.13 0 0 1-65.71-17.62ZM23.25 84.32a47.9 47.9 0 0 1 25.02-21.07c0 .45-.03 1.24-.03 1.79v59.03a8.3 8.3 0 0 0 4.2 7.27l62.38 36.01-21.6 12.47a.78.78 0 0 1-.73.07l-51.66-29.85a48.13 48.13 0 0 1-17.58-65.72Zm177.42 41.29-62.38-36.02 21.6-12.46a.78.78 0 0 1 .73-.07l51.67 29.82a48.09 48.09 0 0 1-7.42 86.77v-60.82a8.3 8.3 0 0 0-4.2-7.22Zm21.5-32.36c-.38-.24-1.05-.64-1.53-.92l-51.1-29.5a8.32 8.32 0 0 0-8.4 0L98.76 98.85V73.9a.78.78 0 0 1 .31-.66l51.66-29.79a48.1 48.1 0 0 1 71.44 49.8ZM87 137.54l-21.6-12.47a.77.77 0 0 1-.42-.59V64.83a48.1 48.1 0 0 1 78.86-36.92c-.39.21-1.06.58-1.51.85l-51.1 29.51a8.31 8.31 0 0 0-4.2 7.28l-.03 72.01Zm11.73-25.3 27.79-16.05 27.8 16.04v32.09l-27.8 16.04-27.79-16.04v-32.07Z"
			/>
		</g>
	</svg>
);

export const ClaudeIntegrationIcon = () => (
	<svg width={48} height={48} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width={48} height={48} rx={6} fill="#d97757" />
		<g clipPath="url(#ClaudeIntegrationIcona)">
			<path
				d="m15.488 28.62 5.516-3.08.084-.28-.084-.14h-.28l-.924-.056-3.136-.084-2.744-.14-2.66-.14-.672-.14-.588-.84.056-.42.56-.364.812.056 1.764.14 2.66.168 1.932.112 2.856.336h.448l.056-.196-.14-.112-.112-.112-2.772-1.848-2.968-1.96-1.568-1.148-.84-.56-.42-.56-.168-1.176.756-.84 1.036.084.252.056 1.036.812 2.24 1.708 2.884 2.184.42.336.168-.112.028-.084-.196-.308L19.24 17l-1.68-2.912-.756-1.204-.196-.728a2.9 2.9 0 0 1-.112-.84l.84-1.176.504-.14 1.176.168.448.392.728 1.68 1.148 2.604 1.82 3.528.56 1.064.28.952.084.28h.196v-.14l.14-2.016.28-2.436.28-3.136.084-.896.448-1.064.84-.56.728.308.56.812-.084.504-.308 2.156-.728 3.388-.42 2.296h.252l.28-.308 1.148-1.512 1.932-2.408.84-.98 1.008-1.036.644-.504h1.204l.868 1.316-.392 1.372-1.232 1.568-1.036 1.316-1.484 1.988-.896 1.596.084.112h.196l3.36-.728 1.792-.308 2.128-.364.98.448.112.448-.392.952-2.296.56-2.688.56-4.004.924-.056.028.056.084 1.792.168.784.056h1.904l3.528.28.924.56.532.756-.084.56-1.428.728-1.904-.448-4.48-1.064-1.512-.364h-.224v.112l1.288 1.26 2.324 2.1 2.968 2.716.14.672-.364.56-.392-.056-2.576-1.96-1.008-.84-2.24-1.904h-.14v.196l.504.756 2.744 4.116.14 1.26-.196.392-.728.28-.756-.168-1.624-2.24-1.68-2.52-1.316-2.296-.14.112-.812 8.456-.364.42-.84.336-.7-.56-.392-.84.392-1.736.448-2.24.364-1.792.336-2.212.196-.728v-.056h-.196l-1.68 2.324-2.52 3.444-2.016 2.128-.476.196-.84-.42.084-.784.448-.644 2.8-3.584 1.68-2.212 1.12-1.288-.028-.14h-.084l-7.392 4.816-1.316.168-.56-.56.056-.84.28-.28 2.24-1.54z"
				fill="#fff"
			/>
		</g>
		<defs>
			<clipPath id="ClaudeIntegrationIcona">
				<path fill="#fff" d="M10 10h28v28H10z" />
			</clipPath>
		</defs>
	</svg>
);

export const GroqIntegrationIcon = () => (
	<svg width={44} height={44} viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width={44} height={44} rx={6} fill="#fff" />
		<rect x={0.5} y={0.5} width={43} height={43} rx={5.5} stroke="#1e1e1e" strokeOpacity={0.15} />
		<path d="M24.5 10 14 24.2h7.2L19.5 34 30 19.8h-7.2L24.5 10z" fill="#f55036" />
	</svg>
);
