Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 496.485 496.485"
>
    <path
        d="M457.697 7.758H38.788c-17.067 0-31.03 13.964-31.03 31.03v332.8h480.97v-332.8c-.001-17.067-13.964-31.03-31.031-31.03z"
        fill="#fff"
    />
    <path
        d="M488.727 379.345H7.758c-4.655 0-7.758-3.103-7.758-7.758v-332.8C0 17.067 17.067 0 38.788 0h418.909c21.721 0 38.788 17.067 38.788 38.788v332.8c0 4.654-3.103 7.757-7.758 7.757zM15.515 363.83H480.97V38.788c0-13.188-10.085-23.273-23.273-23.273H38.788c-13.188 0-23.273 10.085-23.273 23.273V363.83z"
        fill="#193651"
    />
    <path d="M38.788 103.176h418.909v237.382H38.788z" fill="#e1e6e9" />
    <path d="M38.788 38.788h418.909v64.388H38.788z" fill="#f16051" />
    <path
        d="M7.758 371.588v37.236c0 17.067 13.964 31.03 31.03 31.03h418.909c17.067 0 31.03-13.964 31.03-31.03v-37.236H7.758z"
        fill="#e1e6e9"
    />
    <path
        d="M457.697 447.612H38.788C17.067 447.612 0 430.545 0 408.824v-37.236c0-4.655 3.103-7.758 7.758-7.758h480.97c4.655 0 7.758 3.103 7.758 7.758v37.236c-.001 21.721-17.068 38.788-38.789 38.788zM15.515 379.345v29.479c0 13.188 10.085 23.273 23.273 23.273h418.909c13.188 0 23.273-10.085 23.273-23.273v-29.479H15.515z"
        fill="#193651"
    />
    <path d="M186.182 439.855h124.121v48.873H186.182z" fill="#fff" />
    <path
        d="M310.303 496.485H186.182c-4.655 0-7.758-3.103-7.758-7.758v-48.873c0-4.655 3.103-7.758 7.758-7.758h124.121c4.655 0 7.758 3.103 7.758 7.758v48.873c0 4.655-3.103 7.758-7.758 7.758zM193.939 480.97h108.606v-33.358H193.939v33.358z"
        fill="#193651"
    />
    <path
        d="M347.539 496.485H148.945c-4.655 0-7.758-3.103-7.758-7.758s3.103-7.758 7.758-7.758h198.594c4.655 0 7.758 3.103 7.758 7.758 0 4.655-3.103 7.758-7.758 7.758zM198.594 397.964h15.515v15.515h-15.515zM240.485 397.964H256v15.515h-15.515zM282.376 397.964h15.515v15.515h-15.515zM79.127 63.612h15.515v15.515H79.127zM121.018 63.612h15.515v15.515h-15.515zM162.909 63.612h15.515v15.515h-15.515z"
        fill="#193651"
    />
    <path d="M69.042 133.43h159.03v109.382H69.042z" fill="#fff" />
    <path d="M124.897 162.133v51.976l46.545-26.376z" fill="#2ea2db" />
    <path
        d="M259.879 133.43h25.6v25.6h-25.6zM259.879 175.321h25.6v25.6h-25.6zM259.879 217.212h25.6v25.6h-25.6z"
        fill="#fff"
    />
    <path
        d="M316.509 141.188h111.709v10.085H316.509zM316.509 183.079h111.709v10.085H316.509zM316.509 224.97h111.709v10.085H316.509zM207.903 270.739h219.539v10.085H207.903zM69.042 270.739h100.073v10.085H69.042zM207.903 300.994h219.539v10.085H207.903zM69.042 300.994h100.073v10.085H69.042z"
        fill="#193651"
    />
</svg>