Slots

<?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>web-components/slots</title> <desc>Created with Sketch.</desc> <defs> <rect id="path-1" x="0" y="0" width="69" height="69" rx="14"> </rect> </defs> <g id="web-components/slots" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)"> <rect id="mask" stroke="#AE2318" stroke-width="2" fill="#ED6D7D" fill-rule="nonzero" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g id="slot-machine-(2)"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"> </use> </mask> <rect stroke="#AE2318" stroke-width="2" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g mask="url(#mask-2)"> <g transform="translate(-2.000000, -4.000000)"> <path d="M64.3027344,21.3867188 L8.69726562,21.3867188 C7.51614844,21.3867188 6.55859375,20.4291641 6.55859375,19.2480469 C6.55859375,8.63467383 15.3325664,0 26.1171758,0 L46.8826816,0 C57.6674336,0 66.4414062,8.63467383 66.4414062,19.2480469 C66.4414062,20.4291641 65.4838516,21.3867188 64.3027344,21.3867188 Z" id="Shape" fill="#FDF16C" fill-rule="nonzero"> </path> <path d="M46.8826816,0 L36.5,0 L36.5,21.3867188 L64.3027344,21.3867188 C65.4838516,21.3867188 66.4414062,20.4291641 66.4414062,19.2480469 C66.4414062,8.63467383 57.6674336,0 46.8826816,0 Z" id="Shape" fill="#FAE168" fill-rule="nonzero"> </path> <circle id="Oval" fill="#ED6D7D" fill-rule="nonzero" cx="32.2226562" cy="10.6933594" r="2.13867188"> </circle> <circle id="Oval" fill="#ED6D7D" fill-rule="nonzero" cx="23.6679688" cy="10.6933594" r="2.13867188"> </circle> <circle id="Oval" fill="#D44854" fill-rule="nonzero" cx="40.7773438" cy="10.6933594" r="2.13867188"> </circle> <circle id="Oval" fill="#D44854" fill-rule="nonzero" cx="49.3320312" cy="10.6933594" r="2.13867188"> </circle> <path d="M65.1582031,73 L7.84179688,73 C3.51783008,73 0,69.4821699 0,65.1582031 L0,24.9511719 C0,20.6272051 3.51783008,17.109375 7.84179688,17.109375 L65.1582031,17.109375 C69.4821699,17.109375 73,20.6272051 73,24.9511719 L73,65.1582031 C73,69.4821699 69.4821699,73 65.1582031,73 Z" id="Shape" fill="#ED6D7D" fill-rule="nonzero"> </path> <path d="M65.1582031,17.109375 L36.5,17.109375 L36.5,73 L65.1582031,73 C69.4821699,73 73,69.4821699 73,65.1582031 L73,24.9511719 C73,20.6272051 69.4821699,17.109375 65.1582031,17.109375 Z" id="Shape" fill="#D44854" fill-rule="nonzero"> </path> <polygon id="Shape" fill="#FFFFFF" fill-rule="nonzero" points="10.8359375 27.9524414 62.1640625 27.9524414 62.1640625 53.6165039 10.8359375 53.6165039"> </polygon> <polygon id="Shape" fill="#E4DFD9" fill-rule="nonzero" points="36.5 27.9524414 62.1640625 27.9524414 62.1640625 53.6165039 36.5 53.6165039"> </polygon> <path d="M27.9453125,27.1386055 C26.7641953,27.1386055 25.8066406,28.0113262 25.8066406,29.0880762 L25.8066406,52.4808691 C25.8066406,53.5574766 26.7641953,54.4303398 27.9453125,54.4303398 C29.1264297,54.4303398 30.0839844,53.5576191 30.0839844,52.4808691 L30.0839844,29.0880762 C30.0839844,28.0114688 29.1264297,27.1386055 27.9453125,27.1386055 Z" id="Shape" fill="#D44854" fill-rule="nonzero"> </path> <path d="M45.0546875,27.1386055 C43.8735703,27.1386055 42.9160156,28.0113262 42.9160156,29.0880762 L42.9160156,52.4808691 C42.9160156,53.5574766 43.8735703,54.4303398 45.0546875,54.4303398 C46.2358047,54.4303398 47.1933594,53.5576191 47.1933594,52.4808691 L47.1933594,29.0880762 C47.1933594,28.0114688 46.2358047,27.1386055 45.0546875,27.1386055 Z" id="Shape" fill="#AE2318" fill-rule="nonzero"> </path> <path d="M62.1640625,55.7551758 L10.8359375,55.7551758 C9.65482031,55.7551758 8.69726562,54.7976211 8.69726562,53.6165039 L8.69726562,27.9524414 C8.69726562,26.7713242 9.65482031,25.8137695 10.8359375,25.8137695 L62.1640625,25.8137695 C63.3451797,25.8137695 64.3027344,26.7713242 64.3027344,27.9524414 L64.3027344,53.6165039 C64.3027344,54.7976211 63.3451797,55.7551758 62.1640625,55.7551758 Z M12.9746094,51.477832 L60.0253906,51.477832 L60.0253906,30.0911133 L12.9746094,30.0911133 L12.9746094,51.477832 Z" id="Shape" fill="#D44854" fill-rule="nonzero"> </path> <polygon id="Shape" fill="none" points="36.5 30.0911133 60.0253906 30.0911133 60.0253906 51.477832 36.5 51.477832"> </polygon> <polygon id="Shape" fill="none" points="12.9746094 30.0911133 36.5 30.0911133 36.5 51.477832 12.9746094 51.477832"> </polygon> <path d="M62.1640625,25.8137695 L36.5,25.8137695 L36.5,30.0911133 L60.0253906,30.0911133 L60.0253906,51.477832 L36.5,51.477832 L36.5,55.7551758 L62.1640625,55.7551758 C63.3451797,55.7551758 64.3027344,54.7976211 64.3027344,53.6165039 L64.3027344,27.9524414 C64.3027344,26.7713242 63.3451797,25.8137695 62.1640625,25.8137695 Z" id="Shape" fill="#AE2318" fill-rule="nonzero"> </path> <path d="M22.1449492,37.1364687 C22.0519883,36.9337227 21.8495273,36.803834 21.6265352,36.803834 L16.7155742,36.803834 C16.4006191,36.803834 16.1452617,37.0591914 16.1452617,37.3741465 L16.1452617,38.6118672 C16.1452617,38.9268223 16.4006191,39.1821797 16.7155742,39.1821797 L19.3767949,39.1821797 L16.801834,43.9921953 C16.7071621,44.1688496 16.7122949,44.3822891 16.8153789,44.5543809 C16.9184629,44.7263301 17.1040996,44.8315527 17.304707,44.8315527 L19.0015293,44.8315527 C19.2148262,44.8315527 19.4103008,44.7125 19.5081094,44.5231562 L22.572541,38.5941875 C22.6530977,38.4383496 22.6575176,38.2539961 22.584375,38.0945937 L22.1449492,37.1364687 Z" id="Shape" fill="#5A5555" fill-rule="nonzero"> </path> <path d="M39.2543242,37.1364687 C39.1613633,36.9338652 38.9589023,36.803834 38.7357676,36.803834 L33.8248066,36.803834 C33.5098516,36.803834 33.2544941,37.0591914 33.2544941,37.3741465 L33.2544941,38.6118672 C33.2544941,38.9268223 33.5098516,39.1821797 33.8248066,39.1821797 L36.4858848,39.1821797 L33.9109238,43.9921953 C33.816252,44.1688496 33.8213848,44.3822891 33.9244687,44.5543809 C34.0275527,44.7263301 34.2131895,44.8315527 34.4137969,44.8315527 L36.1106191,44.8315527 C36.323916,44.8315527 36.5193906,44.7125 36.6171992,44.5231562 L39.6816309,38.5941875 C39.7620449,38.4383496 39.7664648,38.2541387 39.6934648,38.0945937 L39.2543242,37.1364687 Z" id="Shape" fill="#5A5555" fill-rule="nonzero"> </path> <path d="M39.6934648,38.0947363 L39.2543242,37.1364687 C39.1613633,36.9338652 38.9589023,36.803834 38.7357676,36.803834 L36.5,36.803834 L36.5,44.6762852 C36.546623,44.6326563 36.5869727,44.5817559 36.6173418,44.5231562 L39.6817734,38.5941875 C39.7621875,38.4384922 39.7664648,38.2542812 39.6934648,38.0947363 Z" id="Shape" fill="#453F3F" fill-rule="nonzero"> </path> <path d="M56.8028398,38.0947363 L56.3636992,37.1364687 C56.2707383,36.9338652 56.0682773,36.803834 55.8451426,36.803834 L50.9343242,36.803834 C50.6193691,36.803834 50.3640117,37.0591914 50.3640117,37.3741465 L50.3640117,38.6118672 C50.3640117,38.9268223 50.6193691,39.1821797 50.9343242,39.1821797 L53.5952598,39.1821797 L51.0204414,43.9921953 C50.9257695,44.1688496 50.9309023,44.3822891 51.0339863,44.5543809 C51.1370703,44.7263301 51.322707,44.8315527 51.5233145,44.8315527 L53.2199941,44.8315527 C53.433291,44.8315527 53.628623,44.7125 53.7267168,44.5231562 L56.7910059,38.5941875 C56.8715625,38.4384922 56.8758398,38.2542812 56.8028398,38.0947363 Z" id="Shape" fill="#453F3F" fill-rule="nonzero"> </path> <path d="M62.1640625,64.5878906 L10.8359375,64.5878906 C9.65482031,64.5878906 8.69726562,63.6303359 8.69726562,62.4492188 C8.69726562,61.2681016 9.65482031,60.3105469 10.8359375,60.3105469 L62.1640625,60.3105469 C63.3451797,60.3105469 64.3027344,61.2681016 64.3027344,62.4492188 C64.3027344,63.6303359 63.3451797,64.5878906 62.1640625,64.5878906 Z" id="Shape" fill="#D44854" fill-rule="nonzero"> </path> <path d="M62.1640625,60.3105469 L36.5,60.3105469 L36.5,64.5878906 L62.1640625,64.5878906 C63.3451797,64.5878906 64.3027344,63.6303359 64.3027344,62.4492188 C64.3027344,61.2681016 63.3451797,60.3105469 62.1640625,60.3105469 Z" id="Shape" fill="#AE2318" fill-rule="nonzero"> </path> </g> </g> </g> </g> </g> </svg>