fix: Update Composio icon (#7407)

fix: update Composio icon dimensions and simplify SVG structure
This commit is contained in:
Deon Sanchez 2025-04-02 09:58:09 -06:00 committed by GitHub
commit eed0a5c404
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,74 +1,21 @@
const Icon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={32}
height={32}
viewBox="0 0 60 63"
width={24}
height={24}
viewBox="0 0 32 32"
fill="none"
style="backgroundColor: #9100ff; borderRadius: 6px;"
{...props}
>
<path
fill="#9A4DFF"
d="M36.232 5H23.989C12.397 5 3 14.766 3 26.813v12.724C3 51.584 12.397 61.35 23.99 61.35h12.242c11.589 0 20.986-9.766 20.986-21.813V26.813C57.218 14.766 47.821 5 36.232 5"
/>
<path
fill="url(#a)"
d="M36.232 5H23.989C12.397 5 3 14.766 3 26.813v12.724C3 51.584 12.397 61.35 23.99 61.35h12.242c11.589 0 20.986-9.766 20.986-21.813V26.813C57.218 14.766 47.821 5 36.232 5"
/>
<path
stroke="url(#b)"
strokeWidth={1.44}
d="M37.98 5H22.238C11.615 5 3 13.953 3 24.996v16.358C3 52.397 11.612 61.35 22.238 61.35H37.98c10.623 0 19.238-8.953 19.238-19.996V24.996C57.218 13.953 48.606 5 37.98 5Z"
/>
<mask
id="c"
width={28}
height={28}
x={16}
y={19}
maskUnits="userSpaceOnUse"
style={{
maskType: "luminance",
}}
>
<path fill="#fff" d="M16.994 19.542H43.23v27.266H16.994z" />
</mask>
<g mask="url(#c)">
<g transform="translate(7, 7)">
<path
fill="#fff"
fillRule="evenodd"
d="M32.952 20.899a.983.983 0 0 1 .444 1.095l-2.47 9.416h9.012a.9.9 0 0 1 .511.16.95.95 0 0 1 .344.423.99.99 0 0 1-.175 1.044L27.596 47.541a.899.899 0 0 1-1.138.19.95.95 0 0 1-.405-.474 1 1 0 0 1-.036-.633l2.472-9.412h-9.018a.9.9 0 0 1-.507-.159.95.95 0 0 1-.345-.425.99.99 0 0 1 .175-1.044l13.022-14.501a.899.899 0 0 1 1.132-.187"
clipRule="evenodd"
d="M6.27406 0.685082C8.46664 -0.228361 10.9302 -0.228361 13.1229 0.685082C14.6773 1.33267 16.0054 2.40178 16.9702 3.75502C17.6126 4.65574 17.0835 5.84489 16.045 6.21613L13.5108 7.12189C12.9962 7.30585 12.4289 7.26812 11.9429 7.01756C11.8253 6.95701 11.7298 6.86089 11.6696 6.74266L10.2591 3.97469C10.0249 3.51519 9.37195 3.51519 9.13783 3.97469L7.72731 6.74274C7.66714 6.86089 7.57155 6.95701 7.454 7.01756L4.70187 8.43618C4.24501 8.67169 4.24501 9.3284 4.70187 9.56391L7.454 10.9825C7.57155 11.0431 7.66714 11.1392 7.72731 11.2574L9.13783 14.0254C9.37195 14.4849 10.0249 14.4849 10.2591 14.0254L11.6696 11.2574C11.7298 11.1392 11.8253 11.0431 11.9428 10.9825C12.429 10.7319 12.9965 10.6942 13.5112 10.8781L16.045 11.7838C17.0835 12.1551 17.6126 13.3442 16.9704 14.245C16.0054 15.5982 14.6774 16.6674 13.1229 17.315C10.9302 18.2283 8.46664 18.2283 6.27406 17.315C4.0814 16.4015 2.33935 14.6494 1.43116 12.4441C0.522946 10.2389 0.522946 7.76111 1.43116 5.55582C2.33935 3.3506 4.0814 1.59853 6.27406 0.685082ZM9.12456 7.82641L8.58683 8.60689L8.58642 8.60775C8.36097 8.93485 8.24822 9.09843 8.31033 9.22703L8.31366 9.23343C8.37938 9.36023 8.57412 9.36023 8.96401 9.36023C9.18056 9.36023 9.28872 9.36023 9.35667 9.42863L9.36021 9.43244C9.42677 9.50228 9.42677 9.61388 9.42677 9.83716V9.89555C9.42677 10.5145 9.42677 10.8238 9.58885 10.8771C9.7508 10.9304 9.92434 10.6786 10.2714 10.175L10.2724 10.1736L10.8101 9.39284C11.0358 9.0656 11.1487 8.90166 11.0866 8.77299L11.0834 8.76659C11.0175 8.63979 10.8228 8.63979 10.4329 8.63979C10.2163 8.63979 10.1082 8.63979 10.0402 8.57139L10.0367 8.56765C9.97012 8.49774 9.97012 8.38614 9.97012 8.16287V8.10447C9.97012 7.48556 9.97012 7.17618 9.80804 7.1229C9.64596 7.06955 9.47207 7.32183 9.12456 7.82641Z"
fill="white"
/>
</g>
<defs>
<linearGradient
id="a"
x1={30.109}
x2={30.109}
y1={6.818}
y2={59.532}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9A4DFF" />
<stop offset={0.31} stopColor="#8017F7" />
<stop offset={0.425} stopColor="#7A20E1" />
<stop offset={0.495} stopColor="#7A20E1" />
<stop offset={0.665} stopColor="#7C16F8" />
<stop offset={1} stopColor="#8222FF" />
</linearGradient>
<linearGradient
id="b"
x1={30.109}
x2={30.109}
y1={6.817}
y2={59.533}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6F00FF" stopOpacity={0.18} />
<stop offset={1} stopColor="#600ED1" />
</linearGradient>
</defs>
</svg>
);
export default Icon;