Web Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <path d="M10 31.538h492v75.61H10z" fill="#4a5672" />
    <path d="M10 107.15h492v373.31H10z" fill="#e7ebed" />
    <path
        d="M502 21.538H10c-5.523 0-10 4.478-10 10v448.924c0 5.522 4.477 10 10 10h492c5.522 0 10-4.478 10-10V31.538c0-5.522-4.478-10-10-10zm-482 20h472v55.614H20V41.538zm472 428.924H20v-353.31h472v353.31z"
    />
    <path
        d="M277.061 79.462h-98.143c-5.522 0-10-4.478-10-10s4.478-10 10-10h98.143c5.523 0 10 4.478 10 10s-4.477 10-10 10zM450.55 79.462h-98.142c-5.522 0-10-4.478-10-10s4.478-10 10-10h98.142c5.522 0 10 4.478 10 10s-4.478 10-10 10zM97.81 79.46c-.649 0-1.31-.061-1.95-.19a9.325 9.325 0 0 1-1.869-.58 9.426 9.426 0 0 1-1.73-.91c-.55-.369-1.06-.789-1.52-1.25-.46-.46-.881-.97-1.24-1.519-.36-.54-.67-1.12-.92-1.72-.25-.61-.44-1.24-.57-1.87-.13-.65-.2-1.311-.2-1.96a10.098 10.098 0 0 1 1.69-5.549c.359-.551.78-1.061 1.24-1.521s.97-.88 1.52-1.24a10.109 10.109 0 0 1 3.599-1.489 9.86 9.86 0 0 1 3.91 0c.641.13 1.261.319 1.87.569.601.25 1.18.561 1.72.92a9.533 9.533 0 0 1 2.77 2.761 10.122 10.122 0 0 1 1.49 3.599c.13.64.189 1.3.189 1.95 0 .649-.06 1.31-.189 1.96-.13.63-.32 1.26-.57 1.87a10.146 10.146 0 0 1-2.16 3.239c-.47.461-.979.881-1.53 1.25-.54.36-1.119.671-1.72.91a9.518 9.518 0 0 1-1.87.58c-.65.129-1.3.19-1.96.19zM134.72 79.46c-.65 0-1.309-.061-1.96-.19a9.775 9.775 0 0 1-1.87-.58c-.6-.239-1.18-.55-1.72-.91a10.1 10.1 0 0 1-2.771-2.769 9.43 9.43 0 0 1-.909-1.72 9.775 9.775 0 0 1-.58-1.87 10.02 10.02 0 0 1-.19-1.96 9.908 9.908 0 0 1 .759-3.82 9.928 9.928 0 0 1 2.17-3.25 10.217 10.217 0 0 1 3.241-2.16c.61-.25 1.24-.439 1.87-.569a9.86 9.86 0 0 1 3.91 0 10.096 10.096 0 0 1 3.6 1.489c.55.36 1.061.78 1.52 1.24.46.46.88.97 1.24 1.521a10.119 10.119 0 0 1 1.689 5.549c0 .649-.07 1.31-.2 1.96-.12.63-.319 1.26-.569 1.87-.25.6-.561 1.18-.92 1.72-.36.55-.78 1.059-1.24 1.519-.46.461-.971.881-1.52 1.25-.54.36-1.12.671-1.73.91-.6.261-1.23.45-1.87.58-.64.129-1.3.19-1.95.19zM60.91 79.46a10.034 10.034 0 0 1-8.32-4.45c-.36-.54-.67-1.12-.92-1.72-.24-.61-.44-1.24-.57-1.87-.12-.65-.189-1.311-.189-1.96 0-.65.069-1.311.189-1.95.13-.64.33-1.27.57-1.87a9.86 9.86 0 0 1 2.17-3.25 10.188 10.188 0 0 1 3.241-2.16 10.53 10.53 0 0 1 1.87-.569c3.26-.66 6.71.409 9.029 2.729.46.46.88.97 1.24 1.521a10.122 10.122 0 0 1 1.69 5.549c0 .649-.07 1.31-.2 1.96-.13.63-.32 1.26-.57 1.87-.25.6-.56 1.18-.92 1.72-.36.55-.78 1.059-1.24 1.519a10.034 10.034 0 0 1-7.07 2.931z"
    />
    <path d="M48.12 372.01h415.77v70.69H48.12z" fill="#f15b56" />
    <path d="M267.35 328.656H48.5l-.385-155.31h218.85z" fill="#fdbf6c" />
    <path
        d="m422.553 215.388-28.883 28.883-27.919-27.919v155.662h56.802z"
        fill="#0096c9"
    />
    <path
        d="M308.95 211.112v4.276l28.883 28.883 27.918-27.919 27.919 27.919 28.883-28.883v-4.276l-17.039-22.46h-79.525z"
        fill="#e7ebed"
    />
    <path d="M325.989 188.652h79.525l-39.763-52.416z" fill="#4a5672" />
    <path
        d="m365.751 216.352-27.918 27.919-28.883-28.883v156.626h56.801z"
        fill="#24d1af"
    />
    <path
        d="M405.51 417.359c-2.63 0-5.2-1.069-7.07-2.93a9.51 9.51 0 0 1-1.239-1.52 9.87 9.87 0 0 1-.92-1.73 9.84 9.84 0 0 1-.76-3.82c0-.649.061-1.31.19-1.96.13-.63.32-1.26.57-1.87.25-.6.56-1.18.92-1.72a9.51 9.51 0 0 1 1.239-1.52c2.33-2.33 5.78-3.391 9.03-2.74.64.13 1.26.32 1.87.57.6.25 1.18.56 1.72.92.55.37 1.06.79 1.521 1.25.47.46.88.97 1.25 1.52.359.54.67 1.12.92 1.72.25.61.44 1.24.569 1.87.131.65.19 1.311.19 1.96a9.84 9.84 0 0 1-.759 3.82 9.87 9.87 0 0 1-3.691 4.49c-.54.359-1.12.67-1.72.92-.61.25-1.23.45-1.87.57a9.96 9.96 0 0 1-1.96.2z"
    />
    <path
        d="M463.885 362.015h-31.332V211.112a10 10 0 0 0-2.033-6.044l-56.801-74.876a10.002 10.002 0 0 0-15.934 0l-56.802 74.876a10 10 0 0 0-2.033 6.044v150.902H48.115c-5.522 0-10 4.478-10 10v70.688c0 5.523 4.478 10 10 10h415.77c5.522 0 10-4.477 10-10v-70.688c0-5.522-4.478-9.999-10-9.999zm-132.93-163.364h69.593l10.611 13.988-17.489 17.489-20.847-20.848c-3.905-3.902-10.235-3.904-14.143 0l-20.848 20.848-17.489-17.489 10.612-13.988zm44.797 41.844 10.847 10.847a9.293 9.293 0 0 0 .958.844 9.958 9.958 0 0 0 3.524 1.745 9.995 9.995 0 0 0 9.661-2.589l11.811-11.811v122.484h-36.801v-121.52zm-10-87.713 19.624 25.869h-39.249l19.625-25.869zm-46.802 86.749 11.811 11.811c3.906 3.904 10.236 3.904 14.143 0l10.848-10.848v121.52H318.95V239.531zm134.935 193.171H58.115v-15.344h309.51c5.522 0 10-4.478 10-10s-4.478-10-10-10H58.115v-15.344h395.77v50.688z"
    />
    <path
        d="M48.5 338.656h218.851a10 10 0 0 0 10-10.025l-.386-155.31c-.014-5.514-4.487-9.976-10-9.976H48.115a10 10 0 0 0-10 10.025l.385 155.31c.014 5.514 4.487 9.976 10 9.976zm208.489-155.309.337 135.31H58.476l-.336-135.31h198.849z"
    />
    <path
        d="m77.603 211.227 61.711 39.796-61.345 39.765c-4.635 3.005-5.956 9.196-2.952 13.831a9.993 9.993 0 0 0 8.401 4.562 9.967 9.967 0 0 0 5.43-1.609l68.899-44.662 69.276 44.675a9.954 9.954 0 0 0 5.41 1.597 9.993 9.993 0 0 0 8.414-4.581c2.993-4.642 1.656-10.831-2.984-13.824l-61.711-39.796 61.345-39.765c4.635-3.005 5.956-9.196 2.952-13.831-3.004-4.634-9.195-5.955-13.831-2.952l-68.899 44.662-69.276-44.674c-4.643-2.993-10.831-1.656-13.824 2.984-2.994 4.639-1.657 10.828 2.984 13.822z"
    />
</svg>