Responsive art

<?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/responsive-design</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/css/responsive-design" 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="#172550" stroke-width="2" fill="#FFFFFF" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g id="responsive" transform="translate(10.000000, 15.000000)"> <rect id="Rectangle-path" fill="#445EA0" x="19" y="31" width="8" height="4"> </rect> <path d="M31,35 L12.4985622,35 C12.224309,35 12,35.1925367 12,35.4278407 L12,37.5721593 C12,37.8074633 12.2244068,38 12.4985622,38 L31,38 L31,35 Z" id="Shape" fill="#293D7C"> </path> <path d="M45.478643,0 L0.521357041,0 C0.234620887,0 0,0.236804983 0,0.526210375 L0,30.4737896 C0,30.7632982 0.234620887,31 0.521357041,31 L32.3784999,31 L32.3784999,15.2442176 C32.3784999,14.8462078 32.6993664,14.5222512 33.0938075,14.5222512 L46,14.5222512 L46,0.526210375 C46,0.236804983 45.7653791,0 45.478643,0 Z" id="Shape" fill="#293D7C"> </path> <path d="M2,24.6978912 C2,24.8641498 2.13927482,25 2.30960075,25 L31.7827631,25 L31.7827631,14.6526736 C31.7827631,14.2716808 32.1003542,13.9615749 32.4907688,13.9615749 L43,13.9615749 L43,5 L2,5 L2,24.6978912 Z" id="Shape" fill="#FFFFFF"> </path> <path d="M3.73271044,24.6978912 L3.73271044,5 L2,5 L2,24.6978912 C2,24.8641498 2.12024101,25 2.26728956,25 L4,25 C3.85295145,25 3.73271044,24.864051 3.73271044,24.6978912 Z" id="Shape" fill="#D9EAFC"> </path> <circle id="Oval" fill="#445EA0" cx="22.9" cy="27.9" r="1.5"> </circle> <path d="M31.8,16 L26.1190132,16 C25.9435559,16 25.8,16.1439693 25.8,16.3199317 L25.8,22.6800683 C25.8,22.8560307 25.9435559,23 26.1190132,23 L31.8,23 L31.8,16 Z" id="Shape" fill="#C3DDF4"> </path> <path d="M33.190583,13.4380791 L38,13.4380791 L38,7.45736687 C38,7.20581509 37.7678753,7 37.4841674,7 L8.51583262,7 C8.23212468,7 8,7.20581509 8,7.45736687 L8,13.5426331 C8,13.7941849 8.23212468,14 8.51583262,14 L32.4745041,14 C32.5182467,13.683868 32.8224848,13.4380791 33.190583,13.4380791 Z" id="Shape" fill="#C3DDF4"> </path> <path d="M42.6903992,2 L2.30960075,2 C2.13927482,2 2,2.16514092 2,2.36721967 L2,5 L43,5 L43,2.36721967 C43,2.16514092 42.860624,2 42.6903992,2 Z" id="Shape" fill="#FFAF10"> </path> <path d="M4,2 L2.26728956,2 C2.12024101,2 2,2.16514092 2,2.36721967 L2,5 L3.73262312,5 L3.73262312,2.36721967 C3.73271044,2.16514092 3.85295145,2 4,2 Z" id="Shape" fill="#FF9518"> </path> <g id="Group" transform="translate(8.000000, 16.000000)" fill="#5DC1D8"> <path d="M8.86265868,1.72081538 L0.798467066,1.72081538 C0.401628743,1.72081538 0.0799041916,1.35929231 0.0799041916,0.913123077 C0.0799041916,0.466953846 0.401628743,0.105430769 0.798467066,0.105430769 L8.86265868,0.105430769 C9.25949701,0.105430769 9.58122156,0.466953846 9.58122156,0.913123077 C9.58122156,1.35929231 9.25949701,1.72081538 8.86265868,1.72081538 Z" id="Shape"> </path> <path d="M8.86265868,4.35787692 L0.798467066,4.35787692 C0.401628743,4.35787692 0.0799041916,3.99635385 0.0799041916,3.55018462 C0.0799041916,3.10401538 0.401628743,2.74249231 0.798467066,2.74249231 L8.86265868,2.74249231 C9.25949701,2.74249231 9.58122156,3.10401538 9.58122156,3.55018462 C9.58122156,3.99624615 9.25949701,4.35787692 8.86265868,4.35787692 Z" id="Shape"> </path> <path d="M8.86265868,6.99493846 L0.798467066,6.99493846 C0.401628743,6.99493846 0.0799041916,6.63341538 0.0799041916,6.18724615 C0.0799041916,5.74107692 0.401628743,5.37955385 0.798467066,5.37955385 L8.86265868,5.37955385 C9.25949701,5.37955385 9.58122156,5.74107692 9.58122156,6.18724615 C9.58122156,6.63341538 9.25949701,6.99493846 8.86265868,6.99493846 Z" id="Shape"> </path> <path d="M15.1913772,1.72081538 L11.0403832,1.72081538 C10.6435449,1.72081538 10.3218204,1.35929231 10.3218204,0.913123077 C10.3218204,0.466953846 10.6435449,0.105430769 11.0403832,0.105430769 L15.1913772,0.105430769 C15.5882156,0.105430769 15.9099401,0.466953846 15.9099401,0.913123077 C15.9099401,1.35929231 15.5882156,1.72081538 15.1913772,1.72081538 Z" id="Shape"> </path> <path d="M15.1913772,4.35787692 L11.0403832,4.35787692 C10.6435449,4.35787692 10.3218204,3.99635385 10.3218204,3.55018462 C10.3218204,3.10401538 10.6435449,2.74249231 11.0403832,2.74249231 L15.1913772,2.74249231 C15.5882156,2.74249231 15.9099401,3.10401538 15.9099401,3.55018462 C15.9099401,3.99624615 15.5882156,4.35787692 15.1913772,4.35787692 Z" id="Shape"> </path> <path d="M15.1913772,6.99493846 L11.0403832,6.99493846 C10.6435449,6.99493846 10.3218204,6.63341538 10.3218204,6.18724615 C10.3218204,5.74107692 10.6435449,5.37955385 11.0403832,5.37955385 L15.1913772,5.37955385 C15.5882156,5.37955385 15.9099401,5.74107692 15.9099401,6.18724615 C15.9099401,6.63341538 15.5882156,6.99493846 15.1913772,6.99493846 Z" id="Shape"> </path> </g> <g id="Group-2" transform="translate(31.000000, 13.000000)"> <path d="M18.2250591,0 C18.6512766,0 19,0.377080343 19,0.837956318 L19,26.1620437 C19,26.6229197 18.6512766,27 18.2250591,27 L0.77494086,27 C0.348723387,27 0,26.6229197 0,26.1620437 L0,0.837956318 C0,0.377080343 0.348723387,0 0.77494086,0 L18.2250591,0 Z" id="Shape" fill="#445EA0"> </path> <path d="M1.49163302,22 C1.22123486,22 1,21.776008 1,21.5022399 L1,1.49776008 C1,1.22399204 1.22123486,1 1.49163302,1 L16.508367,1 C16.7787651,1 17,1.22399204 17,1.49776008 L17,21.5022399 C17,21.776008 16.7787651,22 16.508367,22 L1.49163302,22 Z" id="Shape" fill="#FFFFFF"> </path> <path d="M3.39618388,21.5022399 L3.39618388,1.49776008 C3.39618388,1.22399204 3.66790114,1 4,1 L1.60381612,1 C1.27171725,1 1,1.22399204 1,1.49776008 L1,21.5022399 C1,21.776008 1.27171725,22 1.60381612,22 L4,22 C3.66790114,22 3.39618388,21.776008 3.39618388,21.5022399 Z" id="Shape" fill="#D9EAFC"> </path> <path d="M8.52222957,25 C8.23500331,25 8,24.8116367 8,24.5814148 L8,24.4185852 C8,24.1883633 8.23500331,24 8.52222957,24 L10.4777704,24 C10.7649967,24 11,24.1883633 11,24.4185852 L11,24.5814148 C11,24.8116367 10.7649967,25 10.4777704,25 L8.52222957,25 Z" id="Shape" fill="#293D7C"> </path> <path d="M17,3 L17,1.51832271 C17,1.23324522 16.7787651,1 16.508367,1 L1.49163302,1 C1.22123486,1 1,1.23324522 1,1.51832271 L1,3 L17,3 Z" id="Shape" fill="#FFAF10"> </path> <path d="M4,1 L1.60381612,1 C1.27171725,1 1,1.23324522 1,1.51832271 L1,3 L3.39618388,3 L3.39618388,1.51832271 C3.39618388,1.23324522 3.66790114,1 4,1 Z" id="Shape" fill="#FF9518"> </path> <rect id="Rectangle" fill="#C3DDF4" x="4" y="4" width="12" height="5" rx="1"> </rect> </g> </g> </g> <rect id="Rectangle-4" fill="#5DC1D8" fill-rule="nonzero" x="47" y="40" width="12" height="1.5" rx="0.75"> </rect> <rect id="Rectangle-4" fill="#5DC1D8" fill-rule="nonzero" x="47" y="42.25" width="12" height="1.5" rx="0.75"> </rect> <rect id="Rectangle-4" fill="#5DC1D8" fill-rule="nonzero" x="47" y="44.5" width="12" height="1.5" rx="0.75"> </rect> <rect id="Rectangle-4" fill="#5DC1D8" fill-rule="nonzero" x="47" y="46.75" width="12" height="1.5" rx="0.75"> </rect> <rect id="Rectangle-4" fill="#5DC1D8" fill-rule="nonzero" x="47" y="49" width="12" height="1.5" rx="0.75"> </rect> </g> </svg>