Tutorials

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path fill="#fff4f4" d="M313.593 343.37H0V0h383.389v177.554z" />
    <path fill="#e2e1ec" d="M186.694 0v343.37h126.899l69.796-165.816V0z" />
    <path
        fill="#bde149"
        d="M293.695 342.92H79.693v-36.582c0-59 48-107.001 107.001-107.001s107.001 48 107.001 107.001z"
    />
    <path fill="#fda334" d="M105.53 148.08h29.908v29.801H105.53z" />
    <path fill="#f67f22" d="M237.95 148.08h29.908v29.801H237.95z" />
    <path
        fill="#8eba4a"
        d="M293.695 306.337c0-59-48-107.001-107.001-107.001V342.92h107.001z"
    />
    <path
        fill="#f3d159"
        d="M252.851 162.981H223.05V113.07c0-20.046-16.309-36.355-36.355-36.355S150.34 93.024 150.34 113.07v49.912h-29.801V113.07c0-36.479 29.678-66.157 66.157-66.157s66.157 29.678 66.157 66.157v49.911z"
    />
    <path
        fill="#fda334"
        d="M223.049 113.07v49.912h29.801V113.07c0-36.479-29.678-66.157-66.157-66.157v29.801c20.047 0 36.356 16.309 36.356 36.356z"
    />
    <path
        fill="#f8c5ba"
        d="M186.694 229.138c-36.479 0-66.157-29.678-66.157-66.157s29.678-66.157 66.157-66.157 66.157 29.678 66.157 66.157-29.679 66.157-66.157 66.157z"
    />
    <path
        fill="#fdb1a0"
        d="M186.694 96.824v132.314c36.479 0 66.157-29.678 66.157-66.157s-29.679-66.157-66.157-66.157z"
    />
    <path
        fill="#fb4c4f"
        d="M512 512H176.691v-25.223c0-92.446 75.209-167.655 167.654-167.655S512 394.331 512 486.777z"
    />
    <path
        fill="#e5176b"
        d="M512 486.777c0-92.327-75.017-167.457-167.298-167.651V512H512z"
    />
    <path
        fill="#f8c5ba"
        d="M344.702 349.168c-52.101 0-94.489-42.387-94.489-94.488 0-52.102 42.387-94.489 94.489-94.489s94.489 42.387 94.489 94.489c-.001 52.1-42.388 94.488-94.489 94.488z"
    />
    <path
        fill="#fdb1a0"
        d="M344.702 160.191v188.977c52.101 0 94.489-42.387 94.489-94.488-.001-52.102-42.388-94.489-94.489-94.489z"
    />
</svg>