Flex

fundamentals/css/flex Created with Sketch.
Скачать
<?xml version="1.0" encoding="UTF-8"?> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>fundamentals/css/flex</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/css/flex" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill-rule="nonzero"> <rect id="mask" stroke="#40515E" stroke-width="2" fill="#FFFFFF" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g id="strong" transform="translate(19.000000, 13.000000)"> <path d="M30.3258085,29.7194309 L30.2576035,29.6151032 L30.3623317,29.6924275 L30.3823769,28.0459009 C30.4527903,22.2254935 28.7784139,16.563678 27.3614837,12.8390836 C25.6926283,8.45166088 23.9046902,5.41989864 23.7288693,5.12586074 C23.6915816,4.91686237 23.3903926,3.5205681 21.9354103,2.91509005 C20.3106375,1.82903577 16.8570717,0 14.1619994,0 C13.0132173,0 12.0898599,0.327042157 11.4172385,0.971782409 C9.14252265,3.1510919 8.76845713,4.62411035 8.85526344,5.47596301 C8.93306634,6.24286187 9.37380793,6.67320306 9.59515551,6.84371075 L9.55931181,6.98927237 C9.45517822,7.41892776 9.56194488,8.30335605 11.4435691,9.40029745 C12.2902279,9.89407538 13.1114053,10.1341063 13.9544966,10.1341063 C15.0985222,10.1341063 16.0549204,9.67298974 16.8312507,9.29879865 C16.9561091,9.23853374 17.0775699,9.18015478 17.1955484,9.12563347 C17.4799197,8.99395935 17.7488324,8.98212926 17.9874223,9.09451517 C18.4589963,9.31645807 18.7572974,9.97868629 18.8583732,10.3250166 C18.749568,10.9412104 17.2127058,19.8677039 18.4404798,24.7231869 L18.4441322,24.7381031 C17.212451,24.1724016 15.9155376,23.8856504 14.5854137,23.8856504 C13.7464843,23.8856504 12.8813941,24.0004366 12.0145202,24.2267515 C9.97873404,24.7583343 8.54107898,25.7570345 8.21364425,25.9983513 C7.44461856,25.6269891 6.55311274,25.4386506 5.56231479,25.4386506 C5.00087677,25.4386506 4.40622812,25.4994298 3.79493168,25.6192738 L3,25.7749511 L3.12443369,26.5829123 C3.61630776,29.7685516 5.24481776,37.7054318 9.73215997,42.5916045 L10.1074146,43 L10.6276579,42.8153476 C11.7947864,42.4009514 12.850222,41.8517948 13.7642363,41.1828801 L15.1476161,40.1708067 C15.3069592,40.1783506 15.5372252,40.1858944 15.8232104,40.1858944 C18.0385548,40.1858944 23.3957437,39.7360936 25.5630134,35.5904163 C25.7939589,35.6386797 26.3258386,35.7323775 26.9737432,35.7323775 C28.8864546,35.7323775 30.2248176,34.9149007 30.7423428,33.4305665 C31.3121047,31.7962987 30.8303382,30.5104186 30.3258085,29.7194309 Z" id="SVGCleanerId_0" fill="#FCCC9A"> </path> <path d="M30.3258085,29.7194309 L30.2576035,29.6151032 L30.3623317,29.6924275 L30.3823769,28.0459009 C30.4527903,22.2254935 28.7784139,16.563678 27.3614837,12.8390836 C25.6926283,8.45166088 23.9046902,5.41989864 23.7288693,5.12586074 C23.6915816,4.91686237 23.3903926,3.5205681 21.9354103,2.91509005 C20.3106375,1.82903577 16.8570717,0 14.1619994,0 C13.0132173,0 12.0898599,0.327042157 11.4172385,0.971782409 C9.14252265,3.1510919 8.76845713,4.62411035 8.85526344,5.47596301 C8.93306634,6.24286187 9.37380793,6.67320306 9.59515551,6.84371075 L9.55931181,6.98927237 C9.45517822,7.41892776 9.56194488,8.30335605 11.4435691,9.40029745 C12.2902279,9.89407538 13.1114053,10.1341063 13.9544966,10.1341063 C15.0985222,10.1341063 16.0549204,9.67298974 16.8312507,9.29879865 C16.9561091,9.23853374 17.0775699,9.18015478 17.1955484,9.12563347 C17.4799197,8.99395935 17.7488324,8.98212926 17.9874223,9.09451517 C18.4589963,9.31645807 18.7572974,9.97868629 18.8583732,10.3250166 C18.749568,10.9412104 17.2127058,19.8677039 18.4404798,24.7231869 L18.4441322,24.7381031 C17.212451,24.1724016 15.9155376,23.8856504 14.5854137,23.8856504 C13.7464843,23.8856504 12.8813941,24.0004366 12.0145202,24.2267515 C9.97873404,24.7583343 8.54107898,25.7570345 8.21364425,25.9983513 C7.44461856,25.6269891 6.55311274,25.4386506 5.56231479,25.4386506 C5.00087677,25.4386506 4.40622812,25.4994298 3.79493168,25.6192738 L3,25.7749511 L3.12443369,26.5829123 C3.61630776,29.7685516 5.24481776,37.7054318 9.73215997,42.5916045 L10.1074146,43 L10.6276579,42.8153476 C11.7947864,42.4009514 12.850222,41.8517948 13.7642363,41.1828801 L15.1476161,40.1708067 C15.3069592,40.1783506 15.5372252,40.1858944 15.8232104,40.1858944 C18.0385548,40.1858944 23.3957437,39.7360936 25.5630134,35.5904163 C25.7939589,35.6386797 26.3258386,35.7323775 26.9737432,35.7323775 C28.8864546,35.7323775 30.2248176,34.9149007 30.7423428,33.4305665 C31.3121047,31.7962987 30.8303382,30.5104186 30.3258085,29.7194309 Z" id="SVGCleanerId_0_1_" fill="#FCCC9A"> </path> <g id="Group" opacity="0.19" transform="translate(9.000000, 0.000000)" fill="#202121"> <path d="M0.0701393443,5.19272834 C0.150852459,5.94346604 0.608079918,6.36473849 0.837706967,6.53165301 L0.800522541,6.67414715 C0.692493852,7.09474824 0.803254098,7.96053864 2.75526025,9.03436378 C3.63358811,9.51773614 4.48548156,9.75270882 5.36010861,9.75270882 C6.54692623,9.75270882 7.53909836,9.30130952 8.34446721,8.9350039 C8.4739959,8.87600898 8.6,8.81886027 8.72239139,8.7654879 C8.72952869,8.76229899 8.73648975,8.76003318 8.74362705,8.75726386 C8.35689139,8.84126659 7.98795492,8.88238681 7.62527459,8.88238681 C6.70271311,8.88238681 5.77997541,8.6213993 4.80357582,8.0838993 C3.50476434,7.3693306 3.07203279,6.85440476 2.93906762,6.6480484 C3.08516189,6.32731069 3.12313934,5.98013856 3.0446291,5.64379196 C2.93263525,5.16662959 2.63348566,4.77917642 2.19952049,4.54764442 C2.12929303,4.49620219 1.89596516,4.29815379 1.85322951,3.90222482 C1.81454713,3.54238095 1.89094262,2.29685792 4.06993238,0.0390222482 C3.5511127,0.197377049 3.10190369,0.445273224 2.7281209,0.783298205 C0.368231557,2.91685012 -0.0198258197,4.35882709 0.0701393443,5.19272834 Z" id="Shape"> </path> </g> <g id="Group" opacity="0.19" transform="translate(9.000000, 30.000000)" fill="#202121"> <path d="M3.97629903,3.93422587 C2.11669915,3.93422587 0.754412417,3.65883789 0.62645674,3.632051 C0.249462659,3.55294353 0.0131519429,3.20675046 0.0988517001,2.85891257 C0.184466606,2.51107468 0.559169702,2.29356831 0.935824378,2.37181421 C1.00200835,2.38559927 7.59919262,3.70645902 11.4139349,0.23168306 C11.6891075,-0.0187978142 12.1322007,-0.0160564663 12.4038095,0.237948998 C12.6751638,0.491797814 12.672194,0.90096357 12.3970214,1.15144444 C9.89110959,3.43396903 6.48238054,3.93422587 3.97629903,3.93422587 Z" id="Shape"> </path> </g> <g id="Group" opacity="0.19" transform="translate(23.000000, 13.000000)" fill="#202121"> <path d="M1.77533607,13.5252623 C1.73224795,13.5252623 1.68845492,13.5216264 1.64457377,13.5135755 C1.24946721,13.4431084 0.987502049,13.0713817 1.0594918,12.6832934 C2.22146107,6.40436583 0.0818586066,1.04332816 0.0600942623,0.990001726 C-0.0890840164,0.623901927 0.0922561475,0.208198159 0.464981557,0.0617236123 C0.837795082,-0.0847509347 1.2607459,0.0935809606 1.40983607,0.459767328 C1.50491189,0.69333017 3.72593238,6.25970923 2.48977049,12.9389313 C2.4258873,13.283562 2.11986475,13.5252623 1.77533607,13.5252623 Z" id="Shape"> </path> </g> <g id="Group" transform="translate(3.000000, 9.000000)" fill="#202121" opacity="0.19"> <path d="M15.6846269,16.9172775 L15.6852095,16.9174454 C15.863216,16.9639364 16.0234967,17.0105113 16.1651363,17.0547365 C16.4388452,17.0982904 16.7443439,17.075968 16.8333056,16.79484 C17.0049874,16.2525566 15.1201491,15.4054801 15.1201491,15.4054801 C13.9133833,14.8516998 12.6427049,14.5709914 11.3394877,14.5709914 C10.5175288,14.5709914 9.6699383,14.6833587 8.82060018,14.9049044 C6.82599545,15.4252849 5.41742236,16.4029391 5.09661122,16.6391706 C4.34314196,16.2756343 3.4696702,16.0912646 2.49891485,16.0912646 C1.94883402,16.0912646 1.36613115,16.1507631 0.767283698,16.2680816 L0.0764787113,16.4034426 L0.110349044,16.6226386 C0.213374772,17.2883665 0.36716439,18.1669965 0.588028916,19.182498 C0.70653347,19.2069184 0.830780168,19.1975195 0.946288821,19.1527908 C1.51551013,18.9320843 2.11760314,18.8202205 2.73550786,18.8202205 C4.05703336,18.8202205 5.02986919,19.3339715 5.05158948,19.3454684 C5.14754155,19.3979176 5.25256455,19.4235968 5.35700501,19.4235968 C5.51054497,19.4235968 5.66275342,19.3680425 5.78283914,19.2602908 C7.79658436,17.4548614 10.1507805,16.5396429 12.7801835,16.5396429 C13.947004,16.5398107 14.9587033,16.7272853 15.6846269,16.9172775 Z" id="Shape"> </path> <path d="M14.4075406,0.0200565964 C14.4993317,0.0282806401 14.5878773,0.0517779079 14.6725947,0.0914715066 C15.1346293,0.308737315 15.4268962,0.957010148 15.5259274,1.29604215 C15.4196561,1.89639735 13.9463382,10.638388 15.1200659,15.4054801 C15.1200659,15.4054801 15.1399554,15.4144594 15.1744082,15.4305718 C15.1752404,15.4308236 15.1761559,15.4313271 15.1768216,15.4316628 C15.186059,15.4359426 15.1959621,15.4408938 15.2075296,15.4460129 C15.209943,15.4472717 15.2119402,15.4481948 15.2146033,15.4494536 C15.2175992,15.4508802 15.2205951,15.4525585 15.2237574,15.4539852 C15.2767682,15.4791608 15.3472551,15.5133158 15.4298089,15.555443 C15.4307243,15.5558626 15.4317229,15.5563661 15.4326383,15.5567857 C15.4632631,15.5723946 15.495469,15.5890105 15.5290897,15.6066335 C15.5305044,15.6073888 15.5317527,15.6078923 15.533001,15.6085636 C15.6022396,15.6447326 15.6766379,15.684678 15.7535327,15.7277283 C15.7551971,15.7288193 15.7566118,15.7295746 15.7581097,15.7303298 C16.1900189,15.9721838 16.7013194,16.3094536 16.8184093,16.6040086 C16.8185757,16.6040086 16.8186589,16.6041764 16.8188254,16.6043443 C16.8186589,16.6043443 16.8186589,16.6043443 16.8185757,16.6043443 C16.8204898,16.6092116 16.822487,16.6140788 16.8243179,16.6189461 C16.836135,16.6169321 16.8442073,16.6155894 16.8442073,16.6155894 C15.174325,12.4072287 16.6502227,4.49553084 16.9705345,2.14185988 C17.2909295,-0.211727166 14.4075406,0.0200565964 14.4075406,0.0200565964 Z" id="Shape"> </path> </g> <path d="M9.81003476,42.7351195 L9.53262184,42.4189207 C7.41852447,40.0092536 5.72995581,36.5788312 4.51412473,32.223352 C3.72585023,29.3996477 3.36780911,27.0004235 3.22456021,25.8219969 L3.20444372,25.6576489 C3.15877603,25.2817028 2.85564969,25 2.49663519,25 L0.713811029,25 C0.319592665,25 0,25.3372558 0,25.7532617 L0,43.2467383 C0,43.662573 0.319592665,44 0.713811029,44 L9.28627592,44 C9.56985357,44 9.82666331,43.8227267 9.94014304,43.5483854 C10.0538661,43.2738728 10.0028449,42.9546782 9.81003476,42.7351195 Z" id="Shape" fill="#485D6D"> </path> <path d="M1.41409245,32.2021731 C0.647577474,29.6638878 0.222813049,27.4374298 0,26 L0,42.2567494 C0,42.6670575 0.341058047,43 0.761754013,43 L7,43 C4.66427176,40.3751428 2.78620186,36.7465595 1.41409245,32.2021731 Z" id="Shape" fill="#202121" opacity="0.19"> </path> </g> </g> </g> </svg>
  • Andreas Mehlsen
  • MIT
  • 9 просмотров
  • 5 скачиваний