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

<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/best-practices</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="web-components/best-practices" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill-rule="nonzero"> <rect id="mask" stroke="#294473" stroke-width="2" fill="#FFFFFF" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g id="like" transform="translate(12.000000, 11.000000)"> <rect id="Rectangle-path" fill="#4B6DAA" x="0.416666667" y="16.6666667" width="11.6666667" height="30"> </rect> <circle id="Oval" fill="#D8A852" cx="6.25" cy="39.1666667" r="3.33333333"> </circle> <path d="M43.75,21.6666667 C43.75,19.8258333 42.2575,18.3333333 40.4166667,18.3333333 L32.9166667,18.3333333 L30.4166667,18.3333333 L27.415,18.3333333 L28.2383333,14.4841667 C28.8666667,11.5475 28.6983333,7.96833333 28.325,5.45416667 C27.9516667,2.94 25.7,0 23.3441667,0 L23.145,0 C21.1366667,0 20.4166667,2.21583333 20.4166667,5 C20.4166667,18.5416667 13.75,18.3333333 13.75,18.3333333 L12.0833333,18.3333333 L12.0833333,45 L24.5833333,45 L32.9166667,45 L36.25,45 C38.0908333,45 39.5833333,43.5075 39.5833333,41.6666667 C39.5833333,39.8258333 38.0908333,38.3333333 36.25,38.3333333 L38.75,38.3333333 C40.5908333,38.3333333 42.0833333,36.8408333 42.0833333,35 C42.0833333,33.1591667 40.5908333,31.6666667 38.75,31.6666667 L41.25,31.6666667 C43.0908333,31.6666667 44.5833333,30.1741667 44.5833333,28.3333333 C44.5833333,26.2558333 43.2391667,25.465 41.25,25.17 C40.2808333,25.0258333 38.52,25 37.9166667,25 L40.4166667,25 C42.2575,25 43.75,23.5075 43.75,21.6666667 Z" id="Shape" fill="#FBCE9D"> </path> <path d="M42.6,24.1666667 L32.0833333,24.1666667 C31.6233333,24.1666667 31.25,24.5391667 31.25,25 C31.25,25.4608333 31.6233333,25.8333333 32.0833333,25.8333333 L43.2966667,25.8333333 C42.7491667,25.4975 42.0566667,25.2891667 41.25,25.17 C40.2808333,25.0258333 38.52,25 37.9166667,25 L40.4166667,25 C41.2566667,25 42.0141667,24.6791667 42.6,24.1666667 Z" id="Shape" fill="#F7B563"> </path> <path d="M43.4333333,30.8333333 L32.0833333,30.8333333 C31.6233333,30.8333333 31.25,31.2058333 31.25,31.6666667 C31.25,32.1275 31.6233333,32.5 32.0833333,32.5 L40.9341667,32.5 C40.3483333,31.9875 39.59,31.6666667 38.75,31.6666667 L41.25,31.6666667 C42.09,31.6666667 42.8475,31.3458333 43.4333333,30.8333333 Z" id="Shape" fill="#F7B563"> </path> <path d="M40.9333333,37.5 L30.4166667,37.5 C29.9566667,37.5 29.5833333,37.8725 29.5833333,38.3333333 C29.5833333,38.7941667 29.9566667,39.1666667 30.4166667,39.1666667 L38.4341667,39.1666667 C37.8483333,38.6541667 37.09,38.3333333 36.25,38.3333333 L38.75,38.3333333 C39.59,38.3333333 40.3475,38.0125 40.9333333,37.5 Z" id="Shape" fill="#F7B563"> </path> </g> </g> </g> </svg>