Add logo, settings and logout icons

This commit is contained in:
Hazem Krimi
2021-04-28 21:24:00 +01:00
parent 63af717335
commit f975f7a232
5 changed files with 76 additions and 6 deletions
+14 -4
View File
@@ -1,5 +1,15 @@
<svg width="27" height="32" viewBox="0 0 27 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4576 0L0 7.8692V23.6212L13.4576 31.4903L26.9151 23.6212V7.8692L13.4576 0ZM24.5277 22.2285L13.4576 28.705L2.38742 22.2285V9.26186L13.4576 2.78532L24.5277 9.26186V22.2285Z" fill="#5F6CAD"/>
<path d="M13.4575 6.09473L4.98413 11.1772V21.3287L13.4575 26.4111L21.9307 21.3287V11.1772L13.4575 6.09473ZM19.6361 19.9583L14.5983 22.9785L13.4575 23.6703L12.3165 22.9785L7.27872 19.9583V12.5475L8.41959 11.8557L13.4575 8.83551L18.4952 11.8557L19.6361 12.5475V19.9583Z" fill="#5F6CAD"/>
<path d="M18.6921 12.7839L17.7735 12.3191L17.5109 12.1899L17.2485 12.3191L13.4719 14.2561L9.69524 12.3191L9.43277 12.1899L9.1703 12.3191L8.23708 12.7839L7.97461 12.9131V13.1842V14.1269V14.398L8.23708 14.5272L12.0137 16.4641V20.3381V20.6093L12.2762 20.7383L13.1949 21.2032L13.4573 21.3323L13.7198 21.2032L14.6384 20.7383L14.9008 20.6093V20.3381V16.4641L18.6775 14.5272L18.94 14.398V14.1269V13.1842V12.9131L18.6921 12.7839ZM8.49954 13.1842L9.41819 12.7194L8.49954 13.1842ZM18.4296 13.1842L17.5109 12.7194L18.4296 13.1842Z" fill="#5F6CAD"/>
<svg width="100" height="22" viewBox="0 0 100 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path className='logo-icon' d="M9.28111 0L0 5.42704V16.2905L9.28111 21.7175L18.5621 16.2905V5.42704L9.28111 0ZM16.9156 15.33L9.28111 19.7966L1.6465 15.33V6.3875L9.28111 1.92091L16.9156 6.3875V15.33Z" fill="#5F6CAD"/>
<path className='logo-icon' d="M9.28093 4.20337L3.43726 7.7085V14.7096L9.28093 18.2147L15.1245 14.7096V7.7085L9.28093 4.20337ZM13.5421 13.7645L10.0677 15.8474L9.28093 16.3245L8.49409 15.8474L5.01973 13.7645V8.6536L5.80654 8.17646L9.28093 6.09357L12.7553 8.17646L13.5421 8.6536V13.7645Z" fill="#5F6CAD"/>
<path className='logo-icon' d="M12.8911 8.81615L12.2576 8.49555L12.0765 8.40649L11.8956 8.49555L9.29098 9.83141L6.6864 8.49555L6.50538 8.40649L6.32437 8.49555L5.68077 8.81615L5.49976 8.90521V9.09222V9.74231V9.92932L5.68077 10.0184L8.28535 11.3542V14.0259V14.2129L8.46636 14.3019L9.09995 14.6226L9.28091 14.7116L9.46196 14.6226L10.0955 14.3019L10.2765 14.2129V14.0259V11.3542L12.8811 10.0184L13.0621 9.92932V9.74231V9.09222V8.90521L12.8911 8.81615ZM5.86178 9.09222L6.49533 8.77162L5.86178 9.09222ZM12.7101 9.09222L12.0765 8.77162L12.7101 9.09222Z" fill="#5F6CAD"/>
<path d="M26.8118 12.0504C26.8118 11.2341 26.9608 10.5175 27.2589 9.90055C27.5662 9.2836 27.9807 8.80902 28.5023 8.47682C29.0239 8.14462 29.6061 7.97852 30.2488 7.97852C30.7983 7.97852 31.278 8.09241 31.6878 8.32021C32.107 8.54801 32.4283 8.84699 32.6519 9.21716V8.09241H35.041V16.0368H32.6519V14.9121C32.419 15.2822 32.093 15.5812 31.6739 15.809C31.264 16.0368 30.7843 16.1507 30.2348 16.1507C29.6014 16.1507 29.0239 15.9846 28.5023 15.6524C27.9807 15.3107 27.5662 14.8314 27.2589 14.2144C26.9608 13.588 26.8118 12.8666 26.8118 12.0504ZM32.6519 12.0646C32.6519 11.4572 32.4842 10.9778 32.1489 10.6266C31.8229 10.2755 31.4224 10.0999 30.9473 10.0999C30.4723 10.0999 30.0671 10.2755 29.7318 10.6266C29.4058 10.9683 29.2428 11.4429 29.2428 12.0504C29.2428 12.6578 29.4058 13.1419 29.7318 13.5026C30.0671 13.8538 30.4723 14.0294 30.9473 14.0294C31.4224 14.0294 31.8229 13.8538 32.1489 13.5026C32.4842 13.1514 32.6519 12.6721 32.6519 12.0646Z" fill="black"/>
<path d="M39.941 16.1507C39.2611 16.1507 38.6556 16.0321 38.1247 15.7948C37.5938 15.5575 37.1747 15.2348 36.8673 14.8266C36.5599 14.409 36.3876 13.9439 36.3503 13.4314H38.7115C38.7395 13.7066 38.8652 13.9297 39.0888 14.1005C39.3123 14.2714 39.5871 14.3568 39.9131 14.3568C40.2111 14.3568 40.4393 14.2999 40.5977 14.186C40.7653 14.0626 40.8492 13.906 40.8492 13.7161C40.8492 13.4883 40.7327 13.3222 40.4999 13.2178C40.267 13.1039 39.8898 12.9805 39.3682 12.8477C38.8093 12.7148 38.3436 12.5772 37.971 12.4348C37.5985 12.2829 37.2771 12.0504 37.007 11.7372C36.7369 11.4144 36.6018 10.9826 36.6018 10.4416C36.6018 9.98597 36.7229 9.57309 36.9651 9.20292C37.2166 8.82326 37.5798 8.52428 38.0549 8.30597C38.5392 8.08767 39.112 7.97852 39.7734 7.97852C40.7514 7.97852 41.5198 8.2253 42.0787 8.71885C42.6468 9.21241 42.9728 9.86733 43.0567 10.6836H40.8492C40.8119 10.4083 40.6908 10.19 40.4859 10.0287C40.2903 9.86733 40.0295 9.78665 39.7035 9.78665C39.4241 9.78665 39.2098 9.8436 39.0608 9.9575C38.9118 10.0619 38.8373 10.209 38.8373 10.3989C38.8373 10.6266 38.9537 10.7975 39.1866 10.9114C39.4287 11.0253 39.8013 11.1392 40.3043 11.2531C40.8818 11.405 41.3521 11.5568 41.7154 11.7087C42.0787 11.8511 42.3953 12.0883 42.6655 12.4205C42.9449 12.7433 43.0893 13.1799 43.0986 13.7304C43.0986 14.1955 42.9682 14.6131 42.7074 14.9833C42.4559 15.3439 42.088 15.6287 41.6036 15.8375C41.1286 16.0463 40.5744 16.1507 39.941 16.1507Z" fill="black"/>
<path d="M48.9055 13.9725V16.0369H47.69C46.8238 16.0369 46.1485 15.8234 45.6641 15.3962C45.1798 14.9596 44.9376 14.2525 44.9376 13.2749V10.1142H43.9875V8.09252H44.9376V6.15625H47.3267V8.09252H48.8915V10.1142H47.3267V13.3034C47.3267 13.5406 47.3826 13.7115 47.4944 13.8159C47.6062 13.9203 47.7924 13.9725 48.0532 13.9725H48.9055Z" fill="black"/>
<path d="M52.6252 9.41633C52.9046 8.97972 53.2539 8.63802 53.6731 8.39124C54.0922 8.13497 54.5579 8.00684 55.0702 8.00684V10.5838H54.4136C53.8174 10.5838 53.3704 10.7167 53.0723 10.9824C52.7742 11.2387 52.6252 11.6943 52.6252 12.3492V16.0367H50.2361V8.09226H52.6252V9.41633Z" fill="black"/>
<path d="M59.7611 16.1507C58.9973 16.1507 58.3081 15.9846 57.6933 15.6524C57.0879 15.3202 56.6082 14.8456 56.2543 14.2287C55.9096 13.6117 55.7373 12.8904 55.7373 12.0646C55.7373 11.2483 55.9143 10.5317 56.2682 9.91479C56.6222 9.28835 57.1065 8.80902 57.7213 8.47682C58.336 8.14462 59.0253 7.97852 59.789 7.97852C60.5528 7.97852 61.2421 8.14462 61.8568 8.47682C62.4716 8.80902 62.9559 9.28835 63.3099 9.91479C63.6638 10.5317 63.8408 11.2483 63.8408 12.0646C63.8408 12.8809 63.6591 13.6022 63.2959 14.2287C62.9419 14.8456 62.4529 15.3202 61.8289 15.6524C61.2141 15.9846 60.5249 16.1507 59.7611 16.1507ZM59.7611 14.0436C60.2175 14.0436 60.604 13.8727 60.9207 13.5311C61.2467 13.1894 61.4097 12.7005 61.4097 12.0646C61.4097 11.4287 61.2514 10.9399 60.9347 10.5982C60.6273 10.2565 60.2454 10.0856 59.789 10.0856C59.3233 10.0856 58.9368 10.2565 58.6294 10.5982C58.322 10.9304 58.1683 11.4192 58.1683 12.0646C58.1683 12.7005 58.3174 13.1894 58.6154 13.5311C58.9228 13.8727 59.3047 14.0436 59.7611 14.0436Z" fill="black"/>
<path d="M67.4975 9.21739C67.7211 8.84722 68.0424 8.54824 68.4616 8.32044C68.8807 8.09265 69.3604 7.97875 69.9006 7.97875C70.5433 7.97875 71.1255 8.14485 71.6471 8.47705C72.1687 8.80926 72.5785 9.28383 72.8766 9.90078C73.1839 10.5177 73.3376 11.2343 73.3376 12.0506C73.3376 12.8669 73.1839 13.5882 72.8766 14.2147C72.5785 14.8316 72.1687 15.3109 71.6471 15.6526C71.1255 15.9848 70.5433 16.1509 69.9006 16.1509C69.3511 16.1509 68.8714 16.0418 68.4616 15.8235C68.0517 15.5957 67.7304 15.2967 67.4975 14.9265V16.037H65.1084V5.50146H67.4975V9.21739ZM70.9066 12.0506C70.9066 11.4432 70.7389 10.9686 70.4036 10.6269C70.0776 10.2757 69.6724 10.1001 69.1881 10.1001C68.713 10.1001 68.3079 10.2757 67.9726 10.6269C67.6466 10.9781 67.4836 11.4574 67.4836 12.0648C67.4836 12.6723 67.6466 13.1516 67.9726 13.5028C68.3079 13.854 68.713 14.0296 69.1881 14.0296C69.6631 14.0296 70.0683 13.854 70.4036 13.5028C70.7389 13.1421 70.9066 12.6581 70.9066 12.0506Z" fill="black"/>
<path d="M82.289 8.09229V16.0367H79.9V14.9546C79.6578 15.3058 79.3272 15.5906 78.908 15.8089C78.4982 16.0177 78.0418 16.1221 77.5388 16.1221C76.9427 16.1221 76.4165 15.9892 75.9601 15.7235C75.5037 15.4482 75.1497 15.0543 74.8982 14.5418C74.6467 14.0292 74.521 13.4265 74.521 12.7336V8.09229H76.8961V12.4062C76.8961 12.9377 77.0312 13.3506 77.3013 13.6448C77.5714 13.9391 77.9347 14.0862 78.3911 14.0862C78.8568 14.0862 79.2247 13.9391 79.4948 13.6448C79.765 13.3506 79.9 12.9377 79.9 12.4062V8.09229H82.289Z" fill="black"/>
<path d="M85.2066 7.26671C84.7874 7.26671 84.4428 7.14332 84.1727 6.89654C83.9119 6.64027 83.7815 6.32705 83.7815 5.95688C83.7815 5.57722 83.9119 5.264 84.1727 5.01722C84.4428 4.76095 84.7874 4.63281 85.2066 4.63281C85.6164 4.63281 85.9517 4.76095 86.2125 5.01722C86.4826 5.264 86.6177 5.57722 86.6177 5.95688C86.6177 6.32705 86.4826 6.64027 86.2125 6.89654C85.9517 7.14332 85.6164 7.26671 85.2066 7.26671ZM86.3942 8.09247V16.0369H84.005V8.09247H86.3942Z" fill="black"/>
<path d="M90.5149 5.50146V16.037H88.1257V5.50146H90.5149Z" fill="black"/>
<path d="M91.7708 12.0506C91.7708 11.2343 91.9198 10.5177 92.2178 9.90078C92.5252 9.28383 92.9397 8.80926 93.4613 8.47705C93.9829 8.14485 94.5651 7.97875 95.2077 7.97875C95.72 7.97875 96.1857 8.0879 96.6049 8.30621C97.0333 8.52451 97.3687 8.81875 97.6108 9.18892V5.50146H100V16.037H97.6108V14.8981C97.3873 15.2777 97.0659 15.5815 96.6468 15.8092C96.237 16.037 95.7573 16.1509 95.2077 16.1509C94.5651 16.1509 93.9829 15.9848 93.4613 15.6526C92.9397 15.3109 92.5252 14.8316 92.2178 14.2147C91.9198 13.5882 91.7708 12.8669 91.7708 12.0506ZM97.6108 12.0648C97.6108 11.4574 97.4432 10.9781 97.1079 10.6269C96.7819 10.2757 96.3813 10.1001 95.9063 10.1001C95.4313 10.1001 95.0261 10.2757 94.6908 10.6269C94.3648 10.9686 94.2018 11.4432 94.2018 12.0506C94.2018 12.6581 94.3648 13.1421 94.6908 13.5028C95.0261 13.854 95.4313 14.0296 95.9063 14.0296C96.3813 14.0296 96.7819 13.854 97.1079 13.5028C97.4432 13.1516 97.6108 12.6723 97.6108 12.0648Z" fill="black"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB

+5
View File
@@ -0,0 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 19H3C2.46957 19 1.96086 18.7893 1.58579 18.4142C1.21071 18.0391 1 17.5304 1 17V3C1 2.46957 1.21071 1.96086 1.58579 1.58579C1.96086 1.21071 2.46957 1 3 1H7" stroke="#F03738" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14 15L19 10L14 5" stroke="#F03738" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19 10H7" stroke="#F03738" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 516 B

+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.4 15C19.2669 15.3016 19.2272 15.6362 19.286 15.9606C19.3448 16.285 19.4995 16.5843 19.73 16.82L19.79 16.88C19.976 17.0657 20.1235 17.2863 20.2241 17.5291C20.3248 17.7719 20.3766 18.0322 20.3766 18.295C20.3766 18.5578 20.3248 18.8181 20.2241 19.0609C20.1235 19.3037 19.976 19.5243 19.79 19.71C19.6043 19.896 19.3837 20.0435 19.1409 20.1441C18.8981 20.2448 18.6378 20.2966 18.375 20.2966C18.1122 20.2966 17.8519 20.2448 17.6091 20.1441C17.3663 20.0435 17.1457 19.896 16.96 19.71L16.9 19.65C16.6643 19.4195 16.365 19.2648 16.0406 19.206C15.7162 19.1472 15.3816 19.1869 15.08 19.32C14.7842 19.4468 14.532 19.6572 14.3543 19.9255C14.1766 20.1938 14.0813 20.5082 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0723 20.579 9.96512 20.258 9.77251 19.9887C9.5799 19.7194 9.31074 19.5143 9 19.4C8.69838 19.2669 8.36381 19.2272 8.03941 19.286C7.71502 19.3448 7.41568 19.4995 7.18 19.73L7.12 19.79C6.93425 19.976 6.71368 20.1235 6.47088 20.2241C6.22808 20.3248 5.96783 20.3766 5.705 20.3766C5.44217 20.3766 5.18192 20.3248 4.93912 20.2241C4.69632 20.1235 4.47575 19.976 4.29 19.79C4.10405 19.6043 3.95653 19.3837 3.85588 19.1409C3.75523 18.8981 3.70343 18.6378 3.70343 18.375C3.70343 18.1122 3.75523 17.8519 3.85588 17.6091C3.95653 17.3663 4.10405 17.1457 4.29 16.96L4.35 16.9C4.58054 16.6643 4.73519 16.365 4.794 16.0406C4.85282 15.7162 4.81312 15.3816 4.68 15.08C4.55324 14.7842 4.34276 14.532 4.07447 14.3543C3.80618 14.1766 3.49179 14.0813 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.42099 10.0723 3.742 9.96512 4.0113 9.77251C4.28059 9.5799 4.48572 9.31074 4.6 9C4.73312 8.69838 4.77282 8.36381 4.714 8.03941C4.65519 7.71502 4.50054 7.41568 4.27 7.18L4.21 7.12C4.02405 6.93425 3.87653 6.71368 3.77588 6.47088C3.67523 6.22808 3.62343 5.96783 3.62343 5.705C3.62343 5.44217 3.67523 5.18192 3.77588 4.93912C3.87653 4.69632 4.02405 4.47575 4.21 4.29C4.39575 4.10405 4.61632 3.95653 4.85912 3.85588C5.10192 3.75523 5.36217 3.70343 5.625 3.70343C5.88783 3.70343 6.14808 3.75523 6.39088 3.85588C6.63368 3.95653 6.85425 4.10405 7.04 4.29L7.1 4.35C7.33568 4.58054 7.63502 4.73519 7.95941 4.794C8.28381 4.85282 8.61838 4.81312 8.92 4.68H9C9.29577 4.55324 9.54802 4.34276 9.72569 4.07447C9.90337 3.80618 9.99872 3.49179 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0013 3.41179 14.0966 3.72618 14.2743 3.99447C14.452 4.26276 14.7042 4.47324 15 4.6C15.3016 4.73312 15.6362 4.77282 15.9606 4.714C16.285 4.65519 16.5843 4.50054 16.82 4.27L16.88 4.21C17.0657 4.02405 17.2863 3.87653 17.5291 3.77588C17.7719 3.67523 18.0322 3.62343 18.295 3.62343C18.5578 3.62343 18.8181 3.67523 19.0609 3.77588C19.3037 3.87653 19.5243 4.02405 19.71 4.21C19.896 4.39575 20.0435 4.61632 20.1441 4.85912C20.2448 5.10192 20.2966 5.36217 20.2966 5.625C20.2966 5.88783 20.2448 6.14808 20.1441 6.39088C20.0435 6.63368 19.896 6.85425 19.71 7.04L19.65 7.1C19.4195 7.33568 19.2648 7.63502 19.206 7.95941C19.1472 8.28381 19.1869 8.61838 19.32 8.92V9C19.4468 9.29577 19.6572 9.54802 19.9255 9.72569C20.1938 9.90337 20.5082 9.99872 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.5882 14.0013 20.2738 14.0966 20.0055 14.2743C19.7372 14.452 19.5268 14.7042 19.4 15V15Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 3.9 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 45 KiB

+18 -2
View File
@@ -3,9 +3,25 @@ import { ReactComponent as Upload } from './icons/upload.svg';
import { ReactComponent as ChevronDown } from './icons/chevron-down.svg';
import { ReactComponent as Search } from './icons/search.svg';
import { ReactComponent as Check } from './icons/check.svg';
import { ReactComponent as Google } from './icons/google.svg';
import { ReactComponent as Settings } from './icons/settings.svg';
import { ReactComponent as Logout } from './icons/logout.svg';
import { ReactComponent as Logo } from './icons/logo.svg';
import { ReactComponent as Login } from './images/login.svg';
import { ReactComponent as Signup } from './images/signup.svg';
import { ReactComponent as Google } from './icons/google.svg';
import { ReactComponent as Empty } from './images/empty.svg';
export { Add, Upload, ChevronDown, Search, Check, Logo, Login, Signup, Google };
export {
Add,
Upload,
ChevronDown,
Search,
Check,
Google,
Settings,
Logout,
Logo,
Login,
Signup,
Empty,
};