Состояния UI

<?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>accessibility/ui-states</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="accessibility/ui-states" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)"> <rect id="mask" stroke="#4D4D4D" stroke-width="2" fill="#FFFFFF" fill-rule="nonzero" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g id="website"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"> </use> </mask> <rect stroke="#4D4D4D" stroke-width="2" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g mask="url(#mask-2)"> <g transform="translate(-5.000000, 0.000000)"> <g id="Group-2"> <rect id="Rectangle" fill="#E7ECED" fill-rule="nonzero" x="0" y="0" width="77" height="15"> </rect> <path d="M29.965023,6.00000883 C31.0469398,6.00322136 31.9214683,6.88310415 31.9178988,7.96502093 C31.9146862,9.04693771 31.0344465,9.92146622 29.9525297,9.91789676 C28.8706129,9.91432721 27.9964413,9.03408749 28.0000109,7.95217071 C28.0039374,6.87061086 28.8834632,5.99679621 29.965023,6.00000883 Z" id="Shape" fill="#88DB51" fill-rule="nonzero"> </path> <path d="M22.9644876,6.00001089 C24.0460474,6.00358044 24.920219,6.88346323 24.9166495,7.96502308 C24.913437,9.04658284 24.0335542,9.9203975 22.9519943,9.91718497 C21.8704346,9.91361542 20.9962629,9.03373263 20.9998324,7.95217278 C21.003402,6.87061302 21.8829278,5.99644143 22.9644876,6.00001089 Z" id="Shape" fill="#EBD100" fill-rule="nonzero"> </path> <path d="M15.9646661,6.00001089 C17.0462258,6.00358044 17.9200405,6.8831063 17.916471,7.96466606 C17.9129016,9.04622592 17.0333757,9.9203975 15.9518159,9.91682804 C14.870256,9.91325849 13.9964413,9.03373263 14.0000109,7.95217287 C14.0028665,6.87061302 14.8831063,5.99644143 15.9646661,6.00001089 Z" id="Shape" fill="#FA4C47" fill-rule="nonzero"> </path> </g> <g id="Group" transform="translate(21.746552, 26.477586)"> <path d="M35.4342672,12.8986793 L30.2453223,12.8986793 L30.2453223,29.8883229 L5.18894495,29.8883229 L5.18894495,12.8986793 L0,12.8986793 L17.7171336,0 L29.8914363,8.86375569 L35.4342672,12.8986793 Z M21.0380584,11.6279067 C21.0380584,9.79413348 19.5514257,8.30698193 17.7171336,8.30698193 C15.8828415,8.30698193 14.3962089,9.79413348 14.3962089,11.6279067 C14.3962089,13.4621988 15.8828415,14.9488315 17.7171336,14.9488315 C19.5514257,14.9493503 21.0385772,13.4621988 21.0380584,11.6279067 Z" id="Shape" fill="#3083C9" fill-rule="nonzero"> </path> </g> </g> </g> </g> </g> </g> </svg>