Lightweight CSS Framework for Building Apps and Websites https://crispy-css.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

31 lines
1.2 KiB

5 years ago
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <title>IcoMoon - SVG Icons</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="demo-files/demo.css">
  8. <link rel="stylesheet" href="style.css">
  9. </head>
  10. <body>
  11. <header class="bgc1 clearfix">
  12. <div class="mhl">
  13. <p>SVG Icons - Generated by <a href="https://icomoon.io/app">IcoMoon</a></p><p><strong>Notice</strong>: This demo (along with "symbol-defs.svg" and "svgxuse.js" files) should be <b>hosted on a web server</b> to work properly.</p>
  14. </div>
  15. </header>
  16. <div class="clearfix mhl ptl">
  17. <h1 class="mvm mtn fgc1">Grid Size: 32</h1>
  18. <div class="glyph fs1">
  19. <div class="clearfix pbs">
  20. <svg class="icon icon-checked"><use xlink:href="symbol-defs.svg#icon-checked"></use></svg><span class="name"> icon-checked</span>
  21. </div>
  22. </div>
  23. <div class="glyph fs1">
  24. <div class="clearfix pbs">
  25. <svg class="icon icon-minus"><use xlink:href="symbol-defs.svg#icon-minus"></use></svg><span class="name"> icon-minus</span>
  26. </div>
  27. </div>
  28. </div>
  29. <script defer src="svgxuse.js"></script>
  30. </body>
  31. </html>