feat(home: concluido a section 5.

This commit is contained in:
Luiz Felipe Silva 2022-11-09 13:24:38 -03:00
parent 2b6e5b69e8
commit 6c5620f3de
6 changed files with 152 additions and 22 deletions

View File

@ -41,7 +41,7 @@
</section>
<section class="section3">
<div class="card">
<div class="card-meio">
<img src="./src/assets/svg/shopping.svg" alt="Shopping">
<p>
@ -49,15 +49,15 @@
</p>
</div>
<div class="card">
<img src="./src/assets/svg/compras.svg" alt="Bolsa de compras">
<div class="card-meio">
<img src="./src/assets/svg/sacola.svg" alt="Sacola">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</p>
</div>
<div class="card">
<div class="card-meio">
<img src="./src/assets/svg/moeda.svg" alt="Moeda">
<p>
@ -70,6 +70,42 @@
<img src="./src/assets/img/fundo-desktop2.png" class="fundo-desktop2" alt="Programação">
<img src="./src/assets/img/fundo-mobile2.png" class="fundo-mobile2" alt="Programação">
</section>
<section class="section5">
<div class="container-cards">
<div class="card-baixo">
<img src="./src/assets/svg/dinheiro.svg" alt="Dinheiro">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</p>
</div>
<div class="card-baixo">
<img src="./src/assets/svg/compras.svg" alt="Compras">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</p>
</div>
<div class="card-baixo">
<img src="./src/assets/svg/moeda.svg" alt="Moeda">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</p>
</div>
<div class="card-baixo">
<img src="./src/assets/svg/celular.svg" alt="Dinheiro">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</p>
</div>
</div>
</section>
</main>
</body>
</html>

View File

@ -25,7 +25,7 @@ header {
/* SECTION 1 */
.section1 img, .section4 img {
.section1 img {
width: 100%;
display: block;
}
@ -76,7 +76,7 @@ header {
flex-wrap: wrap;
}
.card {
.card-meio {
text-align: center;
background-color: #FFFFFF;
padding: 34px 26px;
@ -84,15 +84,59 @@ header {
box-shadow: 0px 4px 20px 0px #0000003B;
}
.card img {
.card-meio img {
padding-bottom: 26px;
}
.card p {
.card-meio p {
line-height: 24px;
max-width: 300px;
}
/* SECTION 4 */
.section4 {
display: flex;
justify-content: center;
}
/* SECTION 5 */
.section5 {
background: linear-gradient(180deg, #00C8FF 0%, #15ACD6 100%);
margin-top: 140px;
}
.container-cards {
display: grid;
grid-template-columns: repeat(2, max-content);
justify-content: center;
position: relative;
top: -60px;
gap: 20px;
}
.card-baixo {
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0px 4px 16px 0px #00000026;
background: #FFFFFF;
padding: 36px 32px 66px;
}
.card-baixo img {
display: block;
margin-bottom: 14px;
}
.card-baixo p {
max-width: 368px;
font-size: 16px;
text-align: center;
line-height: 24px;
}
/* RESPONSIVIDADE -> NOTEBOOK */
@media screen and (min-width: 993px) and (max-width: 1280px) {
@ -107,6 +151,13 @@ header {
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
.card-baixo p {
max-width: 280px;
}
}
/* RESPONSIVIDADE -> TABLET */
@media screen and (max-width: 992px) {
@ -140,11 +191,26 @@ header {
gap: 16px;
}
.card {
.container-cards {
grid-template-columns: 1fr;
gap: 16px;
}
.card-baixo {
margin-top: 114px;
margin: 0 32px;
}
.card p {
.card-baixo p {
font-size: 14px;
line-height: 24px;
}
.card-meio {
margin: 0 32px;
}
.card-meio p {
max-width: none;
}
}

View File

@ -1,6 +1,6 @@
<svg width="86" height="104" viewBox="0 0 86 104" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M62.8503 69.9238C62.1676 69.9238 61.492 69.8935 60.8245 69.8346V83.7216H4.66959V17.1732H60.8245V28.4152C61.492 28.3563 62.1676 28.326 62.8503 28.326C63.5329 28.326 64.2085 28.3563 64.876 28.4152V9.77092C64.876 4.38323 60.4883 0 55.095 0H10.3991C5.00586 0 0.618164 4.38323 0.618164 9.77092V94.2108C0.618164 99.6086 4.99755 104 10.3807 104H55.1135C60.4966 104 64.876 99.6086 64.876 94.2108V69.8346C64.2087 69.8937 63.5329 69.9238 62.8503 69.9238ZM4.66959 9.77092C4.66959 6.62309 7.23981 4.0625 10.3991 4.0625H55.095C58.2543 4.0625 60.8245 6.62309 60.8245 9.77092V13.1107H4.66959V9.77092ZM60.8245 94.2108C60.8245 97.3686 58.2626 99.9375 55.1135 99.9375H10.3807C7.23171 99.9375 4.66959 97.3686 4.66959 94.2108V87.7841H60.8245V94.2108Z" fill="black"/>
<path d="M31.3966 95.8921H34.0975C35.2163 95.8921 36.1232 94.9825 36.1232 93.8608C36.1232 92.739 35.2163 91.8296 34.0975 91.8296H31.3966C30.2778 91.8296 29.3709 92.739 29.3709 93.8608C29.3709 94.9825 30.2778 95.8921 31.3966 95.8921Z" fill="black"/>
<path d="M62.8502 26.2947C50.2758 26.2947 40.0824 36.5162 40.0824 49.125C40.0824 54.1306 41.689 58.7596 44.4132 62.5225L40.0824 71.2623L52.6667 69.5496C55.731 71.0887 59.1897 71.955 62.8502 71.955C75.4246 71.955 85.6182 61.7335 85.6182 49.125C85.6182 36.5164 75.4246 26.2947 62.8502 26.2947Z" fill="#0336DB"/>
<path d="M65.0226 55.0342H64.8759V47.5356H65.0226C66.1414 47.5356 67.0483 46.6261 67.0483 45.5044C67.0483 44.3827 66.1414 43.4731 65.0226 43.4731H60.6781C59.5593 43.4731 58.6523 44.3827 58.6523 45.5044C58.6523 46.6261 59.5593 47.5356 60.6781 47.5356H60.8247V55.0342H60.6781C59.5593 55.0342 58.6523 55.9438 58.6523 57.0655C58.6523 58.1871 59.5593 59.0967 60.6781 59.0967H65.0226C66.1414 59.0967 67.0483 58.1871 67.0483 57.0655C67.0483 55.9438 66.1414 55.0342 65.0226 55.0342Z" fill="white"/>
<svg width="87" height="105" viewBox="0 0 87 105" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M63.2769 70.4631C62.5896 70.4631 61.9093 70.4327 61.2373 70.3736V84.3177H4.69736V17.4957H61.2373V28.7839C61.9093 28.7248 62.5896 28.6944 63.2769 28.6944C63.9642 28.6944 64.6444 28.7248 65.3165 28.7839V10.063C65.3165 4.6532 60.8987 0.251953 55.4685 0.251953H10.4662C5.03594 0.251953 0.618164 4.6532 0.618164 10.063V94.85C0.618164 100.27 5.02757 104.679 10.4476 104.679H55.4871C60.9071 104.679 65.3165 100.27 65.3165 94.85V70.3736C64.6447 70.4329 63.9642 70.4631 63.2769 70.4631ZM4.69736 10.063C4.69736 6.90227 7.28521 4.33115 10.4662 4.33115H55.4685C58.6495 4.33115 61.2373 6.90227 61.2373 10.063V13.4165H4.69736V10.063ZM61.2373 94.85C61.2373 98.0208 58.6578 100.6 55.4871 100.6H10.4476C7.27705 100.6 4.69736 98.0208 4.69736 94.85V88.3969H61.2373V94.85Z" fill="black"/>
<path d="M31.6077 96.5382H34.327C35.4535 96.5382 36.3666 95.6249 36.3666 94.4986C36.3666 93.3721 35.4535 92.459 34.327 92.459H31.6077C30.4812 92.459 29.5681 93.3721 29.5681 94.4986C29.5681 95.6249 30.4812 96.5382 31.6077 96.5382Z" fill="black"/>
<path d="M63.2768 26.6548C50.6162 26.6548 40.353 36.9182 40.353 49.5788C40.353 54.605 41.9706 59.2531 44.7134 63.0314L40.353 71.8072L53.0236 70.0874C56.1089 71.6328 59.5913 72.5027 63.2768 72.5027C75.9374 72.5027 86.2009 62.2393 86.2009 49.5788C86.2009 36.9184 75.9374 26.6548 63.2768 26.6548Z" fill="#00C8FF"/>
<path d="M65.4642 55.5124H65.3165V47.983H65.4642C66.5906 47.983 67.5038 47.0697 67.5038 45.9434C67.5038 44.8171 66.5906 43.9038 65.4642 43.9038H61.0898C59.9634 43.9038 59.0502 44.8171 59.0502 45.9434C59.0502 47.0697 59.9634 47.983 61.0898 47.983H61.2375V55.5124H61.0898C59.9634 55.5124 59.0502 56.4257 59.0502 57.552C59.0502 58.6782 59.9634 59.5916 61.0898 59.5916H65.4642C66.5906 59.5916 67.5038 58.6782 67.5038 57.552C67.5038 56.4257 66.5906 55.5124 65.4642 55.5124Z" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -1,12 +1,14 @@
<svg width="102" height="103" viewBox="0 0 102 103" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_133)">
<path d="M63.7912 95.3056H18.2303V26.7631H28.9V37.1243C28.9 38.2353 29.7919 39.136 30.8922 39.136C31.9923 39.136 32.8844 38.2353 32.8844 37.1243V26.7631H60.2063V37.1243C60.2063 38.2353 61.0984 39.136 62.1985 39.136C63.2985 39.136 64.1906 38.2353 64.1906 37.1243V26.7631H74.5273V48.0779H78.5117V24.7514C78.5117 23.6403 77.6196 22.7397 76.5195 22.7397H64.1906V17.7287C64.1906 7.95313 56.2751 0 46.5454 0C44.3154 0 42.1806 0.417834 40.2145 1.17967C38.2484 0.417834 36.1135 0 33.8835 0C24.1537 0 16.2381 7.95313 16.2381 17.7287V22.7395H3.90924C2.80915 22.7395 1.91705 23.6401 1.91705 24.7512V89.7613C1.91705 95.0368 6.17416 99.3288 11.4068 99.3288H69.8044C67.8365 98.2564 65.7517 96.925 63.7912 95.3056ZM46.5454 4.02344C54.0781 4.02344 60.2063 10.1717 60.2063 17.7287V22.7395H51.5287V17.7287C51.5287 12.2528 49.045 7.34901 45.1501 4.09425C45.6089 4.04758 46.0745 4.02344 46.5454 4.02344ZM40.2145 5.58614C44.5682 7.8801 47.5445 12.4624 47.5445 17.7289V22.7397H32.8844V17.7287C32.8844 12.4622 35.8607 7.8801 40.2145 5.58614ZM20.2225 17.7287C20.2225 10.1717 26.3508 4.02344 33.8835 4.02344C34.3544 4.02344 34.8198 4.04738 35.2786 4.09445C31.3837 7.34901 28.8998 12.253 28.8998 17.7289V22.7397H20.2223V17.7287H20.2225ZM14.2459 95.3056H11.4068C8.37114 95.3056 5.90143 92.8185 5.90143 89.7615V26.7631H14.2459V95.3056Z" fill="black"/>
<path d="M93.7992 54.7374C87.7766 54.7374 82.582 51.191 80.165 46.0659H73.082C70.6651 51.1908 65.4705 54.7374 59.4479 54.7374C57.2051 54.7374 55.0772 54.2452 53.1641 53.3634V78.4196C53.1641 96.7462 76.6235 103 76.6235 103C76.6235 103 100.083 96.7462 100.083 78.4196V53.3634C98.1698 54.2452 96.0418 54.7374 93.7992 54.7374Z" fill="#00C8FF"/>
<path d="M75.8532 81.6053C75.328 81.6053 74.8228 81.3957 74.4487 81.0201L70.1193 76.673C69.3389 75.8894 69.3353 74.6158 70.1113 73.828C70.8868 73.04 72.1483 73.0364 72.9286 73.82L75.7249 76.6275L82.99 67.9301C83.6996 67.0807 84.9563 66.9733 85.7972 67.6895C86.6383 68.4058 86.7451 69.675 86.0354 70.5244L77.3762 80.891C77.0172 81.3207 76.4968 81.579 75.9406 81.6035C75.9113 81.6047 75.8825 81.6053 75.8532 81.6053Z" fill="white"/>
<svg width="104" height="104" viewBox="0 0 104 104" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_189)">
<path d="M45.8327 62.512V43.6035C45.8327 42.4816 44.9233 41.5722 43.8015 41.5722H38.1581V40.5101C38.1581 36.7803 35.1077 33.7456 31.3585 33.7456C27.6092 33.7456 24.559 36.7801 24.559 40.5101V41.5722H18.95C17.8281 41.5722 16.9187 42.4816 16.9187 43.6035V62.512C16.9187 66.0242 19.7761 68.8816 23.2883 68.8816H39.4633C42.9754 68.8816 45.8327 66.0242 45.8327 62.512V62.512ZM28.6217 40.5103C28.6217 39.0204 29.8496 37.8083 31.3587 37.8083C32.8679 37.8083 34.0958 39.0204 34.0958 40.5103V41.5724H28.6217V40.5103ZM20.9812 62.512V45.6347H24.5592V47.67C24.5592 48.7917 25.4686 49.7013 26.5905 49.7013C27.7124 49.7013 28.6217 48.7917 28.6217 47.67V45.6347H34.0958V47.67C34.0958 48.7917 35.0052 49.7013 36.127 49.7013C37.2489 49.7013 38.1583 48.7917 38.1583 47.67V45.6347H41.7704V62.512C41.7704 63.7841 40.7355 64.8191 39.4635 64.8191H23.2883C22.0161 64.8191 20.9812 63.7841 20.9812 62.512Z" fill="black"/>
<path d="M101.969 75.9619H100.063V17.3906C100.063 12.8268 96.3499 9.11386 91.7861 9.11386H12.2139C7.65009 9.11386 3.93717 12.8268 3.93717 17.3906V75.9619H2.03125C0.909391 75.9619 0 76.8715 0 77.9931V85.5912C0 90.7165 4.16955 94.8862 9.2948 94.8862H94.705C99.8302 94.8862 104 90.7167 104 85.5912V77.9931C104 76.8713 103.091 75.9619 101.969 75.9619ZM12.2139 13.1764H91.7861C94.1098 13.1764 96.0003 15.0668 96.0003 17.3906V23.0448H7.99967V17.3906C7.99967 15.0668 9.89016 13.1764 12.2139 13.1764V13.1764ZM7.99967 27.1073H96.0003V75.9619H66.7028C65.5809 75.9619 64.6715 76.8715 64.6715 77.9931C64.6715 79.2905 63.6161 80.3459 62.3187 80.3459H41.6812C40.3839 80.3459 39.3285 79.2905 39.3285 77.9931C39.3285 76.8715 38.4191 75.9619 37.2972 75.9619H7.99967V27.1073ZM99.9375 85.5912C99.9375 88.4764 97.5902 90.8237 94.7052 90.8237H9.2948C6.40961 90.8237 4.0625 88.4764 4.0625 85.5912V80.0244H35.5954C36.4471 82.5691 38.8533 84.4084 41.681 84.4084H62.3187C65.1465 84.4084 67.5529 82.5691 68.4044 80.0244H99.9375V85.5912Z" fill="black"/>
<path d="M50.859 19.902H53.1409C54.2628 19.902 55.1722 18.9924 55.1722 17.8708C55.1722 16.7491 54.2628 15.8395 53.1409 15.8395H50.859C49.7371 15.8395 48.8278 16.7491 48.8278 17.8708C48.8278 18.9924 49.7371 19.902 50.859 19.902Z" fill="black"/>
<path d="M55.3624 55.2268H87.9032V65.4397H55.3624V55.2268Z" fill="#00C8FF"/>
<path d="M55.3624 37.4569H87.9032V47.6698H55.3624V37.4569Z" fill="#00C8FF"/>
</g>
<defs>
<clipPath id="clip0_2_133">
<rect width="102" height="103" fill="white"/>
<clipPath id="clip0_2_189">
<rect width="104" height="104" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -0,0 +1,14 @@
<svg width="104" height="104" viewBox="0 0 104 104" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_171)">
<path d="M103.987 22.5076C103.985 19.1036 101.215 16.3332 97.8102 16.3318L15.7284 16.3236H15.7255C14.077 16.3236 12.5271 16.9655 11.3616 18.131C10.1954 19.2972 9.55357 20.8478 9.55418 22.4974L9.5552 26.032L6.17418 26.0316H6.17134C4.52278 26.0316 2.97273 26.6735 1.8074 27.839C0.641262 29.0055 -0.000612756 30.5562 -3.38121e-06 32.2058L0.0134029 81.4924C0.0146216 84.8964 2.78504 87.6668 6.18982 87.6682L88.2716 87.6762H88.2745C89.923 87.6762 91.4729 87.0343 92.6384 85.8688C93.8045 84.7026 94.4464 83.152 94.4458 81.5024L94.4448 77.9678L97.8258 77.968H97.8287C99.4772 77.968 101.027 77.3261 102.193 76.1606C103.359 74.9945 104.001 73.4438 104 71.7942L103.987 22.5076ZM89.7656 82.9962C89.3673 83.3945 88.8377 83.6137 88.2743 83.6137C88.2737 83.6135 88.273 83.6135 88.2726 83.6137L6.19084 83.6057C5.02511 83.6051 4.07631 82.6565 4.0759 81.491L4.0625 32.2044C4.06229 31.6405 4.28167 31.1103 4.68 30.7118C5.07832 30.3135 5.60787 30.0943 6.17215 30.0943H6.17317L88.2548 30.1022C89.4205 30.1028 90.3693 31.0516 90.3697 32.2169L90.3831 81.5036C90.3833 82.0675 90.1641 82.5976 89.7656 82.9962V82.9962ZM99.32 73.288C98.9217 73.6863 98.3921 73.9055 97.8278 73.9055H97.8268L94.4436 73.9053L94.4322 32.2157C94.431 28.8118 91.6604 26.0411 88.2558 26.0399L13.6177 26.0326L13.6167 22.4962C13.6165 21.9323 13.8359 21.4022 14.2342 21.0036C14.6325 20.6053 15.1621 20.3861 15.7263 20.3861H15.7272L97.8089 20.3941C98.9747 20.3947 99.9235 21.3433 99.9239 22.5088L99.9375 71.7954C99.9377 72.3593 99.7183 72.8895 99.32 73.288V73.288Z" fill="black"/>
<path d="M78.2518 76.5467C78.2508 73.7487 80.5181 71.4814 83.3159 71.4826L83.3104 42.2304C80.5124 42.2294 78.2433 39.9603 78.2422 37.1623H16.1941C16.1951 39.9603 13.9278 42.2276 11.13 42.2264L11.1354 71.4786C13.9335 71.4796 16.2026 73.7487 16.2036 76.5467H78.2518Z" fill="#00C8FF"/>
<path d="M72.2577 54.9496H65.6194C64.4975 54.9496 63.5881 55.8592 63.5881 56.9808C63.5881 58.1025 64.4975 59.0121 65.6194 59.0121H72.2577C73.3796 59.0121 74.289 58.1025 74.289 56.9808C74.289 55.859 73.3796 54.9496 72.2577 54.9496Z" fill="white"/>
<path d="M29.1089 54.9496H22.4706C21.3487 54.9496 20.4393 55.8592 20.4393 56.9808C20.4393 58.1025 21.3487 59.0121 22.4706 59.0121H29.1089C30.2308 59.0121 31.1402 58.1025 31.1402 56.9808C31.1402 55.859 30.2308 54.9496 29.1089 54.9496Z" fill="white"/>
<path d="M51.7563 60.5843C52.5408 60.5843 53.1161 60.7407 53.4821 61.0535C53.8482 61.3664 54.0313 61.8357 54.0313 62.4614C54.0313 63.7475 53.2729 64.3906 51.7563 64.3906H42.6828C41.1662 64.3906 40.4079 63.7475 40.4079 62.4614C40.4079 61.8357 40.5909 61.3664 40.957 61.0535C41.3231 60.7407 41.8983 60.5843 42.6828 60.5843H44.8008V51.1726L42.7089 52.3979C42.4126 52.5717 42.1075 52.6587 41.7937 52.6587C41.3056 52.6587 40.8872 52.4501 40.5386 52.0329C40.1899 51.5984 40.0156 51.1205 40.0156 50.599C40.0156 49.8864 40.3207 49.3476 40.9308 48.9826L45.1146 46.558C45.8816 46.1235 46.6051 45.9062 47.2849 45.9062C47.9822 45.9062 48.5401 46.1148 48.9584 46.532C49.3942 46.9491 49.6121 47.514 49.6121 48.2266V60.5843H51.7563Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_2_171">
<rect width="104" height="104" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

12
src/assets/svg/sacola.svg Normal file
View File

@ -0,0 +1,12 @@
<svg width="102" height="103" viewBox="0 0 102 103" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_133)">
<path d="M63.7912 95.3056H18.2303V26.7631H28.9V37.1243C28.9 38.2353 29.7919 39.136 30.8922 39.136C31.9923 39.136 32.8844 38.2353 32.8844 37.1243V26.7631H60.2063V37.1243C60.2063 38.2353 61.0984 39.136 62.1985 39.136C63.2985 39.136 64.1906 38.2353 64.1906 37.1243V26.7631H74.5273V48.0779H78.5117V24.7514C78.5117 23.6403 77.6196 22.7397 76.5195 22.7397H64.1906V17.7287C64.1906 7.95313 56.2751 0 46.5454 0C44.3154 0 42.1806 0.417834 40.2145 1.17967C38.2484 0.417834 36.1135 0 33.8835 0C24.1537 0 16.2381 7.95313 16.2381 17.7287V22.7395H3.90924C2.80915 22.7395 1.91705 23.6401 1.91705 24.7512V89.7613C1.91705 95.0368 6.17416 99.3288 11.4068 99.3288H69.8044C67.8365 98.2564 65.7517 96.925 63.7912 95.3056ZM46.5454 4.02344C54.0781 4.02344 60.2063 10.1717 60.2063 17.7287V22.7395H51.5287V17.7287C51.5287 12.2528 49.045 7.34901 45.1501 4.09425C45.6089 4.04758 46.0745 4.02344 46.5454 4.02344ZM40.2145 5.58614C44.5682 7.8801 47.5445 12.4624 47.5445 17.7289V22.7397H32.8844V17.7287C32.8844 12.4622 35.8607 7.8801 40.2145 5.58614ZM20.2225 17.7287C20.2225 10.1717 26.3508 4.02344 33.8835 4.02344C34.3544 4.02344 34.8198 4.04738 35.2786 4.09445C31.3837 7.34901 28.8998 12.253 28.8998 17.7289V22.7397H20.2223V17.7287H20.2225ZM14.2459 95.3056H11.4068C8.37114 95.3056 5.90143 92.8185 5.90143 89.7615V26.7631H14.2459V95.3056Z" fill="black"/>
<path d="M93.7992 54.7374C87.7766 54.7374 82.582 51.191 80.165 46.0659H73.082C70.6651 51.1908 65.4705 54.7374 59.4479 54.7374C57.2051 54.7374 55.0772 54.2452 53.1641 53.3634V78.4196C53.1641 96.7462 76.6235 103 76.6235 103C76.6235 103 100.083 96.7462 100.083 78.4196V53.3634C98.1698 54.2452 96.0418 54.7374 93.7992 54.7374Z" fill="#00C8FF"/>
<path d="M75.8532 81.6053C75.328 81.6053 74.8228 81.3957 74.4487 81.0201L70.1193 76.673C69.3389 75.8894 69.3353 74.6158 70.1113 73.828C70.8868 73.04 72.1483 73.0364 72.9286 73.82L75.7249 76.6275L82.99 67.9301C83.6996 67.0807 84.9563 66.9733 85.7972 67.6895C86.6383 68.4058 86.7451 69.675 86.0354 70.5244L77.3762 80.891C77.0172 81.3207 76.4968 81.579 75.9406 81.6035C75.9113 81.6047 75.8825 81.6053 75.8532 81.6053Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_2_133">
<rect width="102" height="103" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB