Tutorials

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <path
        d="M64.88 37.721c0 16.667 13.51 30.177 30.177 30.177H447.12v432.534H95.057c-16.667 0-30.177-13.51-30.177-30.177V37.721z"
        fill="#b157ce"
    />
    <path
        d="M447.12 7.544H95.057c-16.667 0-30.177 13.51-30.177 30.177s13.51 30.177 30.177 30.177H447.12V7.544z"
        fill="#fdd844"
    />
    <path
        d="M387.832 380.731v-14.083H366.52c25.031-26.943 40.364-63.012 40.364-102.601 0-83.197-67.687-150.884-150.884-150.884S105.116 180.85 105.116 264.047c0 74.981 54.981 137.354 126.743 148.944v80.154l6.652 7.288h169.395l5.015-10.551V380.731h-25.089z"
        fill="#8e56bf"
    />
    <circle cx="256" cy="264.047" r="130.766" fill="#fff" />
    <path
        d="M210.735 264.047v-69.69l60.353 34.845 60.354 34.845-60.354 34.845-60.353 34.846z"
        fill="#f35"
    />
    <path
        d="M345.252 359.607h-7.582v-13.499c0-9.558-3.726-18.548-10.491-25.312-6.759-6.757-15.742-10.478-25.298-10.478-19.729 0-35.78 16.055-35.78 35.79v48.32c30.508-2.33 58.084-15.137 79.151-34.821z"
        fill="#d8d7da"
    />
    <path
        d="M392.802 511.497V400.849h-25.087v-14.082h-25.077v-7.041h-25.087v-33.617c0-4.325-1.76-8.248-4.597-11.085a15.607 15.607 0 0 0-11.075-4.587c-8.651 0-15.662 7.011-15.662 15.672v75.865h-34.241v89.525h140.826z"
        fill="#fdd8a8"
    />
    <path
        d="M211.741 67.898H95.057c-16.667 0-30.177-13.51-30.177-30.177v20.118c0 16.667 13.51 30.177 30.177 30.177H447.12V67.898H211.741z"
        fill="#8e56bf"
    />
    <path
        d="M110.648 189.611H95.56v-15.088h15.088v15.088zm0-30.177H95.56V99.081h15.088v60.353z"
        fill="#fff"
    />
    <path
        d="M454.664 34.703V0H95.057c-20.8 0-37.721 16.921-37.721 37.721v432.534c0 20.8 16.921 37.721 37.721 37.721h129.835v-15.088H95.057c-12.479 0-22.633-10.152-22.633-22.633V67.88l.044.032c.078.059.16.115.239.173.368.272.741.538 1.12.797.157.108.318.211.477.317a39.705 39.705 0 0 0 1.468.924c.322.192.648.379.977.562.165.093.33.186.497.277.43.231.864.454 1.304.669.065.031.128.066.193.098.502.242 1.012.471 1.526.691.162.069.327.134.49.2a35.18 35.18 0 0 0 2.73 1.002c.196.063.392.128.589.187.398.122.8.234 1.203.343.15.04.298.084.448.123.551.141 1.107.27 1.668.386.13.027.262.048.391.073.437.086.875.166 1.318.236.199.032.4.059.602.088.383.054.769.105 1.155.147.211.023.422.046.634.065.403.038.809.067 1.215.093.187.011.373.026.561.035a37.76 37.76 0 0 0 1.784.045h344.519v417.446h-20.533v15.088h35.622V60.354H95.057c-12.479 0-22.633-10.152-22.633-22.633s10.153-22.633 22.633-22.633h344.519v19.615h15.088z"
    />
    <path
        d="M95.057 30.177h311.827v15.088H95.057zM375.262 386.766h-.003v-7.544h-25.077v-7.041h-25.087v-26.073c0-6.199-2.417-12.03-6.808-16.42a23.052 23.052 0 0 0-16.409-6.796c-12.796 0-23.206 10.415-23.206 23.216v68.32h-34.24V512h15.088v-82.483h34.241v-83.409c0-4.482 3.641-8.128 8.118-8.128 2.168 0 4.208.844 5.741 2.378a8.081 8.081 0 0 1 2.387 5.75v33.617h-.003v49.289h15.088v-41.745h9.997v41.745h15.088V394.31h9.994v14.083h.003v20.621h15.088v-20.621h9.996V512h15.088V393.305h-25.085l.001-6.539zM203.191 181.29v165.515l143.34-82.758-143.34-82.757zm15.088 26.133 98.075 56.624-98.075 56.624V207.423z"
    />
    <path
        d="M379.222 264.047c0 29.595-10.649 58.208-29.986 80.566l11.413 9.871c21.706-25.099 33.661-57.217 33.661-90.437 0-76.265-62.047-138.31-138.31-138.31s-138.31 62.046-138.31 138.31c0 31.397 10.257 60.994 29.663 85.591l11.844-9.346c-17.283-21.907-26.419-48.273-26.419-76.245 0-67.945 55.277-123.222 123.222-123.222s123.222 55.277 123.222 123.222zM211.569 395.054a137.58 137.58 0 0 0 14.812 4.112l3.216-14.741a122.972 122.972 0 0 1-13.182-3.66l-4.846 14.289zM157.928 361.568a139.341 139.341 0 0 0 11.873 10.64l9.409-11.796a124.14 124.14 0 0 1-10.582-9.485l-10.7 10.641zM203.26 375.436a123.592 123.592 0 0 1-12.456-6.816l-7.994 12.797a138.67 138.67 0 0 0 13.984 7.652l6.466-13.633z"
    />
</svg>