dify/web/app/components/billing/pricing/assets/professional.tsx
Stephen Zhou a84c2d36a3
style: format with vp fmt (#38803)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2026-07-12 15:57:46 +00:00

721 lines
16 KiB
XML

const Professional = () => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="61" height="61" viewBox="0 0 61 61" fill="none">
<g clipPath="url(#clip0_1_4802)">
<rect
opacity="0.18"
x="0.666626"
y="0.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="7.66663"
y="0.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="14.6666"
y="0.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
x="21.6666"
y="0.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
x="28.6666"
y="0.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
x="35.6666"
y="0.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
opacity="0.18"
x="42.6666"
y="0.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="49.6666"
y="0.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="56.6666"
y="0.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="0.666626"
y="7.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
x="7.66663"
y="7.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
x="14.6666"
y="7.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
opacity="0.18"
x="21.6666"
y="7.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="28.6666"
y="7.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="35.6666"
y="7.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
x="42.6666"
y="7.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
x="49.6666"
y="7.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
opacity="0.18"
x="56.6666"
y="7.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="0.666626"
y="14.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
x="7.66663"
y="14.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
opacity="0.18"
x="14.6666"
y="14.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="21.6666"
y="14.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="28.6666"
y="14.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="35.6666"
y="14.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="42.6666"
y="14.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
x="49.6666"
y="14.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
opacity="0.18"
x="56.6666"
y="14.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
x="0.666626"
y="21.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
opacity="0.18"
x="7.66663"
y="21.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="14.6666"
y="21.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="21.6666"
y="21.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="28.6666"
y="21.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="35.6666"
y="21.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="42.6666"
y="21.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="49.6666"
y="21.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
x="56.6666"
y="21.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
x="0.666626"
y="28.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
opacity="0.18"
x="7.66663"
y="28.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="14.6666"
y="28.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="21.6666"
y="28.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="28.6666"
y="28.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="35.6666"
y="28.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="42.6666"
y="28.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="49.6666"
y="28.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
x="56.6666"
y="28.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
x="0.666626"
y="35.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
opacity="0.18"
x="7.66663"
y="35.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="14.6666"
y="35.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="21.6666"
y="35.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="28.6666"
y="35.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="35.6666"
y="35.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="42.6666"
y="35.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="49.6666"
y="35.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
x="56.6666"
y="35.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
opacity="0.18"
x="0.666626"
y="42.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
x="7.66663"
y="42.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
opacity="0.18"
x="14.6666"
y="42.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="21.6666"
y="42.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="28.6666"
y="42.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="35.6666"
y="42.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="42.6666"
y="42.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
x="49.6666"
y="42.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
opacity="0.18"
x="56.6666"
y="42.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="0.666626"
y="49.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
x="7.66663"
y="49.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
x="14.6666"
y="49.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
opacity="0.18"
x="21.6666"
y="49.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="28.6666"
y="49.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="35.6666"
y="49.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
x="42.6666"
y="49.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
x="49.6666"
y="49.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
opacity="0.18"
x="56.6666"
y="49.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="0.666626"
y="56.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="7.66663"
y="56.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="14.6666"
y="56.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
x="21.6666"
y="56.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
x="28.6666"
y="56.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
x="35.6666"
y="56.5"
width="4"
height="4"
rx="2"
fill="var(--color-saas-dify-blue-accessible)"
/>
<rect
opacity="0.18"
x="42.6666"
y="56.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="49.6666"
y="56.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
<rect
opacity="0.18"
x="56.6666"
y="56.5"
width="4"
height="4"
rx="2"
fill="var(--color-text-quaternary)"
/>
</g>
<defs>
<clipPath id="clip0_1_4802">
<rect width="60" height="60" fill="white" transform="translate(0.666626 0.5)" />
</clipPath>
</defs>
</svg>
)
}
export default Professional