Bem

<?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>architecture-and-paradigms/architecture/bem</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="architecture-and-paradigms/architecture/bem" 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="#313E3F" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="beam" transform="translate(13.000000, 13.000000)" fill-rule="nonzero"> <path d="M47,20.2586523 L47,21.8793262 L25.9310566,43.7586523 L12.9654824,43.7586523 L12.9654824,24.3103828 L25.9311484,24.3103828 L36.4654824,13.7758652 L36.060291,15.8017305 C36.0596484,16.9839824 36.5290059,18.1179492 37.3649082,18.9539434 C38.2008105,19.7899375 39.3348691,20.2592949 40.5171211,20.2585605 L47,20.2585605 L47,20.2586523 Z" id="Shape" fill="#7F8C8D"> </path> <polygon id="Shape" fill="#D1D4D1" points="47 20.2586523 47 25.1206738 42.1378867 29.9827871 25.9310566 47 24.3103828 47 24.3103828 42.1378867 25.9310566 42.1378867 42.1378867 25.1206738"> </polygon> <polygon id="Shape" fill="#ECF0F1" points="47 0 47 2.43105664 25.9310566 22.6896172 0 22.6896172 0 21.0689434 21.0689434 0"> </polygon> <polygon id="Shape" fill="#7F8C8D" points="10.5345176 31.6034609 11.3448086 31.6034609 11.3448086 42.9482695 0 42.9482695 0 42.1378867"> </polygon> <polygon id="Shape" fill="#D1D4D1" points="47 0 47 4.86211328 25.9310566 25.9310566 25.1206738 25.9310566 25.1206738 21.0689434 25.9310566 21.0689434"> </polygon> <path d="M15.3965391,30.3878867 L15.3965391,37.6809648 C15.3958965,38.8632168 15.8652539,39.9971836 16.7011562,40.8331777 C17.5371504,41.6691719 18.6711172,42.1385293 19.8533691,42.1377949 L25.9309648,42.1377949 L25.9310566,47 L0,47 L0,42.1378867 L6.0775957,42.1378867 C7.25984766,42.1385293 8.39381445,41.6691719 9.22980859,40.8332695 C10.0658027,39.9973672 10.5351602,38.8633086 10.5344258,37.6810566 L10.5344258,30.3879785 C10.5350684,29.2057266 10.0657109,28.071668 9.22980859,27.2357656 C8.39381445,26.3997715 7.25984766,25.9304141 6.0775957,25.9311484 L0,25.9311484 L0,21.0690352 L25.9310566,21.0690352 L25.9310566,25.9311484 L19.8534609,25.9311484 C18.671209,25.9305059 17.5371504,26.3998633 16.701248,27.2357656 C15.8652539,28.071668 15.3958965,29.2057266 15.3965391,30.3878867 Z" id="Shape" fill="#C5CCD4"> </path> <g id="Group" transform="translate(18.634766, 21.021484)" fill="#95A5A5"> <path d="M0.813503906,17.8342969 C0.597964844,17.8364082 0.390595703,17.7516797 0.238212891,17.5992969 C0.0858300781,17.4469141 0.0011015625,17.2395449 0.00321289063,17.0240059 C0.00321289063,16.5764961 0.365994141,16.213623 0.813595703,16.213623 C1.26110547,16.213623 1.62397852,16.5764043 1.62397852,17.0240059 C1.62608984,17.2395449 1.54136133,17.4469141 1.38897852,17.5992969 C1.23641211,17.7516797 1.02904297,17.8364082 0.813503906,17.8342969 Z" id="Shape"> </path> <path d="M3.24456055,15.2896875 C2.92024219,15.2897793 2.62704297,15.0964551 2.49944531,14.798207 C2.37175586,14.5000508 2.43426953,14.1544355 2.65816211,13.9198027 L3.46854492,13.0706816 C3.66838672,12.8612012 3.96489062,12.7742695 4.24624805,12.8425664 C4.52760547,12.9109551 4.75113086,13.1241992 4.83264648,13.4020684 C4.91416211,13.6799375 4.84118359,13.9801133 4.6413418,14.1896855 L3.83095898,15.0388066 C3.67811719,15.1993594 3.4661582,15.2900547 3.24456055,15.2896875 Z" id="Shape"> </path> <path d="M6.4859082,11.8940293 C6.16158984,11.8941211 5.86839063,11.7007969 5.74079297,11.4025488 C5.61310352,11.1043926 5.67561719,10.7587773 5.89950977,10.5241445 L6.70989258,9.67502344 C7.01888086,9.35116406 7.53193359,9.33913867 7.85579297,9.64812695 C8.17965234,9.95711523 8.19167773,10.470168 7.88268945,10.7940273 L7.07230664,11.6431484 C6.91955664,11.8036094 6.70750586,11.8943047 6.4859082,11.8940293 Z" id="Shape"> </path> <path d="M9.72734766,8.49837109 C9.4030293,8.49846289 9.10983008,8.30513867 8.98223242,8.00689062 C8.85454297,7.70873437 8.91705664,7.36311914 9.14094922,7.12848633 L9.95133203,6.27936523 C10.2603203,5.95550586 10.773373,5.94348047 11.0972324,6.25246875 C11.4210918,6.56145703 11.4331172,7.07450977 11.1241289,7.39836914 L10.3137461,8.24749023 C10.1609043,8.40795117 9.94885352,8.49864648 9.72734766,8.49837109 Z" id="Shape"> </path> <path d="M12.9686953,5.10262109 C12.644377,5.10271289 12.3511777,4.90938867 12.2235801,4.61114062 C12.0958906,4.31298437 12.1584043,3.96736914 12.3822969,3.73273633 L13.1926797,2.88361523 C13.501668,2.55975586 14.0147207,2.54773047 14.3385801,2.85671875 C14.6624395,3.16570703 14.6744648,3.67875977 14.3654766,4.00261914 L13.5550938,4.85174023 C13.402252,5.01229297 13.190293,5.10298828 12.9686953,5.10262109 Z" id="Shape"> </path> <path d="M16.210043,1.70852344 C15.9934941,1.70778906 15.7863086,1.62021484 15.6346602,1.46553711 C15.4809922,1.31719336 15.3958965,1.11166016 15.3996602,0.898140625 C15.3977324,0.568957031 15.5951875,0.271259766 15.8992187,0.145039063 C16.20325,0.0188183594 16.5534551,0.0890429687 16.785334,0.322849609 C16.9345039,0.477435547 17.0186816,0.683335938 17.020334,0.898232422 C17.0239141,1.11175195 16.9388184,1.31719336 16.785334,1.46562891 C16.6338691,1.62021484 16.4265918,1.70778906 16.210043,1.70852344 Z" id="Shape"> </path> </g> </g> </g> </svg>