craiyon logo

A tall stack of colorful, minimalist blocks and book-like shapes against a light blue background.

A tall stack of colorful, minimalist blocks and book-like shapes against a light blue background.

<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <defs> <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"> <feDropShadow dx="0" dy="2" stdDeviation="3" flood-color="#000" flood-opacity="0.25"/> </filter> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#f7f9fc"/> <stop offset="100%" stop-color="#e8eef7"/> </linearGradient> </defs> <!-- background --> <rect x="0" y="0" width="512" height="512" fill="url(#bg)"/> <!-- ground --> <rect x="60" y="440" width="392" height="8" fill="#c8d2e6"/> <!-- 7 stacked blocks (80x80 each), centered --> <!-- bottom to top --> <g transform="translate(216, 368)" filter="url(#shadow)"> <rect width="80" height="80" rx="8" fill="#ff6b6b"/> </g> <g transform="translate(216, 288)" filter="url(#shadow)"> <rect width="80" height="80" rx="8" fill="#ffa94d"/> </g> <g transform="translate(216, 208)" filter="url(#shadow)"> <rect width="80" height="80" rx="8" fill="#ffd43b"/> </g> <g transform="translate(216, 128)" filter="url(#shadow)"> <rect width="80" height="80" rx="8" fill="#69db7c"/> </g> <g transform="translate(216, 48)" filter="url(#shadow)"> <rect width="80" height="80" rx="8" fill="#4dabf7"/> </g> <g transform="translate(216, -32)" filter="url(#shadow)"> <rect width="80" height="80" rx="8" fill="#845ef7"/> </g> <g transform="translate(216, -112)" filter="url(#shadow)"> <rect width="80" height="80" rx="8" fill="#f06595"/> </g> </svg> See more