https://heroicons.dev/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8">
5    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <!-- SEO -->
8    <title>Heroicons</title>
9    <meta name="title" content="Heroicons">
10    <meta name="description" content="Heroicons is a collection of MIT open source interface icons for web and app development. Icons are free, no attribution required. Icons by @steveschoger. Website by @username_ZAYDEK.">
11    <!-- SEO / Facebook -->
12    <meta property="og:type" content="website">
13    <meta property="og:url" content="TODO">
14    <meta property="og:title" content="Heroicons">
15    <meta property="og:description" content="Heroicons is a collection of MIT open source interface icons for web and app development. Icons are free, no attribution required. Icons by @steveschoger. Website by @username_ZAYDEK.">
16    <meta property="og:image" content="TODO">
17    <!-- SEO / Twitter -->
18    <meta property="twitter:card" content="summary_large_image">
19    <meta property="twitter:url" content="TODO">
20    <meta property="twitter:title" content="Heroicons">
21    <meta property="twitter:description" content="Heroicons is a collection of MIT open source interface icons for web and app development. Icons are free, no attribution required. Icons by @steveschoger. Website by @username_ZAYDEK.">
22    <meta property="twitter:image" content="TODO">
23    <!-- Google Fonts -->
24    <link rel="preconnect" href="https://fonts.googleapis.com">
25    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
26    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
27    <!-- Plausible -->
28    

28<script defer data-domain="heroicons.dev" src="https://plausible.io/js/script.outbound-links.js"></script>

28
29    <!-- Dark mode -->
30    

30<script>
31      const media = window.matchMedia("(prefers-color-scheme: dark)")
32      if (media.matches) {
33        document.documentElement.classList.add("dark")
34      }
35      media.addEventListener("change", e => {
36        if (e.matches) {
37          document.documentElement.classList.add("dark")
38        } else {
39          document.documentElement.classList.remove("dark")
40        }
41      })
42    </script>

42
43    

43<script type="module" crossorigin src="/assets/index-3c2c9ce5.js"></script>

43
44    <link rel="stylesheet" href="/assets/index-e3b17c06.css">
45  </head>
46  <body>
47    <div id="root"></div>
48    
49  </body>
50</html>