Fork-Awesome/posts/2023-04-10_forkawesomeIntrospection/fontawesome-forkawesome-comparison/index.html
2023-04-10 18:27:02 +02:00

33 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body style="box-sizing: border-box;">
<h1>SVG comparison </h1>
<div style="display: flex; gap: 1rem;">
<div style="border: 0.25rem blue solid;">
<h2>Forkawesome 1.2.0</h2>
<img style="width: 10rem; aspect-ratio: 1; border: 0.25rem red solid;" src="fka1.2_heart.svg" />
</div>
<div style="border: 0.25rem blue solid;">
<h2>Fontawesome 6.4.0</h2>
<img style="width: 10rem; aspect-ratio: 1; border: 0.25rem red solid;" src="fa6.4.0_heart.svg" />
</div>
</div>
<div style="display: flex; gap: 1rem; margin-top: 1rem;">
<div style="border: 0.25rem blue solid;">
<h2>Forkawesome 1.2.0</h2>
<img style="width: 10rem; aspect-ratio: 1; border: 0.25rem red solid;" src="fka1.2_mastodon.svg" />
</div>
<div style="border: 0.25rem blue solid;">
<h2>Fontawesome 6.4.0</h2>
<img style="width: 10rem; aspect-ratio: 1; border: 0.25rem red solid;" src="fa6.4.0_mastodon.svg" />
</div>
</div>
</body>
</html>