Лучшие практики (5)

<?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>design-and-ux/best-practices</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="design-and-ux/best-practices" 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="#47211C" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="flag" transform="translate(19.000000, 10.000000)" fill-rule="nonzero"> <path d="M27.5198718,5.38461538 C23.7820513,5.38461538 23.7820513,7.17948718 20.0397436,7.17948718 C16.2974359,7.17948718 16.3019231,5.38461538 12.5641026,5.38461538 L12.5641026,16.1538462 C16.3019231,16.1538462 16.3019231,17.9487179 20.0397436,17.9487179 C23.7775641,17.9487179 23.779359,16.1538462 27.5198718,16.1538462 C31.2603846,16.1538462 31.2594872,17.9487179 35,17.9487179 L35,7.17948718 C31.2594872,7.17948718 31.2594872,5.38461538 27.5198718,5.38461538 Z" id="Shape" fill="#3384AA"> </path> <path d="M19.7435897,15.2564103 L19.7435897,13.4615385 C20.9675586,13.4814652 22.1776101,13.1997568 23.2669231,12.6412821 C24.5871359,11.9834929 26.0449648,11.6494135 27.5198718,11.6666667 C28.9578717,11.6358489 30.3795824,11.9758232 31.6480769,12.6538462 C31.9585897,12.8028205 32.2691026,12.9535897 32.62,13.0837179 L31.9917949,14.7664103 C31.5870513,14.615641 31.2271795,14.4442308 30.8673077,14.2719231 C29.8419012,13.7097409 28.6852129,13.4309462 27.5162821,13.4642308 C26.2923132,13.444304 25.0822617,13.7260124 23.9929487,14.2844872 C22.6735885,14.9407896 21.2170677,15.2739283 19.7435897,15.2564103 Z" id="Shape" fill="#205D79"> </path> <path d="M22.7239744,11.2080769 L22.1478205,9.51282051 C22.5498718,9.37641026 22.9079487,9.21576923 23.2669231,9.05602564 C24.5866815,8.3964884 26.0445774,8.06085546 27.5198718,8.07692308 C28.9578717,8.04610536 30.3795824,8.38607964 31.6480769,9.06410256 C31.9585897,9.21307692 32.2691026,9.36384615 32.62,9.49397436 L31.9917949,11.1766667 C31.5870513,11.0258974 31.2271795,10.8544872 30.8673077,10.6821795 C29.8419012,10.1199974 28.6852129,9.84120265 27.5162821,9.87448718 C26.2920264,9.85456027 25.0816843,10.1362646 23.9920513,10.6947436 C23.6025641,10.8670513 23.1933333,11.0492308 22.7239744,11.2080769 Z" id="Shape" fill="#205D79"> </path> <polygon id="Shape" fill="#195C85" points="11.6666667 2.69230769 13.4615385 2.69230769 13.4615385 27.8205128 11.6666667 27.8205128"> </polygon> <circle id="Oval" fill="#FCF05A" cx="12.5641026" cy="1.79487179" r="1.79487179"> </circle> <circle id="Oval" fill="#D3843D" cx="12.5641026" cy="39.4871795" r="12.5641026"> </circle> <path d="M4.48717949,39.4871795 L2.69230769,39.4871795 C2.69873647,34.0378028 7.11472591,29.6218134 12.5641026,29.6153846 L12.5641026,31.4102564 C8.10539138,31.4152023 4.49212537,35.0284683 4.48717949,39.4871795 Z" id="Shape" fill="#F9BB4B"> </path> <circle id="Oval" fill="#66342E" cx="19.7435897" cy="40.3846154" r="1.79487179"> </circle> <circle id="Oval" fill="#66342E" cx="17.0512821" cy="34.1025641" r="2.69230769"> </circle> <circle id="Oval" fill="#66342E" cx="8.97435897" cy="43.974359" r="1.79487179"> </circle> <g id="Group" transform="translate(2.692308, 34.102564)" fill="#F9BB4B"> <polygon id="Shape" points="0 7.17948718 1.79487179 7.17948718 1.79487179 8.97435897 0 8.97435897"> </polygon> <polygon id="Shape" points="11.6666667 12.5641026 13.4615385 12.5641026 13.4615385 14.3589744 11.6666667 14.3589744"> </polygon> <polygon id="Shape" points="7.17948718 0 8.97435897 0 8.97435897 1.79487179 7.17948718 1.79487179"> </polygon> </g> </g> </g> </svg>