<Circle
    color="linear-gradient(135deg, #a5b4fc, #6366f1)"
    size={['150px', '150px', '180px', '180px']}
    zIndex={2}
/>

<Donut
    color="#f43f5e"
    size="180px"
    width={['40px', '40px', '60px', '60px']}
    zIndex={2}
/>

<CircleGrid
    position="relative"
    color="#10b981"
    size="175px"
    zIndex={2}
/>

<Diamond
    color="linear-gradient(135deg, #93c5fd, #3b82f6)"
    size="100px"
    zIndex={2}
/>

<PolygonCard
    height="200px"
    width="150px"
    zIndex={2}
    color="linear-gradient(135deg, #f9a8d4, #ec4899)"
/>

<Polygon
    height="180px"
    width="175px"
    zIndex={2}
    color="linear-gradient(135deg, #fca5a5, #ef4444)"
    sides={8}
/>

<Star
    size="150px"
    zIndex={2}
    color="radial-gradient(circle, #5eead4, #14b8a6);"
/>

<Cross
    size="150px"
    zIndex={2}
    color="#0ea5e9"
/>

<SquareDonut
    size="150px"
    zIndex={2}
    color="#ef4444"
/>

<Arrow
    color="#8b5cf6"
    size="180px"
    zIndex={2}
/>

<Message
    color="linear-gradient(135deg, #00b09b, #96c93d)"
    height="150px"
    width="180px"
    zIndex={2}
/>