MateusLopes/desafio-react-e-typescript-mateus-lopes
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adicionando imagens e icones

Browse Source
This commit is contained in:
Mateus Antonio Rodrigues Lopes 2022-12-30 18:07:30 -03:00
parent 0c351a3524
commit cab470594e
18 changed files with 67 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/imgs/icon-m3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 426 B

BIN
src/assets/imgs/logo-boleto.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 768 B

BIN
src/assets/imgs/logo-diners.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
src/assets/imgs/logo-elo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 865 B

BIN
src/assets/imgs/logo-hiper.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 744 B

BIN
src/assets/imgs/logo-m3-academy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
src/assets/imgs/logo-master.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 684 B

BIN
src/assets/imgs/logo-pagseguro.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 834 B

BIN
src/assets/imgs/logo-visa.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 952 B

BIN
src/assets/imgs/logo-vtex-pci-200.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
src/assets/imgs/logo-vtex.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 554 B

12
src/assets/svgs/icon-cart.svg Normal file
View File

@ -0,0 +1,12 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3715_5418)">
<path d="M27.823 4.07236C27.6697 3.88079 27.4377 3.76928 27.1923 3.76928H5.69581L5.09469 1.16451C5.01009 0.798054 4.68377 0.538452 4.30768 0.538452H0.80768C0.361648 0.538452 0 0.9001 0 1.34619C0 1.79227 0.361648 2.15387 0.80768 2.15387H3.66516L7.7455 19.8355C7.83005 20.2019 8.15642 20.4615 8.53251 20.4615H24.7154C25.1614 20.4615 25.523 20.0999 25.523 19.6539C25.523 19.2078 25.1614 18.8462 24.7154 18.8462H9.17509L8.55384 16.1539H24.7693C25.1471 16.1539 25.4744 15.892 25.5573 15.5235L27.9803 4.75426C28.0342 4.51483 27.9763 4.26398 27.823 4.07236Z" fill="white"/>
<path d="M11.8462 21.5385C10.2132 21.5385 8.88464 22.867 8.88464 24.5C8.88464 26.133 10.2132 27.4615 11.8462 27.4615C13.4792 27.4615 14.8077 26.133 14.8077 24.5C14.8077 22.867 13.4792 21.5385 11.8462 21.5385Z" fill="white"/>
<path d="M21.5385 21.5385C19.9055 21.5385 18.5769 22.867 18.5769 24.5C18.5769 26.133 19.9054 27.4615 21.5385 27.4615C23.1714 27.4615 24.5 26.133 24.5 24.5C24.5 22.867 23.1715 21.5385 21.5385 21.5385Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_3715_5418">
<rect width="28" height="28" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

11
src/assets/svgs/icon-facebook.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3403_1237)">
<path d="M19.927 28.063V18.9297H22.9848L23.4436 15.3692H19.927V13.0964C19.927 12.0659 20.2113 11.3636 21.6876 11.3636L23.5674 11.3628V8.17825C23.2423 8.13591 22.1264 8.03885 20.8276 8.03885C18.1156 8.03885 16.2589 9.69781 16.2589 12.7438V15.3692H13.1917V18.9297H16.2589V28.063H19.927Z" fill="#303030"/>
</g>
<circle cx="18.2142" cy="17.8641" r="16.8641" stroke="#303030" stroke-width="2"/>
<defs>
<clipPath id="clip0_3403_1237">
<rect width="19.9812" height="20.0241" fill="white" transform="translate(8.38892 8.03883)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 683 B

10
src/assets/svgs/icon-home.svg Normal file
View File

@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_306)">
<path d="M15.8326 7.59562L14.6903 6.4533L8.40431 0.167326C8.18118 -0.0557753 7.81942 -0.0557753 7.59628 0.167326L1.31028 6.4533L0.167381 7.59623C-0.0518699 7.82324 -0.0456085 8.185 0.18141 8.40425C0.402871 8.61814 0.753946 8.61814 0.975407 8.40425L1.14226 8.23623V15.4285C1.14226 15.7442 1.3981 16 1.71372 16H14.2857C14.6013 16 14.8572 15.7442 14.8572 15.4285V8.23623L15.0246 8.40368C15.2516 8.62293 15.6134 8.61664 15.8326 8.38965C16.0465 8.16819 16.0465 7.81708 15.8326 7.59562ZM9.71409 14.8571H6.28537V10.2855H9.71409V14.8571ZM13.7142 14.8571H10.857V9.71403C10.857 9.39841 10.6011 9.14256 10.2855 9.14256H5.7139C5.39829 9.14256 5.14244 9.39841 5.14244 9.71403V14.8571H2.28518V7.09334L7.99969 1.3788L13.7142 7.09334V14.8571Z" fill="#C4C4C4"/>
</g>
<defs>
<clipPath id="clip0_1_306">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 986 B

13
src/assets/svgs/icon-instagram.svg Normal file
View File

@ -0,0 +1,13 @@
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3403_1249)">
<path d="M22.6394 8.03883H13.6533C10.6016 8.03883 8.1189 10.5178 8.1189 13.5647V22.5369C8.1189 25.584 10.6016 28.0628 13.6533 28.0628H22.6394C25.6913 28.0628 28.1741 25.5838 28.1741 22.5369V13.5647C28.1742 10.5178 25.6913 8.03883 22.6394 8.03883ZM26.3948 22.5369C26.3948 24.6043 24.7102 26.2862 22.6396 26.2862H13.6533C11.5828 26.2863 9.89829 24.6043 9.89829 22.5369V13.5647C9.89829 11.4975 11.5828 9.81546 13.6533 9.81546H22.6394C24.7101 9.81546 26.3947 11.4975 26.3947 13.5647V22.5369H26.3948Z" fill="#303030"/>
<path d="M18.1465 12.8914C15.297 12.8914 12.9788 15.206 12.9788 18.0511C12.9788 20.8961 15.297 23.2106 18.1465 23.2106C20.996 23.2106 23.3142 20.8961 23.3142 18.0511C23.3142 15.206 20.996 12.8914 18.1465 12.8914ZM18.1465 21.4338C16.2782 21.4338 14.7582 19.9163 14.7582 18.051C14.7582 16.1856 16.2781 14.668 18.1465 14.668C20.0148 14.668 21.5348 16.1856 21.5348 18.051C21.5348 19.9163 20.0147 21.4338 18.1465 21.4338Z" fill="#303030"/>
<path d="M23.531 11.385C23.1881 11.385 22.8514 11.5236 22.6092 11.7664C22.3659 12.008 22.2261 12.3444 22.2261 12.6879C22.2261 13.0303 22.3661 13.3666 22.6092 13.6094C22.8512 13.851 23.1881 13.9908 23.531 13.9908C23.875 13.9908 24.2107 13.851 24.4539 13.6094C24.6971 13.3666 24.8358 13.0302 24.8358 12.6879C24.8358 12.3444 24.6971 12.008 24.4539 11.7664C24.2119 11.5236 23.875 11.385 23.531 11.385Z" fill="#303030"/>
</g>
<circle cx="17.9442" cy="17.8641" r="16.8641" stroke="#303030" stroke-width="2"/>
<defs>
<clipPath id="clip0_3403_1249">
<rect width="20.0553" height="20.0241" fill="white" transform="translate(8.1189 8.03883)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

13
src/assets/svgs/icon-linkedin.svg Normal file
View File

@ -0,0 +1,13 @@
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="18.1341" cy="17.8641" r="16.8641" stroke="#303030" stroke-width="2"/>
<g clip-path="url(#clip0_3403_1242)">
<path d="M13.9944 14.1474H10.7824C10.6398 14.1474 10.5243 14.2629 10.5243 14.4054V24.7243C10.5243 24.8669 10.6398 24.9824 10.7824 24.9824H13.9944C14.1369 24.9824 14.2524 24.8669 14.2524 24.7243V14.4054C14.2524 14.2629 14.1369 14.1474 13.9944 14.1474Z" fill="#303030"/>
<path d="M12.3896 9.0176C11.2208 9.0176 10.27 9.96738 10.27 11.1348C10.27 12.3028 11.2208 13.2529 12.3896 13.2529C13.5573 13.2529 14.5074 12.3027 14.5074 11.1348C14.5074 9.96738 13.5573 9.0176 12.3896 9.0176Z" fill="#303030"/>
<path d="M22.1644 13.8909C20.8743 13.8909 19.9207 14.4455 19.3423 15.0756V14.4054C19.3423 14.2629 19.2268 14.1474 19.0842 14.1474H16.0081C15.8656 14.1474 15.7501 14.2629 15.7501 14.4054V24.7243C15.7501 24.8669 15.8656 24.9824 16.0081 24.9824H19.2131C19.3557 24.9824 19.4712 24.8669 19.4712 24.7243V19.6189C19.4712 17.8984 19.9385 17.2282 21.1378 17.2282C22.4439 17.2282 22.5477 18.3027 22.5477 19.7074V24.7244C22.5477 24.8669 22.6632 24.9824 22.8058 24.9824H26.0119C26.1545 24.9824 26.27 24.8669 26.27 24.7244V19.0643C26.27 16.5061 25.7822 13.8909 22.1644 13.8909Z" fill="#303030"/>
</g>
<defs>
<clipPath id="clip0_3403_1242">
<rect width="16" height="16" fill="white" transform="translate(10.27 9)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

4
src/assets/svgs/icon-twitter.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="18.6741" cy="17.8641" r="16.8641" stroke="#303030" stroke-width="2"/>
<path d="M31.4254 10.3677C30.5101 10.7692 29.5347 11.0354 28.5178 11.1646C29.5639 10.54 30.3624 9.55846 30.7378 8.37538C29.7624 8.95692 28.6854 9.36769 27.5378 9.59692C26.6116 8.61077 25.2916 8 23.8516 8C21.0578 8 18.8085 10.2677 18.8085 13.0477C18.8085 13.4477 18.8424 13.8323 18.9254 14.1985C14.7301 13.9938 11.0178 11.9831 8.5239 8.92C8.08852 9.67538 7.83314 10.54 7.83314 11.4708C7.83314 13.2185 8.73314 14.7677 10.0747 15.6646C9.2639 15.6492 8.46852 15.4138 7.79467 15.0431C7.79467 15.0585 7.79467 15.0785 7.79467 15.0985C7.79467 17.5508 9.5439 19.5877 11.8378 20.0569C11.427 20.1692 10.9793 20.2231 10.5147 20.2231C10.1916 20.2231 9.86544 20.2046 9.55929 20.1369C10.2131 22.1354 12.0685 23.6046 14.2747 23.6523C12.5578 24.9954 10.3778 25.8046 8.01775 25.8046C7.6039 25.8046 7.20698 25.7862 6.81006 25.7354C9.04544 27.1769 11.6947 28 14.5516 28C23.8378 28 28.9147 20.3077 28.9147 13.64C28.9147 13.4169 28.907 13.2015 28.8962 12.9877C29.8978 12.2769 30.7393 11.3892 31.4254 10.3677Z" fill="#303030"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

4
src/assets/svgs/icon-youtube.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="18.4041" cy="17.8641" r="16.8641" stroke="#303030" stroke-width="2"/>
<path d="M28.9211 12.5036C28.6578 11.5246 27.8859 10.7529 26.9071 10.4893C25.1188 10 17.9657 10 17.9657 10C17.9657 10 10.8129 10 9.02469 10.4707C8.06467 10.7341 7.27397 11.5248 7.01064 12.5036C6.54004 14.2917 6.54004 18 6.54004 18C6.54004 18 6.54004 21.727 7.01064 23.4964C7.27425 24.4752 8.04584 25.247 9.02483 25.5106C10.8318 26 17.966 26 17.966 26C17.966 26 25.1188 26 26.9071 25.5293C27.8861 25.2658 28.6578 24.4941 28.9214 23.5152C29.3919 21.727 29.3919 18.0188 29.3919 18.0188C29.3919 18.0188 29.4107 14.2917 28.9211 12.5036ZM15.6884 21.4258V14.5742L21.6365 18L15.6884 21.4258Z" fill="#303030"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 787 B