Tutorials

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <path
        fill="#607d8b"
        d="M21 0H3C1.346 0 0 1.346 0 3v18c0 1.654 1.346 3 3 3h18c1.654 0 3-1.346 3-3V3c0-1.654-1.346-3-3-3z"
    />
    <path fill="#fff" d="M22 16H2V3a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1z" />
    <path fill="#90a4ae" d="M20 21H4a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" />
    <path
        fill="#90a4ae"
        d="M8 22a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
    />
    <path
        fill="#2196f3"
        d="M18 4.998a1 1 0 0 0-1.142-.989l-7 1A.999.999 0 0 0 9 5.998v4.541a3.379 3.379 0 0 0-1.33.07c-1.515.39-2.434 1.658-2.103 2.844C5.832 14.406 6.805 15 7.951 15c1.082 0 2.23-.526 2.768-1.459.191-.332.28-.69.273-1.043H11V6.865l5-.714v3.388a3.379 3.379 0 0 0-1.33.07c-1.515.39-2.434 1.658-2.103 2.844.265.953 1.238 1.547 2.384 1.547 1.082 0 2.23-.526 2.768-1.459.191-.332.28-.69.273-1.043H18z"
    />
    <path
        fill="#546d79"
        d="M12 0H3C1.346 0 0 1.346 0 3v18c0 1.654 1.346 3 3 3h9v-3H9a1 1 0 0 1-2 0H4a1 1 0 0 1 0-2h3a1 1 0 0 1 2 0h3v-3H2V3a1 1 0 0 1 1-1h9z"
    />
    <path
        fill="#dedede"
        d="M12 2H3a1 1 0 0 0-1 1v13h10V6.722l-1 .143v5.633h-.008c.006.353-.082.711-.273 1.043C10.182 14.474 9.033 15 7.951 15c-1.146 0-2.119-.594-2.384-1.547-.331-1.186.588-2.454 2.103-2.844a3.358 3.358 0 0 1 1.33-.07V5.998a1 1 0 0 1 .858-.99L12 4.702z"
    />
    <path
        fill="#7d8f97"
        d="M7 19H4a1 1 0 0 0 0 2h3zm5 0H9v2h3zM8 18a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
    />
    <path
        fill="#1d83d4"
        d="m12 4.702-2.142.306a1 1 0 0 0-.858.99v4.541a3.364 3.364 0 0 0-1.33.07c-1.515.39-2.434 1.658-2.103 2.844C5.832 14.406 6.805 15 7.951 15c1.082 0 2.23-.526 2.768-1.459.191-.332.28-.69.273-1.043H11V6.865l1-.143z"
    />
</svg>