<link rel="preload" href="/media/css/frontend/opensans/opensans-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous" /><link rel="preload" href="/media/css/frontend/opensans/opensans-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
<link rel="preload" href="/media/css/frontend/opensans/opensans-regular.ttf" as="font" type="font/ttf" crossorigin="anonymous" />
<link rel="preload" href="/media/css/frontend/opensans/opensans-regular.woff" as="font" type="font/woff" crossorigin="anonymous" />@font-face {
font-family: 'Web font';
src: url('webfont.woff2') format('woff2'),
url('webfont.ttf') format('truetype'), /* Только если нужна поддержка старых Android, иначе закомментировать */
url('webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
<svg class="icon icon-alcohol"><use xlink:href="#icon-alcohol"></use></svg><symbol id="icon-alcohol" viewBox="0 0 32 32">
<path d="M16 0c-8.822 0-16 7.178-16 16s7.178 16 16 16 16-7.178 16-16-7.178-16-16-16zM29.58 16c0 3.309-1.19 6.345-3.165 8.704l-3.915-3.915c1.494-0.622 2.432-2.373 2.162-4.256-0.132-0.926-0.55-1.936-1.168-2.696h-4.399c-0.559 0.687-0.953 1.578-1.121 2.427l-0.798-0.798v-1.277c0-1.408-0.832-2.624-2.030-3.185v-4.747c0.095-0.126 0.153-0.282 0.153-0.453v-0.076c0-0.415-0.337-0.752-0.753-0.752h-1.769c-0.416 0-0.753 0.337-0.753 0.752v0.076c0 0.171 0.057 0.327 0.153 0.453v4.21l-4.882-4.882c2.359-1.975 5.395-3.165 8.704-3.165 7.488 0 13.58 6.092 13.58 13.58zM22.129 23.941v-0.101l0.101 0.101h-0.101zM2.42 16c0-3.309 1.19-6.345 3.165-8.704l5.072 5.072c-0.323 0.531-0.509 1.155-0.509 1.821v10.746c0 0.244 0.197 0.441 0.44 0.441h6.148c0.243 0 0.441-0.197 0.441-0.441v-6.047l3.286 3.286v1.767h-0.658c-0.239 0-0.432 0.193-0.432 0.432v0.584c0 0.239 0.193 0.432 0.432 0.432h2.982c0.239 0 0.432-0.193 0.432-0.432v-0.027l1.486 1.486c-2.358 1.975-5.395 3.165-8.704 3.165-7.488 0-13.58-6.092-13.58-13.58z"></path>
</symbol>.icon {
display: inline-block;
width: 1em;
height: 1em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
