index.html 1.4 KB

123456789101112131415161718192021222324252627282930313233
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  9. </head>
  10. <body style="box-sizing: border-box;">
  11. <h1>SVG comparison </h1>
  12. <div style="display: flex; gap: 1rem;">
  13. <div style="border: 0.25rem blue solid;">
  14. <h2>Forkawesome 1.2.0</h2>
  15. <img style="width: 10rem; aspect-ratio: 1; border: 0.25rem red solid;" src="fka1.2_heart.svg" />
  16. </div>
  17. <div style="border: 0.25rem blue solid;">
  18. <h2>Fontawesome 6.4.0</h2>
  19. <img style="width: 10rem; aspect-ratio: 1; border: 0.25rem red solid;" src="fa6.4.0_heart.svg" />
  20. </div>
  21. </div>
  22. <div style="display: flex; gap: 1rem; margin-top: 1rem;">
  23. <div style="border: 0.25rem blue solid;">
  24. <h2>Forkawesome 1.2.0</h2>
  25. <img style="width: 10rem; aspect-ratio: 1; border: 0.25rem red solid;" src="fka1.2_mastodon.svg" />
  26. </div>
  27. <div style="border: 0.25rem blue solid;">
  28. <h2>Fontawesome 6.4.0</h2>
  29. <img style="width: 10rem; aspect-ratio: 1; border: 0.25rem red solid;" src="fa6.4.0_mastodon.svg" />
  30. </div>
  31. </div>
  32. </body>
  33. </html>