Character Animator

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 60 60"
>
    <path fill="#b9bfcc" d="M21 48h18v7H21z" />
    <path
        fill="#d6dbe3"
        d="M56 41v5a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-5l1-1h50z"
    />
    <path fill="#2a4451" d="M56 8v33H4V8a3 3 0 0 1 3-3h46a3 3 0 0 1 3 3z" />
    <rect
        width="28"
        height="44"
        x="16"
        y="1"
        fill="#3a5b68"
        rx="1"
        transform="rotate(90 30 23)"
    />
    <path
        fill="#d6dbe3"
        d="M16 54h28a2 2 0 0 1 2 2v2a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1v-2a2 2 0 0 1 2-2z"
    />
    <path
        fill="#866adc"
        d="M48 21v10a2.006 2.006 0 0 1-2 2H14a2.006 2.006 0 0 1-2-2V21z"
    />
    <path
        fill="#ccd0da"
        d="M48 3v18H12V3a2.006 2.006 0 0 1 2-2h32a2.006 2.006 0 0 1 2 2z"
    />
    <path fill="#b9bfcc" d="M31 46h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
    <g fill="#6955bc">
        <path
            d="M22 26h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM36 26H26a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM29 30H17a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2zM43 26h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z"
        />
    </g>
    <path
        fill="#fff"
        d="M36.95 11.68a1.007 1.007 0 0 0-1.27-.63l-2.07.69a.966.966 0 0 1-.87-.12L31 10.46v-.64a3 3 0 1 0-2 0v.64l-1.74 1.17a1.029 1.029 0 0 1-.87.11l-2.07-.69a1 1 0 1 0-.64 1.9l2.08.69a2.983 2.983 0 0 0 .94.15 3.026 3.026 0 0 0 1.67-.5l.63-.42v1.72l-1.32 1.31a3.122 3.122 0 0 0-.78 1.36L25.82 21h2.08l.93-3.22a.973.973 0 0 1 .27-.46l.9-.91.9.91a.938.938 0 0 1 .27.49l.92 3.19h2.08l-1.07-3.71a3.06 3.06 0 0 0-.78-1.39L31 14.59v-1.72l.63.42a3.026 3.026 0 0 0 1.67.5 2.983 2.983 0 0 0 .94-.15l2.08-.69a1.011 1.011 0 0 0 .63-1.27zM30 8a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
    />
</svg>