Drag And Drop

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 256 256"
>
    <path
        fill="#478cf7"
        d="M241.602 198.626V47.265H14.397v151.361c0 5.523 4.477 10 10 10h207.206c5.522 0 9.999-4.477 9.999-10z"
    />
    <path
        fill="#377de2"
        d="M231.602 47.265v141.361c0 5.523-4.477 10-10 10H14.397c0 5.523 4.477 10 10 10h207.206c5.523 0 10-4.477 10-10V47.265z"
    />
    <path
        fill="#2266d3"
        d="M236.602 47.265v146.361c0 5.523-4.477 10-10 10H19.397a9.939 9.939 0 0 1-4.11-.891c1.569 3.471 5.053 5.891 9.11 5.891h207.206c5.523 0 10-4.477 10-10V47.265z"
    />
    <path
        fill="#58595b"
        d="M241.603 16.974v30.292H14.398V16.974c0-5.523 4.477-10 10-10h207.206c5.522 0 9.999 4.477 9.999 10z"
    />
    <path
        fill="#414042"
        d="M235.713 7.865a9.95 9.95 0 0 1 .89 4.109v26.292a4 4 0 0 1-4 4H14.398v5h227.206V16.974c-.001-4.056-2.42-7.541-5.891-9.109z"
    />
    <circle cx="88.125" cy="27.12" r="6.912" fill="#91b56b" />
    <circle cx="63.017" cy="27.12" r="6.912" fill="#f79219" />
    <circle cx="37.91" cy="27.12" r="6.912" fill="#e63950" />
    <path
        fill="#5e9cf7"
        d="M20.397 131.8a2 2 0 0 1-2-2v-68a2 2 0 0 1 4 0v68a2 2 0 0 1-2 2zm0-76a2 2 0 0 1-2-2v-.535a2 2 0 0 1 4 0v.535a2 2 0 0 1-2 2z"
    />
    <path
        fill="#fff"
        d="M188.037 176.856h-12a2 2 0 0 1 0-4H188c1.104 0 2.019.896 2.019 2s-.877 2-1.982 2zm-23.963 0h-11.963a2 2 0 0 1 0-4h11.963a2 2 0 0 1 0 4zm-23.926 0h-11.963a2 2 0 0 1 0-4h11.963a2 2 0 0 1 0 4zm-23.926 0H108c-1.511 0-2.987-.278-4.385-.827a2 2 0 1 1 1.461-3.723c.931.365 1.915.55 2.924.55h8.222a2 2 0 0 1 0 4zm81.098-6.371a2 2 0 0 1-1.863-2.726c.359-.923.542-1.9.542-2.902v-8.25a2 2 0 0 1 4 0v8.25c0 1.501-.274 2.967-.815 4.354a2 2 0 0 1-1.864 1.274zM98 166.861c-1.104 0-2-.891-2-1.996v-11.963a2 2 0 0 1 4 0v11.954a2.004 2.004 0 0 1-2 2.005zm100-20.218a2 2 0 0 1-2-2V132.68a2 2 0 0 1 4 0v11.963a2 2 0 0 1-2 2zM98 142.94a2 2 0 0 1-2-2v-11.963a2 2 0 0 1 4 0v11.963a2 2 0 0 1-2 2zm100-20.223a2 2 0 0 1-2-2v-11.963a2 2 0 0 1 4 0v11.963a2 2 0 0 1-2 2zm-100-3.703a2 2 0 0 1-2-2v-11.963a2 2 0 0 1 4 0v11.963a2 2 0 0 1-2 2zm100-20.222a2 2 0 0 1-2-2V84.856c0-1.104.896-2.014 2-2.014s2 .881 2 1.986v11.963a2 2 0 0 1-2 2.001zM98 95.088a2 2 0 0 1-2-2v-8.231c0-1.509.277-2.981.823-4.375a2 2 0 1 1 3.725 1.459 7.963 7.963 0 0 0-.547 2.916v8.231a2.002 2.002 0 0 1-2.001 2zm93.636-17.549c-.242 0-.488-.044-.727-.138a7.953 7.953 0 0 0-2.909-.545h-8.241a2 2 0 0 1 0-4H188c1.505 0 2.974.276 4.364.819a2.001 2.001 0 0 1-.728 3.864zm-23.84-.683h-11.963a2 2 0 0 1 0-4h11.963a2 2 0 0 1 0 4zm-23.926 0h-11.963a2 2 0 0 1 0-4h11.963a2 2 0 0 1 0 4zm-23.926 0H108c-1.104 0-2.009-.896-2.009-2s.886-2 1.991-2h11.963a2 2 0 0 1-.001 4z"
    />
    <path
        fill="#893add"
        d="M148 224.856H68c-5.523 0-10-4.477-10-10v-80c0-5.523 4.477-10 10-10h80c5.523 0 10 4.477 10 10v80c0 5.523-4.477 10-10 10z"
    />
    <path
        fill="#6c2bc1"
        d="M152.11 125.747a9.95 9.95 0 0 1 .89 4.11v80c0 5.523-4.477 10-10 10H63a9.954 9.954 0 0 1-4.11-.89c1.569 3.471 5.053 5.89 9.11 5.89h80c5.523 0 10-4.477 10-10v-80c0-4.057-2.42-7.542-5.89-9.11z"
    />
    <path
        fill="#ffc91d"
        d="m129.827 188.313 24.105 50.563c.803 1.685 3.273 1.448 3.741-.359l3.572-13.776 23.699 23.699a2 2 0 0 0 2.828 0l8.847-8.847a2 2 0 0 0 0-2.828l-23.699-23.699 13.776-3.572c1.807-.469 2.044-2.938.359-3.741l-50.563-24.105c-4.252-2.027-8.692 2.413-6.665 6.665z"
    />
    <path
        fill="#ffa91a"
        d="m196.619 236.765-5-5a2 2 0 0 1 0 2.828l-8.847 8.847a2 2 0 0 1-2.828 0l-21.226-21.226c-1.094-1.094-2.962-.585-3.35.912l-2.694 10.391c-.128.495-.413.86-.766 1.112l2.025 4.247c.803 1.685 3.273 1.448 3.741-.359l3.572-13.776 23.699 23.699a2 2 0 0 0 2.828 0l8.847-8.847a2 2 0 0 0-.001-2.828zM181.696 204.494l-10.391 2.694c-1.497.388-2.006 2.256-.912 3.35l2.527 2.527 13.776-3.572c1.807-.469 2.044-2.938.359-3.741l-4.247-2.025a1.935 1.935 0 0 1-1.112.767z"
    />
</svg>