-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
32 lines (30 loc) · 5.05 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html lang="en">
<head>
<title>SVG</title>
<link rel='stylesheet' href='assets/stylesheets/main.min.css'>
</head>
<body>
<svg style="display:none" xmlns="http://www.w3.org/2000/svg"><defs><symbol viewBox="0 0 800 800" id="icon-MoscowJS"><title>MoscowJS</title><g><g><path fill="#F3DF49" d="M0 0h800v800H0z"/><path fill="#2E2E2C" d="M210.35 668.538l61.22-37.05c11.812 20.94 22.557 38.658 48.328 38.658 24.703 0 40.277-9.664 40.277-47.25v-255.62h75.18V623.96c0 77.865-45.643 113.31-112.234 113.31-60.14 0-95.05-31.15-112.77-68.737"/><path fill="#2E2E2C" d="M476.19 660.482l61.214-35.442c16.115 26.316 37.058 45.648 74.11 45.648 31.15 0 51.014-15.574 51.014-37.056 0-25.776-20.404-34.906-54.774-49.938l-18.79-8.06c-54.24-23.088-90.223-52.086-90.223-113.306 0-56.385 42.96-99.35 110.09-99.35 47.794 0 82.162 16.65 106.862 60.15l-58.535 37.588c-12.89-23.09-26.848-32.218-48.327-32.218-22.018 0-35.98 13.962-35.98 32.218 0 22.556 13.963 31.686 46.18 45.65l18.795 8.053c63.904 27.388 99.886 55.31 99.886 118.138 0 67.666-53.163 104.717-124.584 104.717-69.81 0-114.92-33.293-136.936-76.793"/></g></g><g><g><path fill="#2E2E2C" d="M112.312 719.685s37.147 79.77 34.834 79.83c-2.314.058-8.516.028-8.516.028l-9.99-23.118h-3.923l-1.207 23.326h-8.482l-5.03-23.177h-5.8l-4.324 23.415H89.145l-4.29-23.415h-6.036l-4.83 23.178h-8.48l-1.174-23.325H60.38l-9.958 23.118s-6.236.03-8.55-.03c-2.313-.06 34.868-79.828 34.868-79.828l1.34-65.05H66.75v-4.245l12.17.06 1.51-68.285-5.968-.06v-17.478h7.074l2.85-123.84H76.84v-10.445h9.59l1.172-92.026h-8.348v-23.92h-4.76l-.035-8.13h4.86l.067-23.74H90.25l.805-40.27h-6.84v-2.02h7.243l.57-102.62-7.845-.03v-2.017h7.98l.57-64.13v-.24h-6.706v-1.987h7.745l.737-51.162.737 51.163h7.778V71.2H96.32v.24l.536 64.13h7.98v2.017l-7.813.03.57 102.62h7.242v2.018h-6.84l.805 40.27h10.863l.034 23.74h4.86l-.033 8.132h-4.76v23.92h-8.315l1.14 92.025h9.588v10.446h-7.543l2.883 123.84h7.074v17.478l-5.968.06 1.475 68.284 12.17-.06v4.244h-11.3l1.342 65.05z"/></g></g></symbol><symbol viewBox="0 0 1232 210.6" id="icon-Rambler"><title>Rambler</title><path fill="#231F20" d="M73.7 38.7c30.1 0 45 17.9 45 39.2 0 19-12.6 34.7-33.7 38.8l40.9 56.2h-18.5l-39.8-55H52.4v55H37V38.7h36.7zm-21.3 64.5h21.1c17.7 0 29.6-10 29.6-25.3 0-15.1-12.2-24.5-29.8-24.5H52.4v49.8zM208.9 38.7l57.6 134.2h-16.3l-12.9-31.3h-65.6L159 172.9h-16.3L200 38.7h8.9zm3.1 42.4c-2.5-6-6-13.9-6.9-17.1h-.9c-1.1 3.8-4 10.5-6.9 17.3l-19.4 45.6h53.2L212 81.1zM396.4 38.7h9v134.2H390V90.5c0-8.1.4-17.7.6-21.5h-1.1c-2.3 2.8-7.5 9-11.9 13.4l-31 33.3-31-33.3c-4.3-4.3-9.6-10.6-11.9-13.4h-1.3c.2 3.8.8 13.4.8 21.5v82.4h-15.6V38.7h9.2l49.9 54.9 49.7-54.9zM479.6 38.7c29.2 0 42.4 17.7 42.4 36.7 0 11.5-6.4 23.2-15.6 27.9 12.2 5.1 20.7 19 20.7 31.7 0 24.7-19.6 37.9-42.6 37.9h-44.4V38.7h39.5zm-24.1 58.8h25.7c14.7 0 25.4-6.8 25.4-22 0-14.3-11.7-22-26-22h-25.1v44zm0 60.7h28.2c15.5 0 27.5-7.5 27.5-23.6 0-15.1-11.7-22.4-28.8-22.4h-26.8v46zM572.5 158.2h60.6v14.7H557V38.7h15.5v119.5zM656.5 38.7h74.2v14.7h-58.8v41.1H729v15.1h-57.1v48.6h58.8v14.7h-74.2V38.7zM799.2 38.7c30.2 0 45 17.9 45 39.2 0 19-12.6 34.7-33.7 38.8l40.9 56.2H833l-39.8-55H778v55h-15.5V38.7h36.7zM778 103.2h21.1c17.7 0 29.6-10 29.6-25.3 0-15.1-12.3-24.5-29.8-24.5H778v49.8zM1131.2 150.4c-.3-.9-.6-1.8-.7-2.8-.1-.4-.3-.7-.5-1.1-.3-.6-.6-1.1-.9-1.6-.2-.4-.6-1-.7-1.1-.9-1.3-1.9-2.7-2.9-3.9-.5-.6-3.6-3.9-1.2-1.6-.6-.6-1.2-1.3-1.7-2-8.1 15.4-23.3 23.5-38.2 23.5-30.8-.1-50.9-24.9-50.9-54.5 0-29.8 21.3-54.5 52.2-54.5 11.9 0 23 4.1 32.4 11.1V44.5c-10-5.5-20.9-8.5-32.4-8.5-37.7 0-68 30.5-68 69.3 0 38.7 28.9 68.9 66.4 69.1h.4c18.8.1 36.5-8.8 46.7-24zM1154.4 90.2c23.7 0 40.6 18.9 40.6 42.3 0 22.9-16.9 42.1-40.6 42.1-23.7 0-40.6-19.1-40.6-41.7 0-25 18-42.7 40.6-42.7zm0 70.9c14.2 0 25.5-11.8 25.5-28.8 0-17.1-12.4-28.6-25.5-28.6-13.7 0-25.5 11.7-25.5 29 0 15.6 10.9 28.4 25.5 28.4zM982.9 172.4L961.6 150c-12.3 16.4-25.8 24.5-40.5 24.5-12.1 0-22-4-30.2-11.7-8.1-7.9-12.1-17.3-12.1-28.5 0-17.9 10.7-27.7 31.1-40.3-9.8-10-14.7-19.4-14.7-28.1 0-8.9 3.2-16 9.4-21.5 6.2-5.7 13.9-8.5 22.8-8.5s16.4 2.8 22.6 8.5c6.4 5.7 9.6 12.8 9.6 21.7 0 11.5-8.3 22-25.1 31.7l25.8 27.9 13.6-21.7h18.3l-21.1 33.2 33 35.2h-21.2zm-62.5-67.8c-17.8 8.7-26.7 19.4-26.7 32.3 0 6.3 2.8 11.9 8.3 16.8 5.5 5 11.7 7.3 18.2 7.3 4.6 0 9.1-1.4 13.7-4 4.6-2.8 7.7-5.3 9.9-7.7 2.2-2.6 5.1-5.9 8.5-10.5l-31.9-34.2zm3.3-17.2c5.5-2.6 8.5-4.4 13.5-8.1 4.9-4 7.7-8.7 7.7-14.3 0-9.5-7.5-16-17.6-16-10.1 0-17.4 6.9-17.4 15.4 0 6.4 4.5 14.1 13.8 23z"/></symbol></defs></svg>
<h2>SVG USE</h2>
<svg class="icon-rambler">
<use xlink:href="#icon-Rambler"></use>
</svg>
<svg class="icon-moscowjs">
<use xlink:href="#icon-MoscowJS"></use>
</svg>
<h2>SVG USE External file</h2>
<svg class="icon-rambler">
<use xlink:href="assets/images/sprite.svg#icon-Rambler"></use>
</svg>
<svg class="icon-moscowjs">
<use xlink:href="assets/images/sprite.svg#icon-MoscowJS"></use>
</svg>
<h2>background-image</h2>
<span class="svg-icon svg-Rambler svg-Rambler-dims"></span>
<span class="svg-icon svg-MoscowJS svg-MoscowJS-dims"></span>
<h2>FontFace</h2>
<i class="font-icon font_Rambler"></i>
<i class="font-icon font_MoscowJS"></i>
</body>
</html>