Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 496.485 496.485"
>
    <circle cx="249.018" cy="248.242" r="247.467" fill="#fdbf5e" />
    <path d="M112.485 78.352H384v339.782H112.485z" fill="#2ea2db" />
    <path
        d="M384 425.891H112.485c-4.655 0-7.758-3.103-7.758-7.758V78.352c0-4.655 3.103-7.758 7.758-7.758H384c4.655 0 7.758 3.103 7.758 7.758v339.782c0 4.654-3.879 7.757-7.758 7.757zm-263.758-15.515h256V86.109h-256v324.267z"
        fill="#193651"
    />
    <path
        d="M143.515 109.382H352.97v277.721H143.515zM384 78.352h104.727v339.782H384z"
        fill="#fff"
    />
    <path
        d="M488.727 70.594H384c-4.655 0-7.758 3.103-7.758 7.758v339.782c0 4.655 3.103 7.758 7.758 7.758h104.727c4.655 0 7.758-3.103 7.758-7.758V78.352c0-4.655-3.103-7.758-7.758-7.758zm-7.757 339.782h-89.212V86.109h89.212v324.267z"
        fill="#193651"
    />
    <path d="M7.758 78.352h104.727v339.782H7.758z" fill="#fff" />
    <path
        d="M112.485 70.594H7.758C3.103 70.594 0 73.697 0 78.352v339.782c0 4.655 3.103 7.758 7.758 7.758h104.727c4.655 0 7.758-3.103 7.758-7.758V78.352c-.001-4.655-3.104-7.758-7.758-7.758zm-7.758 339.782H15.515V86.109h89.212v324.267z"
        fill="#193651"
    />
    <path
        d="M415.03 86.109h42.667v34.133H415.03zM415.03 158.255h42.667v34.133H415.03zM415.03 229.624h42.667v34.133H415.03zM415.03 301.77h42.667v34.133H415.03zM415.03 373.915h42.667v34.133H415.03zM38.788 86.109h42.667v34.133H38.788zM38.788 158.255h42.667v34.133H38.788zM38.788 229.624h42.667v34.133H38.788zM38.788 301.77h42.667v34.133H38.788zM38.788 373.915h42.667v34.133H38.788z"
        fill="#e1e6e9"
    />
    <circle cx="248.242" cy="246.691" r="60.509" fill="#2ea2db" />
    <path d="M229.624 215.661v62.06l50.424-31.03z" fill="#fff" />
    <path
        d="M165.236 128.776h15.515v15.515h-15.515zM315.733 128.776h15.515v15.515h-15.515zM165.236 352.194h15.515v15.515h-15.515zM315.733 352.194h15.515v15.515h-15.515z"
        fill="#193651"
    />
</svg>