Переменные шрифты

<?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>the-modern-web/variable-fonts</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="the-modern-web/variable-fonts" 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="#04376E" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="edit-text" transform="translate(15.000000, 14.000000)" fill-rule="nonzero"> <polygon id="Shape" fill="#3EA7FF" points="44 0 0 0 0 44 7.5862069 44 7.5862069 7.5862069 44 7.5862069"> </polygon> <path d="M15.1724138,15.1724138 L15.1724138,23.5172414 L18.2068966,23.5172414 C18.2068966,21.8413428 19.5654808,20.4827586 21.2413793,20.4827586 L24.2758621,20.4827586 L24.2758621,37.9310345 C24.2758621,39.606933 22.9172779,40.9655172 21.2413793,40.9655172 L21.2413793,44 L33.3793103,44 L33.3793103,40.9655172 C31.7034118,40.9655172 30.3448276,39.606933 30.3448276,37.9310345 L30.3448276,20.4827586 L33.3793103,20.4827586 C35.0552089,20.4827586 36.4137931,21.8413428 36.4137931,23.5172414 L39.4482759,23.5172414 L39.4482759,15.1724138 L15.1724138,15.1724138 Z" id="Shape" fill="#EB352F"> </path> <g id="Group" transform="translate(7.586207, 7.586207)" fill="#65DCFF"> <polygon id="Shape" points="31.1034483 0 32.6206897 0 32.6206897 2.27586207 31.1034483 2.27586207"> </polygon> <polygon id="Shape" points="6.82758621 0 8.34482759 0 8.34482759 2.27586207 6.82758621 2.27586207"> </polygon> <polygon id="Shape" points="3.79310345 6.82758621 5.31034483 6.82758621 5.31034483 8.34482759 3.79310345 8.34482759"> </polygon> <polygon id="Shape" points="6.82758621 3.79310345 8.34482759 3.79310345 8.34482759 5.31034483 6.82758621 5.31034483"> </polygon> <polygon id="Shape" points="31.1034483 3.79310345 32.6206897 3.79310345 32.6206897 5.31034483 31.1034483 5.31034483"> </polygon> <polygon id="Shape" points="0 6.82758621 2.27586207 6.82758621 2.27586207 8.34482759 0 8.34482759"> </polygon> <polygon id="Shape" points="3.79310345 15.1724138 5.31034483 15.1724138 5.31034483 16.6896552 3.79310345 16.6896552"> </polygon> <polygon id="Shape" points="0 15.1724138 2.27586207 15.1724138 2.27586207 16.6896552 0 16.6896552"> </polygon> <polygon id="Shape" points="3.79310345 32.6206897 5.31034483 32.6206897 5.31034483 34.137931 3.79310345 34.137931"> </polygon> <polygon id="Shape" points="0 32.6206897 2.27586207 32.6206897 2.27586207 34.137931 0 34.137931"> </polygon> <polygon id="Shape" points="3.79310345 35.6551724 5.31034483 35.6551724 5.31034483 37.1724138 3.79310345 37.1724138"> </polygon> <polygon id="Shape" points="6.82758621 35.6551724 8.34482759 35.6551724 8.34482759 37.1724138 6.82758621 37.1724138"> </polygon> <polygon id="Shape" points="0 35.6551724 2.27586207 35.6551724 2.27586207 37.1724138 0 37.1724138"> </polygon> <polygon id="Shape" points="6.82758621 32.6206897 8.34482759 32.6206897 8.34482759 34.137931 6.82758621 34.137931"> </polygon> <polygon id="Shape" points="9.86206897 35.6551724 11.3793103 35.6551724 11.3793103 37.1724138 9.86206897 37.1724138"> </polygon> <polygon id="Shape" points="9.86206897 32.6206897 11.3793103 32.6206897 11.3793103 34.137931 9.86206897 34.137931"> </polygon> </g> <polygon id="Shape" fill="#2B7CD4" points="3.03448276 40.2068966 7.5862069 40.2068966 7.5862069 41.7241379 3.03448276 41.7241379"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="3.03448276 35.6551724 7.5862069 35.6551724 7.5862069 37.1724138 3.03448276 37.1724138"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="3.03448276 31.1034483 7.5862069 31.1034483 7.5862069 32.6206897 3.03448276 32.6206897"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="3.03448276 26.5517241 7.5862069 26.5517241 7.5862069 28.0689655 3.03448276 28.0689655"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="3.03448276 22 7.5862069 22 7.5862069 23.5172414 3.03448276 23.5172414"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="3.03448276 17.4482759 7.5862069 17.4482759 7.5862069 18.9655172 3.03448276 18.9655172"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="3.03448276 12.8965517 7.5862069 12.8965517 7.5862069 14.4137931 3.03448276 14.4137931"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="3.03448276 8.34482759 7.5862069 8.34482759 7.5862069 9.86206897 3.03448276 9.86206897"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="40.2068966 3.03448276 41.7241379 3.03448276 41.7241379 7.5862069 40.2068966 7.5862069"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="35.6551724 3.03448276 37.1724138 3.03448276 37.1724138 7.5862069 35.6551724 7.5862069"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="31.1034483 3.03448276 32.6206897 3.03448276 32.6206897 7.5862069 31.1034483 7.5862069"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="26.5517241 3.03448276 28.0689655 3.03448276 28.0689655 7.5862069 26.5517241 7.5862069"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="22 3.03448276 23.5172414 3.03448276 23.5172414 7.5862069 22 7.5862069"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="17.4482759 3.03448276 18.9655172 3.03448276 18.9655172 7.5862069 17.4482759 7.5862069"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="12.8965517 3.03448276 14.4137931 3.03448276 14.4137931 7.5862069 12.8965517 7.5862069"> </polygon> <polygon id="Shape" fill="#2B7CD4" points="8.34482759 3.03448276 9.86206897 3.03448276 9.86206897 7.5862069 8.34482759 7.5862069"> </polygon> </g> </g> </svg>