Адаптивный логотип в SVG

<a class="page-header__logo">
  <img width="100%" src="img/bb-logo-adaptive.svg">
</a>

<a class="page-header__logo">
    <svg width="370" height="153" viewBox="0 0 370 153">
      <style>
        .page-header__logo-barbershop {
          display: none;
        }
        
        .page-header__logo-mustache {
          display: none;
        }
        
        @media (min-width: 768px) {
          .page-header__logo-barbershop {
            display: inline-block;
          }
        }
        
        @media (min-width: 1200px) {
          .page-header__logo-mustache {
            display: inline-block;
          }
        }
      </style>
      <g class="page-header__logo-barbershop">
        <path fill="#FFFFFF" d="M119.858,11.427C127.044,8.998,127.591,0,120.509,0c-1.949,0-4.276,1.369-5.884,4.174l-9.579,16.559
            c-0.445,0.787-0.891,1.437-1.369,2.019c-2.464-3.387-1.744-8.451,1.71-10.674l-1.437-1.813c-7.458,4.755-5.269,18.475,7.185,18.475
            C121.775,28.739,126.701,15.977,119.858,11.427z M111.066,26.002c-2.121,0-3.799-0.479-5.131-1.232
            c0.614-0.718,1.231-1.607,1.778-2.532l5.986-10.367l0.958,0.103C123.006,13.72,119.688,26.002,111.066,26.002z M114.898,9.785
            l2.873-4.927c2.601-4.482,5.919-1.847,4.14,1.505C120.543,8.93,118.524,9.716,114.898,9.785z"/>
        <path fill="#FFFFFF" d="M259.209,18.954l-0.238,0.274c-1.985,2.326-4.346,4.243-6.502,4.995c0.582-0.924,1.027-1.916,1.472-2.669
            l3.935-6.739c3.319-5.645-2.053-7.527-5.68-4.276l0.719-1.233h-3.559l-5.563,9.655c-0.005-0.002-0.009-0.004-0.012-0.006
            l-0.24,0.274c-1.608,1.745-3.593,2.6-5.371,2.634l3.353-5.781c2.155-3.729,0.172-7.253-3.182-7.253
            c-2.737,0-4.857,1.095-6.911,4.654l-1.745,3.044l-1.452,2.486l-0.19,0.217c-2.566,2.977-5.063,5.337-6.638,5.337
            c-0.787,0-1.23-0.547-0.411-1.95l5.133-8.998c1.539-2.703,0.069-4.653-1.916-4.653c-1.539,0-3.183,0.855-4.961,2.704l5.679-9.888
            h-3.557l-9.924,17.215l-0.204,0.233c-1.299,1.54-2.874,2.908-4.277,3.866c1.131-3.387,0.892-8.587,3.08-13.137l-2.669-1.438
            c-1.471,2.02-4.686,6.672-7.903,10.435c0,0,0,0,0,0s0,0,0,0l-0.239,0.274c-2.565,2.977-5.064,5.337-6.637,5.337
            c-0.787,0-1.232-0.547-0.411-1.95l3.559-6.227c1.231-2.155,0.649-3.421-0.514-4.824l-1.984-2.394
            c-0.514-0.651-0.514-1.369,0.204-2.053l-1.847-2.019c-2.019,1.813-2.189,3.832-0.924,5.474l0.308,0.411
            c-1.573,2.223-3.694,5.234-6.021,7.971l-0.238,0.274c-2.566,2.977-5.851,5.337-8.348,5.337c-2.19,0-3.49-1.368-1.848-4.242
            l0.342-0.616c2.292,0.958,6.604,0.512,9.272-4.105l0.513-0.89c1.916-3.284,0.068-5.748-2.841-5.748
            c-2.872,0-5.165,1.505-6.671,4.106l-3.447,5.915l-0.214,0.244c-1.607,1.779-3.626,2.6-5.371,2.634l3.354-5.781
            c0.89-1.574,1.333-2.942,1.333-4.071c0-1.813-1.23-3.182-3.216-3.182c-0.854,0-1.608,0.308-2.327,0.787l4.518-7.835h-3.627
            l-9.975,17.234l-0.187,0.214c-2.566,2.977-5.063,5.337-6.638,5.337c-0.786,0-1.231-0.547-0.41-1.95l3.558-6.227
            c1.231-2.155,0.649-3.421-0.513-4.824l-1.984-2.394c-0.514-0.651-0.514-1.369,0.205-2.053l-1.847-2.019
            c-2.02,1.813-2.19,3.832-0.925,5.474l0.309,0.411c-1.574,2.223-3.695,5.234-6.021,7.971l-0.239,0.274
            c-2.566,2.977-5.063,5.337-6.637,5.337c-0.788,0-1.233-0.547-0.412-1.95l5.749-10.058h-2.02c0.137-1.506-1.402-3.593-3.729-3.593
            c-1.916,0-4.583,1.505-6.09,4.106l-4.994,8.621c-1.507,2.635-0.444,5.064,2.429,5.064c1.437,0,3.216-0.924,4.927-2.327
            c0.171,1.369,1.266,2.327,3.08,2.327c2.94,0,6.328-3.147,9.271-6.569l0,0c1.711-1.984,3.045-3.763,5.885-7.629l0.479,0.582
            c0.444,0.582,0.615,1.3,0.205,2.018l-3.764,6.535c-1.504,2.635-0.443,5.064,2.429,5.064c2.063,0,4.344-1.549,6.537-3.652
            c0,0.008-0.001,0.017-0.001,0.025c0,2.429,1.814,3.797,4.106,3.797c1.982,0,4.276-1.026,6.056-3.318
            c0.271,0.034,0.512,0.034,0.786,0.034c1.321,0,3.118-0.504,4.725-1.404c-0.187,2.568,1.676,4.518,4.821,4.518
            c4.037,0,8.039-3.147,10.981-6.569c1.712-1.984,3.045-3.763,5.885-7.629l0.479,0.582c0.444,0.582,0.615,1.3,0.205,2.018
            l-3.764,6.535c-1.506,2.635-0.444,5.064,2.429,5.064c2.943,0,6.33-3.147,9.272-6.569l-0.001,0l0.001,0
            c2.018-2.326,3.798-4.824,5.063-6.5c-1.402,3.696-0.65,10.333-4.036,10.333c-1.197,0-1.678-1.3-1.678-1.3l-2.224,1.164
            c0,0,0.65,2.874,3.901,2.874c0.341,0,0.648-0.034,0.99-0.068c0.036,0,0.069-0.034,0.104-0.034c1.872-0.248,3.735-1.136,5.466-2.364
            l-1.223,2.124h3.592l5.405-9.408c5.475-6.876,7.903-5.987,6.363-3.353l-4.618,8.04c-1.506,2.635-0.445,5.064,2.429,5.064
            c2.067,0,4.354-1.556,6.551-3.667c-0.008,4.537,6.294,5.422,10.146,0.553h0.788c1.073,0,2.464-0.334,3.81-0.944l-6.479,11.242
            h3.593l10.64-18.509c3.968-5.406,6.467-3.421,5.543-1.813l-5.37,9.306c-0.583,1.027-1.918,1.334-2.567,0l-2.019,0.958
            c0,0,0.65,2.874,3.9,2.874h0.206c5.166-0.103,8.552-3.182,11.461-6.569C260.339,19.638,259.723,19.09,259.209,18.954z
             M178.193,13.959c2.053-3.524,5.678-2.942,3.558,0.752l-0.513,0.89c-1.711,2.908-4.004,2.84-5.337,2.361L178.193,13.959z
             M132.588,19.57c-2.156,3.386-4.278,4.995-5.749,4.995c-0.787,0-1.231-0.547-0.411-1.95l4.963-8.655
            c1.915-3.319,5.712-2.463,3.968,0.752L132.588,19.57z M159.376,24.428c-0.788,0-1.438-0.479-1.438-1.369
            c0-0.513,0.206-1.094,0.617-1.847l1.266-2.189c0.274,1.539,0.958,2.874,2.258,3.694C161.36,23.88,160.266,24.428,159.376,24.428z
             M163.104,20.972c-0.923-0.684-1.506-1.778-1.506-3.216c0-2.532,2.465-6.671,4.482-6.671c0.787,0,1.335,0.582,1.335,1.54
            c0,0.581-0.205,1.3-0.685,2.121L163.104,20.972z M236.184,19.194h-0.17c-1.163,0-2.088,0.958-2.088,2.121
            c0,0.445,0.137,0.855,0.342,1.198l-0.034,0.068c-1.676,2.873-5.747,2.326-3.626-1.369l2.703-4.688l1.71-2.908
            c2.497-4.242,5.919-2.566,3.764,1.129L236.184,19.194z"/>
      </g>
      <g class="page-header__logo-borodinski">
        <rect x="1.675" y="69.236" transform="matrix(-0.7072 0.707 -0.707 -0.7072 61.5704 121.0555)" fill="#FFFFFF" width="8.084" height="8.084"/>
        <rect x="353.675" y="69.236" transform="matrix(-0.7072 0.707 -0.707 -0.7072 662.4932 -127.8249)" fill="#FFFFFF" width="8.084" height="8.084"/>
        <g>
          <polygon fill="#636466" points="46.799,73.48 48.882,73.48 48.882,65.156 52.157,65.156 52.157,63.072 46.799,63.072   "/>
          <path fill="#636466" d="M61.691,75.009V62.324c0-1.795-1.067-3.325-2.563-4.069c0.298,0.602,0.48,1.27,0.48,1.986v12.686
              c0,1.416-0.615,2.648-1.662,3.511c0.924,0.985,1.662,2.094,1.662,3.694v14.104c0,2.463-2.094,4.557-4.557,4.557h-13.56v2.084
              h15.643c2.463,0,4.557-2.094,4.557-4.557V82.215c0-1.602-0.738-2.709-1.662-3.695C61.076,77.658,61.691,76.425,61.691,75.009z"/>
          <polygon fill="#636466" points="46.799,91.34 48.882,91.34 48.882,82.955 52.157,82.955 52.157,80.871 46.799,80.871   "/>
        </g>
        <g>
          <polygon fill="#636466" points="79.81,91.34 81.893,91.34 81.893,65.156 85.168,65.156 85.168,63.072 79.81,63.072   "/>
          <path fill="#636466" d="M92.139,58.254c0.298,0.602,0.48,1.27,0.48,1.986v33.994c0,2.463-2.094,4.557-4.557,4.557H76.978
              c-0.717,0-1.385-0.184-1.987-0.48c0.744,1.496,2.274,2.564,4.07,2.564h11.085c2.463,0,4.557-2.094,4.557-4.557V62.324
              C94.702,60.529,93.635,58.999,92.139,58.254z"/>
        </g>
        <g>
          <polygon fill="#636466" points="112.82,73.48 114.903,73.48 114.903,65.156 118.179,65.156 118.179,63.072 112.82,63.072   "/>
          <path fill="#636466" d="M125.065,82.523c1.601-0.74,2.586-2.34,2.586-4.064V62.324c0-1.816-1.06-3.364-2.566-4.098
              c0.299,0.609,0.483,1.286,0.483,2.014v16.135c0,1.725-0.985,3.325-2.586,4.064l3.079,18.352h-5.658l0.351,2.084h7.391
              L125.065,82.523z"/>
          <polygon fill="#636466" points="115.653,80.871 112.82,80.871 112.82,98.791 107.514,98.791 107.514,100.875 114.903,100.875
              114.903,82.955 116.004,82.955   "/>
        </g>
        <g>
          <polygon fill="#636466" points="144.848,91.34 146.931,91.34 146.931,65.156 150.206,65.156 150.206,63.072 144.848,63.072   "/>
          <path fill="#636466" d="M157.177,58.254c0.298,0.602,0.48,1.27,0.48,1.986v33.994c0,2.463-2.094,4.557-4.557,4.557h-11.086
              c-0.716,0-1.384-0.184-1.985-0.48c0.743,1.496,2.273,2.564,4.068,2.564h11.086c2.463,0,4.557-2.094,4.557-4.557V62.324
              C159.74,60.529,158.673,58.999,157.177,58.254z"/>
        </g>
        <g>
          <polygon fill="#636466" points="177.858,91.34 179.941,91.34 179.941,65.156 183.217,65.156 183.217,63.072 177.858,63.072   "/>
          <path fill="#636466" d="M190.188,58.254c0.298,0.602,0.48,1.27,0.48,1.986v33.994c0,2.463-2.094,4.557-4.557,4.557h-13.56v2.084
              h15.643c2.463,0,4.557-2.094,4.557-4.557V62.324C192.751,60.529,191.684,58.999,190.188,58.254z"/>
        </g>
        <polygon fill="#636466" points="211.239,57.766 211.239,98.791 205.933,98.791 205.933,100.875 213.322,100.875 213.322,57.766 "/>
        <g>
          <polygon fill="#636466" points="244.126,57.766 244.126,98.791 238.22,98.791 238.819,100.875 246.209,100.875 246.209,57.766   "/>
          <polygon fill="#636466" points="231.316,79.947 231.316,98.791 226.01,98.791 226.01,100.875 233.399,100.875 233.399,87.189   "/>
        </g>
        <g>
          <path fill="#636466" d="M263.578,82.955h6.107v-2.084h-8.19c-0.722,0-1.394-0.181-1.998-0.477
              C260.236,81.908,261.774,82.955,263.578,82.955z"/>
          <polygon fill="#636466" points="266.41,85.725 264.327,86.211 264.327,91.34 266.41,91.34   "/>
          <path fill="#636466" d="M276.656,58.254c0.298,0.602,0.48,1.27,0.48,1.986v8.744l-5.368,1.243v2.565l7.451-1.725v-8.744
              C279.22,60.529,278.152,58.999,276.656,58.254z"/>
          <path fill="#636466" d="M276.656,76.052c0.298,0.602,0.48,1.269,0.48,1.985v16.197c0,2.463-2.094,4.557-4.557,4.557h-11.085
              c-0.717,0-1.385-0.184-1.987-0.48c0.744,1.496,2.274,2.564,4.07,2.564h11.085c2.463,0,4.557-2.094,4.557-4.557V80.121
              C279.22,78.326,278.153,76.796,276.656,76.052z"/>
          <polygon fill="#636466" points="264.327,63.072 264.327,73.48 266.41,73.48 266.41,65.156 269.686,65.156 269.686,63.072   "/>
        </g>
        <g>
          <polygon fill="#636466" points="298.017,80.871 297.339,80.871 297.339,98.791 292.032,98.791 292.032,100.875 299.422,100.875
              299.422,85.352   "/>
          <polygon fill="#636466" points="313.155,57.766 310.403,57.766 304.175,77.176 311.072,98.791 305.066,98.791 305.643,100.629
              305.704,100.875 313.155,100.875 306.258,79.26   "/>
        </g>
        <polygon fill="#636466" points="330.535,57.766 330.535,98.791 325.229,98.791 325.229,100.875 332.618,100.875 332.618,57.766 "/>
        <rect x="361.533" y="79.663" transform="matrix(0.707 -0.7072 0.7072 0.707 49.7194 282.2921)" fill="#636466" width="8.084" height="2.947"/>
        <rect x="9.533" y="79.663" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -53.3961 33.3639)" fill="#636466" width="8.085" height="2.947"/>
        <g>
          <path fill="#FFFFFF" d="M55.649,68.967c0,1.416-0.615,2.648-1.662,3.511c0.924,0.985,1.662,2.094,1.662,3.694v14.103
              c0,2.463-2.094,4.557-4.557,4.557H35.45V51.724h15.643c2.463,0,4.557,2.032,4.557,4.558V68.967z M48.198,59.114H42.84v10.408h5.358
              V59.114z M48.198,76.912H42.84v10.469h5.358V76.912z"/>
          <path fill="#FFFFFF" d="M84.104,51.724c2.463,0,4.557,2.032,4.557,4.558v33.994c0,2.463-2.094,4.557-4.557,4.557H73.019
              c-2.525,0-4.558-2.094-4.558-4.557V56.282c0-2.525,2.032-4.558,4.558-4.558H84.104z M81.209,59.114h-5.358v28.267h5.358V59.114z"/>
          <path fill="#FFFFFF" d="M114.712,94.832l-3.018-17.92h-2.833v17.92h-7.39V51.724h15.643c2.463,0,4.495,2.032,4.495,4.558v16.135
              c0,1.725-0.985,3.325-2.586,4.064l3.079,18.351H114.712z M114.22,59.114h-5.358v10.408h5.358V59.114z"/>
          <path fill="#FFFFFF" d="M149.142,51.724c2.463,0,4.557,2.032,4.557,4.558v33.994c0,2.463-2.094,4.557-4.557,4.557h-11.086
              c-2.524,0-4.557-2.094-4.557-4.557V56.282c0-2.525,2.032-4.558,4.557-4.558H149.142z M146.247,59.114h-5.358v28.267h5.358V59.114z"
          />
          <path fill="#FFFFFF" d="M182.152,51.724c2.463,0,4.557,2.032,4.557,4.558v33.994c0,2.463-2.094,4.557-4.557,4.557H166.51V51.724
              H182.152z M179.258,59.114h-5.358v28.267h5.358V59.114z"/>
          <path fill="#FFFFFF" d="M199.891,51.724h7.39v43.108h-7.39V51.724z"/>
          <path fill="#FFFFFF" d="M240.167,51.724v43.108h-7.39l-5.42-18.843v18.843h-7.39V51.724h7.328l5.42,17.675V51.724H240.167z"/>
          <path fill="#FFFFFF" d="M268.621,69.522c2.463,0,4.557,2.032,4.557,4.557v16.197c0,2.463-2.094,4.557-4.557,4.557h-11.085
              c-2.525,0-4.558-2.094-4.558-4.557v-8.867l7.39-1.725v7.697h5.358V76.912h-8.19c-2.525,0-4.558-2.033-4.558-4.558V56.282
              c0-2.525,2.032-4.558,4.558-4.558h11.085c2.463,0,4.557,2.032,4.557,4.558v8.744l-7.451,1.725v-7.637h-5.358v10.408H268.621z"/>
          <path fill="#FFFFFF" d="M300.216,73.217l6.897,21.615h-7.451l-0.062-0.246l-5.543-17.674h-0.678v17.92h-7.39V51.724h7.39v17.798
              h0.555l5.666-17.798h7.513L300.216,73.217z"/>
          <path fill="#FFFFFF" d="M319.187,51.724h7.39v43.108h-7.39V51.724z"/>
        </g>
      </g>
      <g class="page-header__logo-mustache">
        <g>
          <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M167.898,123.846c0.469,0,0.939,0,1.409,0
              c5.429,0.278,9.686,1.728,12.393,4.724c2.738-2.987,6.994-4.458,12.455-4.724c0.45,0,0.899,0,1.35,0
              c12.106,0.823,17.629,9.496,27.301,13.19c1.418,0.541,3.219,1.151,4.786,0.982c2.475-0.27,4.059-2.78,3.741-5.583
              c-0.342-3.016-3.276-5.609-6.564-4.173c-0.483,0.211-0.841,0.509-1.165,0.798c-0.254,0.226-0.534,0.826-1.166,0.613
              c-0.598-0.496,0.044-1.227,0.307-1.655c1.134-1.855,2.909-3.233,6.074-3.007c5.631,0.404,10.675,5.337,9.815,12.822
              c-1.919,11.209-12.109,14.149-24.172,15.215c-1.309,0-2.618,0-3.927,0c-12.528-0.744-21.43-5.114-28.773-11.043
              c-7.464,5.849-16.291,10.334-28.896,11.043c-1.288,0-2.577,0-3.865,0c-12.159-1.072-22.445-4.017-24.233-15.461
              c-0.675-8.159,4.185-12.172,9.816-12.576c3.128-0.225,5.022,1.146,6.135,3.007c0.278,0.464,0.803,1.166,0.307,1.717
              c-0.609,0.109-0.908-0.369-1.165-0.613c-0.699-0.664-1.494-1.18-2.822-1.228c-3.862-0.139-6.076,4.154-4.54,7.608
              c0.525,1.181,1.798,2.363,3.374,2.516c1.568,0.15,3.361-0.459,4.786-0.982c1.481-0.545,2.745-1.245,3.865-1.901
              C151.892,130.813,157.636,124.762,167.898,123.846z"/>
        </g>
      </g>
    </svg>
  </a>