Tutorials

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#704c55"
        d="M196 0H46C29.5 0 16 13.5 16 30s13.5 45 30 45l15 15h240l45-60V0z"
    />
    <path fill="#5a344b" d="M346 30V0H196v90h105z" />
    <path
        fill="#edf5ff"
        d="M196 30H61c-8.284 0-15 6.716-15 15s6.716 15 15 15l45 30h202.5L346 60V30z"
    />
    <path fill="#d5e8fe" d="M346 60V30H196v60h112.5z" />
    <path
        fill="#9b786f"
        d="M196 60H46c-16.5 0-30-13.5-30-30v437c0 24.901 20.099 45 45 45h315V60z"
    />
    <path fill="#704c55" d="M196 60h180v452H196zM76 151h30v270H76z" />
    <path
        fill="#fabe2c"
        d="M361 151c-74.443 0-135 60.557-135 135s60.557 135 135 135 135-60.557 135-135-60.557-135-135-135zm0 165c-16.569 0-30-13.431-30-30s13.431-30 30-30 30 13.431 30 30-13.431 30-30 30z"
    />
    <path
        fill="#ff9100"
        d="M496 286c0-74.443-60.557-135-135-135v105c16.569 0 30 13.431 30 30s-13.431 30-30 30v105c74.443 0 135-60.557 135-135z"
    />
    <path
        fill="#edf5ff"
        d="M361 241c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45zm0 60c-8.276 0-15-6.724-15-15s6.724-15 15-15 15 6.724 15 15-6.724 15-15 15z"
    />
    <path
        fill="#d5e8fe"
        d="M406 286c0-24.814-20.186-45-45-45v30c8.276 0 15 6.724 15 15s-6.724 15-15 15v30c24.814 0 45-20.186 45-45z"
    />
</svg>