Storytelling

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path fill="#fff" d="M10 30h384v452H10z" />
    <path
        fill="#ffdbe5"
        d="M225.622 74h127.622v109.372H225.622zM54.982 74h127.622v109.372H54.982z"
    />
    <path
        fill="#66e2fa"
        d="M353.243 139.543c-.338-.267-.668-.496-.982-.644-8.397-3.946-17.655-5.495-25.131 0-7.476 5.495-17.655 5.495-25.131 0s-17.655-5.495-25.131 0-17.655 5.495-25.131 0-17.655-5.495-25.131 0l-.982.523v43.949h127.622v-43.828z"
    />
    <path
        fill="#ffdbe5"
        d="M225.622 271.372h127.622v109.372H225.622zM54.982 271.372h127.622v109.372H54.982z"
    />
    <circle cx="118.793" cy="316.008" r="29.996" fill="#ffcc36" />
    <path
        fill="#66e2fa"
        d="M182.604 336.915c-.338-.267-.668-.496-.982-.644-8.397-3.946-17.655-5.495-25.131 0-7.476 5.495-17.655 5.495-25.131 0s-17.655-5.495-25.131 0-17.655 5.495-25.131 0-17.655-5.495-25.131 0l-.982.523v43.949h127.622v-43.828z"
    />
    <circle cx="289.432" cy="304.057" r="27.238" fill="#ffcc36" />
    <path
        fill="#ff6f95"
        d="M502 57c0-14.912-12.088-27-27-27s-27 12.088-27 27v31.428h54z"
    />
    <path fill="#83a8bf" d="m448 416 27 66 27-66v-10.914h-54z" />
    <path fill="#ffcc36" d="M448 88.428h54v316.658h-54z" />
    <path
        d="M44.982 74v109.372c0 5.523 4.477 10 10 10h127.622c5.523 0 10-4.477 10-10V74c0-5.523-4.477-10-10-10H54.982c-5.523 0-10 4.477-10 10zm20 10h107.622v89.372H64.982z"
    />
    <path
        d="M394 20H249c-5.523 0-10 4.477-10 10s4.477 10 10 10h135v432H20V40h139c5.523 0 10-4.477 10-10s-4.477-10-10-10H10C4.477 20 0 24.477 0 30v452c0 5.523 4.477 10 10 10h384c5.523 0 10-4.477 10-10V30c0-5.523-4.477-10-10-10z"
    />
    <path
        d="M225.622 193.372h127.622c5.523 0 10-4.477 10-10V74c0-5.523-4.477-10-10-10H225.622c-5.523 0-10 4.477-10 10v109.372c0 5.523 4.477 10 10 10zm10-20v-28.021a11.166 11.166 0 0 1 10.191 1.606c11.059 8.128 25.917 8.127 36.976 0a11.173 11.173 0 0 1 13.287 0c5.529 4.064 12.009 6.096 18.488 6.096s12.958-2.032 18.488-6.096a11.16 11.16 0 0 1 10.191-1.606v28.021zM343.243 84v40.974a31.098 31.098 0 0 0-22.036 5.868 11.172 11.172 0 0 1-13.287 0c-11.059-8.128-25.917-8.127-36.976 0a11.172 11.172 0 0 1-13.287 0 31.097 31.097 0 0 0-22.036-5.868V84zM54 237.372h127.622c5.523 0 10-4.477 10-10s-4.477-10-10-10H54c-5.523 0-10 4.477-10 10s4.477 10 10 10zM225.622 237.372h127.622c5.523 0 10-4.477 10-10s-4.477-10-10-10H225.622c-5.523 0-10 4.477-10 10s4.477 10 10 10zM181.622 414.743H54c-5.523 0-10 4.477-10 10s4.477 10 10 10h127.622c5.523 0 10-4.477 10-10s-4.477-10-10-10zM225.622 434.743h127.622c5.523 0 10-4.477 10-10s-4.477-10-10-10H225.622c-5.523 0-10 4.477-10 10s4.477 10 10 10zM225.622 390.743h127.622c5.523 0 10-4.477 10-10V271.372c0-5.523-4.477-10-10-10H225.622c-5.523 0-10 4.477-10 10v109.372c0 5.522 4.477 9.999 10 9.999zm81.048-86.686c0 9.505-7.733 17.238-17.238 17.238s-17.238-7.733-17.238-17.238 7.733-17.238 17.238-17.238c9.506 0 17.238 7.733 17.238 17.238zm-71.048-22.685h24.31c-4.846 6.286-7.737 14.153-7.737 22.686 0 20.533 16.705 37.238 37.238 37.238s37.238-16.705 37.238-37.238c0-8.533-2.892-16.399-7.738-22.686h24.31v89.372H235.622zM192.604 271.372c0-5.523-4.477-10-10-10H54.982c-5.523 0-10 4.477-10 10v109.372c0 5.523 4.477 10 10 10h127.622c5.523 0 10-4.477 10-10zm-20 50.973c-4.933-.569-9.96.05-14.671 1.86.558-2.672.856-5.415.856-8.197 0-14.787-8.072-27.716-20.036-34.637h33.851zm-70.509 4.66a19.995 19.995 0 0 1-3.298-10.996c0-11.025 8.97-19.996 19.996-19.996s19.996 8.97 19.996 19.996c0 3.957-1.17 7.764-3.299 10.995-10.231-6.499-23.166-6.498-33.395.001zm-3.262-45.633c-11.963 6.921-20.036 19.85-20.036 34.637 0 2.778.296 5.522.856 8.197a30.977 30.977 0 0 0-14.672-1.86v-40.974zm-33.851 89.371v-28.021a11.16 11.16 0 0 1 10.191 1.606c11.059 8.128 25.918 8.127 36.976 0a11.17 11.17 0 0 1 13.287 0c5.529 4.064 12.009 6.096 18.488 6.096s12.958-2.032 18.488-6.096a11.167 11.167 0 0 1 10.191-1.606v28.021zM475 20c-20.402 0-37 16.598-37 37v359c0 1.298.253 2.584.745 3.786l27 66a10 10 0 0 0 18.51 0l27-66A9.995 9.995 0 0 0 512 416V57c0-20.402-16.598-37-37-37zm-17 78.428h34v296.658h-34zM475 40c9.374 0 17 7.626 17 17v21.428h-34V57c0-9.374 7.626-17 17-17zm0 415.589-16.57-40.503h33.139z"
    />
    <circle cx="204" cy="30" r="10" />
</svg>