dify/web/app/components/billing/pricing/assets/professional.tsx

97 lines
9.5 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