Shadow parts

web-components/shadow-parts 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>web-components/shadow-parts</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="web-components/shadow-parts" 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="#824211" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="logs" transform="translate(9.000000, 14.000000)" fill-rule="nonzero"> <path d="M23.9715137,5.43511719 C24.9693555,8.18039062 22.0917383,10.5129492 21.6533496,10.8482129 C21.6172559,10.8758203 21.5747168,10.8912891 21.5293848,10.8932227 C20.9778809,10.9176074 17.2726855,10.9762598 16.2747363,8.23098633 C14.8231445,4.23768555 17.078252,0.811894531 17.561543,0.144375 C17.6143945,0.0714355469 17.7052734,0.0383496094 17.7927148,0.0604785156 C18.5918262,0.262216797 22.5200293,1.44181641 23.9715137,5.43511719 Z" id="Shape" fill="#FFCA28"> </path> <path d="M23.9715137,5.43511719 C22.5585938,1.5478418 18.7997949,0.327207031 17.864043,0.0789550781 C19.0564258,0.903417969 20.2824316,2.15746094 20.9633789,4.03089844 C21.9612207,6.77617187 19.0836035,9.10873047 18.6452148,9.44399414 C18.6091211,9.47160156 18.566582,9.48707031 18.52125,9.48900391 C18.3242383,9.49770508 17.72375,9.51005859 16.988877,9.398125 C18.4401465,10.9557422 21.0714453,10.913418 21.5293848,10.8932227 C21.5747168,10.8911816 21.6173633,10.8757129 21.6533496,10.8482129 C22.0918457,10.5129492 24.9694629,8.18039062 23.9715137,5.43511719 Z" id="Shape" fill="#FFB300"> </path> <path d="M24.3084961,15.9887793 L19.7909766,3.56092773 C19.6389746,3.14294922 19.1767383,2.92713867 18.7586523,3.0790332 C18.3403516,3.23092773 18.124541,3.69294922 18.276543,4.11103516 L22.7939551,16.5388867 C23.157793,17.5396289 24.6727637,16.9910254 24.3084961,15.9887793 Z" id="Shape" fill="#BF6724"> </path> <path d="M37.2259766,36.6332227 C37.2259766,41.0516992 34.1251367,44.6337891 30.2995215,44.6337891 L6.92720703,44.6337891 L6.92720703,28.633623 L30.2994141,28.633623 C34.1251367,28.633623 37.2259766,32.2158203 37.2259766,36.6332227 Z" id="Shape" fill="#8C4815"> </path> <ellipse id="Oval" fill="#FFE8CF" cx="6.92699219" cy="36.6336523" rx="6.92699219" ry="7.99992188"> </ellipse> <path d="M46.0454199,22.3375195 C46.0454199,26.7559961 42.9445801,30.3380859 39.1189648,30.3380859 L15.7467578,30.3380859 L15.7467578,14.3379199 L39.1189648,14.3379199 C42.9445801,14.3379199 46.0454199,17.9201172 46.0454199,22.3375195 Z" id="Shape" fill="#A35418"> </path> <path d="M55,36.6332227 C55,41.0516992 51.8991602,44.6337891 48.0735449,44.6337891 L24.7013379,44.6337891 L24.7013379,28.633623 L48.0735449,28.633623 C51.8991602,28.633623 55,32.2158203 55,36.6332227 Z" id="Shape" fill="#BF6724"> </path> <g id="Group" transform="translate(21.591797, 19.443359)" fill="#8C4815"> <path d="M10.9238379,0.894716797 C10.9238379,0.449990234 10.5631152,0.089375 10.1181738,0.089375 L0.863564453,0.089375 C0.418623047,0.089375 0.0579003906,0.449990234 0.0579003906,0.894716797 C0.0579003906,1.33944336 0.418623047,1.70005859 0.863564453,1.70005859 L10.1181738,1.70005859 C10.5631152,1.70005859 10.9238379,1.33955078 10.9238379,0.894716797 Z" id="Shape"> </path> <path d="M24.1763672,5.13927734 C24.0345703,5.70410156 23.8390625,6.24421875 23.5973633,6.74996094 L10.1180664,6.74996094 C9.67333984,6.74996094 9.31240234,6.39020508 9.31240234,5.94461914 C9.31240234,5.50010742 9.67333984,5.13927734 10.1180664,5.13927734 L24.1763672,5.13927734 Z" id="Shape"> </path> <path d="M15.117373,1.70005859 L18.2588184,1.70005859 C18.7037598,1.70005859 19.0644824,1.33944336 19.0644824,0.894716797 C19.0644824,0.449990234 18.7037598,0.089375 18.2588184,0.089375 L15.117373,0.089375 C14.6724316,0.089375 14.311709,0.449990234 14.311709,0.894716797 C14.311709,1.33955078 14.6724316,1.70005859 15.117373,1.70005859 Z" id="Shape"> </path> </g> <path d="M48.1272559,33.8414355 C48.1272559,33.396709 47.7665332,33.0360937 47.3215918,33.0360937 L31.1941309,33.0360937 C30.7491895,33.0360937 30.3884668,33.396709 30.3884668,33.8414355 C30.3884668,34.2861621 30.7491895,34.6467773 31.1941309,34.6467773 L47.3215918,34.6467773 C47.7666406,34.6467773 48.1272559,34.2862695 48.1272559,33.8414355 Z" id="Shape" fill="#A35418"> </path> <path d="M54.6379883,39.191582 C54.4714844,39.7596289 54.2523438,40.2997461 53.9848633,40.8022656 L43.5853516,40.8022656 C43.140625,40.8022656 42.7796875,40.4414355 42.7796875,39.9969238 C42.7796875,39.5513379 43.140625,39.191582 43.5853516,39.191582 L54.6379883,39.191582 Z" id="Shape" fill="#A35418"> </path> <path d="M37.8274316,39.1911523 L35.2348047,39.1911523 C34.7898633,39.1911523 34.4291406,39.5517676 34.4291406,39.9964941 C34.4291406,40.4412207 34.7898633,40.8018359 35.2348047,40.8018359 L37.8274316,40.8018359 C38.272373,40.8018359 38.6330957,40.4412207 38.6330957,39.9964941 C38.6330957,39.5517676 38.272373,39.1911523 37.8274316,39.1911523 Z" id="Shape" fill="#A35418"> </path> <ellipse id="Oval" fill="#FFE8CF" cx="15.746543" cy="22.3379492" rx="6.92699219" ry="7.99992187"> </ellipse> <ellipse id="Oval" fill="#FFE8CF" cx="24.701123" cy="36.6336523" rx="6.92699219" ry="7.99992188"> </ellipse> <path d="M6.92699219,31.3928613 C4.36498047,31.3928613 2.28078125,33.7438965 2.28078125,36.6336523 C2.28078125,37.0783789 2.64150391,37.4389941 3.08644531,37.4389941 C3.53138672,37.4389941 3.89210937,37.0783789 3.89210937,36.6336523 C3.89210937,34.6320605 5.25357422,33.0035449 6.92699219,33.0035449 C8.60041016,33.0035449 9.961875,34.6320605 9.961875,36.6336523 C9.961875,38.6352441 8.60041016,40.2636523 6.92699219,40.2636523 C6.48205078,40.2636523 6.12132812,40.6242676 6.12132812,41.0689941 C6.12132812,41.5137207 6.48205078,41.8743359 6.92699219,41.8743359 C9.48889648,41.8743359 11.5732031,39.5234082 11.5732031,36.6336523 C11.5732031,33.7438965 9.48889648,31.3928613 6.92699219,31.3928613 Z" id="Shape" fill="#F2CDAE"> </path> <path d="M20.4160645,22.3379492 C20.4160645,19.4333691 18.3213379,17.0703027 15.746543,17.0703027 C13.171748,17.0703027 11.0769141,19.4333691 11.0769141,22.3379492 C11.0769141,25.2425293 13.1716406,27.6055957 15.746543,27.6055957 C16.1914844,27.6055957 16.552207,27.2449805 16.552207,26.8002539 C16.552207,26.3555273 16.1914844,25.9949121 15.746543,25.9949121 C14.0602344,25.9949121 12.6882422,24.3543652 12.6882422,22.3379492 C12.6882422,20.3215332 14.060127,18.6809863 15.746543,18.6809863 C17.432959,18.6809863 18.8047363,20.3215332 18.8047363,22.3379492 C18.8047363,22.7826758 19.165459,23.143291 19.6104004,23.143291 C20.0553418,23.143291 20.4160645,22.7826758 20.4160645,22.3379492 Z" id="Shape" fill="#F2CDAE"> </path> <path d="M24.701123,31.1677051 C24.2561816,31.1677051 23.895459,31.5283203 23.895459,31.9730469 C23.895459,32.4177734 24.2561816,32.7783887 24.701123,32.7783887 C26.4820703,32.7783887 27.9309766,34.5078809 27.9309766,36.6336523 C27.9309766,38.7594238 26.4820703,40.4888086 24.701123,40.4888086 C22.9201758,40.4888086 21.4712695,38.7593164 21.4712695,36.6336523 C21.4712695,36.1889258 21.1105469,35.8283105 20.6656055,35.8283105 C20.2206641,35.8283105 19.8599414,36.1889258 19.8599414,36.6336523 C19.8599414,39.6475879 22.0316895,42.0994922 24.701123,42.0994922 C27.3705566,42.0994922 29.5423047,39.6474805 29.5423047,36.6336523 C29.5423047,33.6198242 27.3705566,31.1677051 24.701123,31.1677051 Z" id="Shape" fill="#F2CDAE"> </path> </g> </g> </svg>
  • Andreas Mehlsen
  • MIT
  • 11 просмотров
  • 6 скачиваний