Spacing

<?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>design-and-ux/spacing</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="design-and-ux/spacing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#293A4B" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="astronaut" transform="translate(13.000000, 14.000000)" fill-rule="nonzero"> <path d="M13.7758621,7.29311049 L5.84258621,7.29310345 C5.67901456,7.2940643 5.53090924,7.19657484 5.46711628,7.04595258 C5.40332332,6.89533032 5.43635712,6.72112312 5.55086207,6.60431034 L7.81982759,4.33534483 C7.97425617,4.17779616 7.97425617,3.92565212 7.81982759,3.76810345 L5.55086207,1.49913793 C5.43635712,1.38232516 5.40332332,1.20811796 5.46711628,1.0574957 C5.53090924,0.906873436 5.67901456,0.809383977 5.84258621,0.810344828 L13.7758621,0.810337786 L13.7758621,7.29311049 Z" id="Shape" fill="#26B99A"> </path> <path d="M13.7758621,11.3448276 C13.328321,11.3448276 12.9655172,10.9820238 12.9655172,10.5344828 L12.9655172,0.810344828 C12.9655172,0.362803737 13.328321,0 13.7758621,0 C14.2234031,0 14.5862069,0.362803737 14.5862069,0.810344828 L14.5862069,10.5344828 C14.5862069,10.9820238 14.2234031,11.3448276 13.7758621,11.3448276 Z" id="Shape" fill="#547580"> </path> <path d="M36.8139655,24.2293103 C41.0844828,27.3734483 44.2691379,31.8951724 40.9548276,35.882069 C38.0294828,39.3827586 34.0831034,39.1234483 30.6634483,36.1818966 L32.5353448,33.4996552 C33.4598476,34.4450415 34.6817759,35.0431282 35.9955172,35.1932759 C36.9737709,35.1229584 37.8675806,34.6134869 38.4265517,33.8075862 C38.9130913,33.2921926 39.1265405,32.576687 39.0018966,31.8789655 C38.7506897,30.2663793 36.4655172,28.0055172 34.8448276,26.7413793 L36.8139655,24.2293103 Z" id="Shape" fill="#2C3E50"> </path> <path d="M16.1096552,32.1139655 C14.335,31.3036207 10.8667241,30.7363793 6.88793103,33.2241379 L6.02896552,33.7427586 C5.44818482,34.0920898 4.74794184,34.1831157 4.09715163,33.9938789 C3.44636142,33.804642 2.90411208,33.3523239 2.6012069,32.7460345 L0.299827586,28.1594828 C0.0985113031,27.7517193 0.077770511,27.278136 0.242668009,26.854334 C0.407565508,26.430532 0.742928951,26.0955057 1.16689655,25.9310345 C4.81344828,24.5858621 6.07758621,28.362069 6.07758621,28.362069 C9.28462083,25.4589774 13.7282539,24.3465495 17.9248276,25.3962069 L18.637931,31.6034483 L16.1096552,32.1139655 Z" id="Shape" fill="#E57E25"> </path> <path d="M26.7413793,35.2337931 L28.5808621,36.1575862 C29.1700804,36.4527955 29.8539053,36.496134 30.4756783,36.2776732 C31.0974513,36.0592125 31.6038871,35.5976742 31.8789655,34.9987931 L39.4718966,18.4758621 C39.7432389,17.8814114 39.7638437,17.2027532 39.5290641,16.5929362 C39.2942846,15.9831191 38.8238912,15.4934952 38.2239655,15.2344828 L34.8448276,13.7758621 L26.7413793,35.2337931 Z" id="Shape" fill="#35495E"> </path> <path d="M24.3103448,15.3965517 L18.3462069,16.6606897 L15.9151724,11.8796552 C15.279029,10.7506358 13.8690993,10.319093 12.7100088,10.8986383 C11.5509183,11.4781835 11.0501946,12.8650529 11.5717241,14.0513793 L14.8131034,20.5341379 C15.2292731,21.3679168 16.0854363,21.8904282 17.0172414,21.8793103 C17.8633896,21.7967671 18.6993678,21.6311999 19.5131034,21.385 L24.3103448,15.3965517 Z" id="Shape" fill="#E57E25"> </path> <path d="M34.6989655,16.7174138 C34.7962069,16.7822414 34.4315517,16.4824138 37.13,18.7027586 C37.6861997,19.1783533 38.4311618,19.3698295 39.1477586,19.2213793 C39.3584483,19.2213793 39.7231034,19.0268966 43.4263793,17.317069 C44.5969266,16.7247535 46.0262974,17.1680093 46.6563304,18.3186946 C47.2863635,19.4693801 46.889781,20.9123973 45.7601724,21.5794828 L42.137931,23.2406897 C39.5331123,24.6578112 36.3295868,24.3566798 34.0344828,22.4789655 C32.2760345,24.4075862 30.387931,27.0898276 29.9827586,29.9827586 C29.5127586,33.2808621 27.9406897,34.6584483 26.7413793,35.2337931 C26.2344013,35.4802378 25.6835012,35.6234719 25.1206897,35.6551724 C25.1206897,35.6551724 18.2327586,35.6551724 16.2068966,41.3275862 L15.8098276,42.2513793 C15.540683,42.8741982 15.023507,43.356203 14.3833052,43.5808891 C13.7431035,43.8055753 13.0381339,43.7524967 12.4387931,43.4344828 L7.90086207,41.0034483 C7.49930012,40.7917246 7.2049433,40.42129 7.08941374,39.9822777 C6.97388418,39.5432653 7.04777361,39.0759239 7.29310345,38.6939655 C9.50534483,35.2013793 12.9655172,38.0862069 12.9655172,38.0862069 C13.7758621,33.2241379 16.9605172,31.417069 16.9605172,31.417069 C16.8308621,26.2389655 19.7724138,20.1289655 22.632931,15.8017241 L34.6989655,16.7174138 Z" id="Shape" fill="#F29C1F"> </path> <path d="M38.0862069,9.72413793 C38.0862069,14.6470899 34.0953657,18.637931 29.1724138,18.637931 C24.2494618,18.637931 20.2586207,14.6470899 20.2586207,9.72413793 C20.2586207,4.80118594 24.2494618,0.810344828 29.1724138,0.810344828 C34.0953657,0.810344828 38.0862069,4.80118594 38.0862069,9.72413793 Z" id="Shape" fill="#E57E25"> </path> <path d="M38.0862069,8.9137931 C37.6486741,13.4870173 33.8070375,16.9786558 29.212931,16.9786558 C24.6188245,16.9786558 20.777188,13.4870173 20.3396552,8.9137931 C20.777188,4.34056889 24.6188245,0.848930482 29.212931,0.848930482 C33.8070375,0.848930482 37.6486741,4.34056889 38.0862069,8.9137931 Z" id="Shape" fill="#F29C1F"> </path> <g id="Group" transform="translate(2.431034, 0.000000)" fill="#F0C419"> <path d="M2.43103448,19.4482759 C1.98349339,19.4482759 1.62068966,19.0854721 1.62068966,18.637931 L1.62068966,15.3965517 C1.62068966,14.9490107 1.98349339,14.5862069 2.43103448,14.5862069 C2.87857557,14.5862069 3.24137931,14.9490107 3.24137931,15.3965517 L3.24137931,18.637931 C3.24137931,19.0854721 2.87857557,19.4482759 2.43103448,19.4482759 Z" id="Shape"> </path> <path d="M4.05172414,17.8275862 L0.810344828,17.8275862 C0.362803737,17.8275862 0,17.4647824 0,17.0172414 C0,16.5697003 0.362803737,16.2068966 0.810344828,16.2068966 L4.05172414,16.2068966 C4.49926523,16.2068966 4.86206897,16.5697003 4.86206897,17.0172414 C4.86206897,17.4647824 4.49926523,17.8275862 4.05172414,17.8275862 Z" id="Shape"> </path> <path d="M22.6896552,44.5689655 C22.2421141,44.5689655 21.8793103,44.2061617 21.8793103,43.7586207 L21.8793103,40.5172414 C21.8793103,40.0697003 22.2421141,39.7068966 22.6896552,39.7068966 C23.1371962,39.7068966 23.5,40.0697003 23.5,40.5172414 L23.5,43.7586207 C23.5,44.2061617 23.1371962,44.5689655 22.6896552,44.5689655 Z" id="Shape"> </path> <path d="M24.3103448,42.9482759 L21.0689655,42.9482759 C20.6214245,42.9482759 20.2586207,42.5854721 20.2586207,42.137931 C20.2586207,41.69039 20.6214245,41.3275862 21.0689655,41.3275862 L24.3103448,41.3275862 C24.7578859,41.3275862 25.1206897,41.69039 25.1206897,42.137931 C25.1206897,42.5854721 24.7578859,42.9482759 24.3103448,42.9482759 Z" id="Shape"> </path> <path d="M39.7068966,4.86206897 C39.2593555,4.86206897 38.8965517,4.49926523 38.8965517,4.05172414 L38.8965517,0.810344828 C38.8965517,0.362803737 39.2593555,0 39.7068966,0 C40.1544376,0 40.5172414,0.362803737 40.5172414,0.810344828 L40.5172414,4.05172414 C40.5172414,4.49926523 40.1544376,4.86206897 39.7068966,4.86206897 Z" id="Shape"> </path> <path d="M41.3275862,3.24137931 L38.0862069,3.24137931 C37.6386658,3.24137931 37.2758621,2.87857557 37.2758621,2.43103448 C37.2758621,1.98349339 37.6386658,1.62068966 38.0862069,1.62068966 L41.3275862,1.62068966 C41.7751273,1.62068966 42.137931,1.98349339 42.137931,2.43103448 C42.137931,2.87857557 41.7751273,3.24137931 41.3275862,3.24137931 Z" id="Shape"> </path> </g> <path d="M34.0344828,9.72413793 C34.0344828,14.5456897 26.3605172,17.1631034 21.385,14.0594828 C19.8845887,11.3639808 19.8845887,8.08429505 21.385,5.3887931 C26.2956897,2.29327586 34.0344828,4.86206897 34.0344828,9.72413793 Z" id="Shape" fill="#35495E"> </path> <path d="M22.6896552,10.5344828 C22.2421141,10.5344828 21.8793103,10.171679 21.8793103,9.72413793 C21.8793103,6.48275862 25.0558621,5.67241379 26.7413793,5.67241379 C27.1889204,5.67241379 27.5517241,6.03521753 27.5517241,6.48275862 C27.5517241,6.93029971 27.1889204,7.29310345 26.7413793,7.29310345 C26.5955172,7.29310345 23.5,7.34172414 23.5,9.72413793 C23.5,10.171679 23.1371962,10.5344828 22.6896552,10.5344828 Z" id="Shape" fill="#547580"> </path> <path d="M34.0344828,9.72413793 C34.0344828,14.5456897 26.3605172,17.1631034 21.385,14.0594828 C20.8875009,13.1768907 20.5474803,12.2144131 20.3801724,11.2151724 C23.3622414,12.4955172 28.4836207,13.2572414 33.0539655,6.95275862 C33.6781728,7.74276444 34.022984,8.71735514 34.0344828,9.72413793 Z" id="Shape" fill="#2C3E50"> </path> <path d="M8.03862069,32.5758621 C7.44706897,32.8756897 7.32551724,32.9567241 6.02896552,33.7427586 C5.44818482,34.0920898 4.74794184,34.1831157 4.09715163,33.9938789 C3.44636142,33.804642 2.90411208,33.3523239 2.6012069,32.7460345 L0.299827586,28.1594828 C0.0985113031,27.7517193 0.077770511,27.278136 0.242668009,26.854334 C0.407565508,26.430532 0.742928951,26.0955057 1.16689655,25.9310345 C4.81344828,24.5858621 6.07758621,28.362069 6.07758621,28.362069 L8.03862069,32.5758621 Z" id="Shape" fill="#2C3E50"> </path> <path d="M16.7093103,40.2174138 C16.4256897,40.7198276 16.4256897,40.8332759 15.817931,42.227069 C15.5487864,42.8498878 15.0316104,43.3318926 14.3914087,43.5565788 C13.7512069,43.781265 13.0462373,43.7281863 12.4468966,43.4101724 L7.90896552,40.9791379 C7.51304458,40.7684668 7.2221206,40.4031536 7.10541715,39.9701223 C6.9887137,39.5370911 7.05666536,39.0750597 7.29310345,38.6939655 C9.50534483,35.2013793 12.9655172,38.0862069 12.9655172,38.0862069 L16.7093103,40.2174138 Z" id="Shape" fill="#35495E"> </path> </g> </g> </svg>