Provide SVG LURE icons

src/routes/faq/+page.svelte

@@ -65,6 +65,13 @@
         <a href="https://pkgs.org">pkgs.org</a>. These websites maintain comprehensive databases of package repositories for various distributions.
     </p>
     <hr>
+    <p class="subtitle" id="icons">Can I use and modify LURE's icons?</p>
+    <p>
+        LURE's icons are available on the <a href="/icons">icons page</a> of this website and are licensed under CC-BY-NC-SA 4.0. This means that
+        you are free to share, modify, and use the icons for non-commercial purposes as long as you give appropriate credit and indicate any changes
+        made to the original icons.
+    </p>
+    <hr>
     <p class="subtitle" id='adding-packages'>How do I add my own package to LURE?</p>
     <p>
         To add your own package, please refer to the <a href="https://github.com/Arsen6331/lure/blob/master/docs/packages">package documentation</a> provided by LURE.

src/routes/header.svelte

@@ -12,7 +12,7 @@
 
 <nav class="navbar mb-5">
     <div class="navbar-brand">
-        <a class="navbar-item" href="/"><img src="/header-logo.svg" alt="LURE Logo"></a>
+        <a class="navbar-item" href="/"><img src="/lure-text-white.svg" alt="LURE Logo"></a>
         <button class="navbar-burger {navbarIsActive ? 'is-active' : ''}" aria-label="menu" on:click={() => {navbarIsActive = !navbarIsActive}}>
             <span aria-hidden="true"></span>
             <span aria-hidden="true"></span>

src/routes/icons/+page.svelte

@@ -0,0 +1,72 @@
+<script>
+    import Header from "../header.svelte";
+    import Footer from "../footer.svelte";
+</script>
+
+<svelte:head>
+    <title>FAQ | LURE Web</title>
+    <meta name="description" content="LURE Icons">
+</svelte:head>
+
+<Header/>
+
+<div class="container">
+    <p class="title">Icons</p>
+    <br>
+    <div class="columns">
+        <div class="column ">
+            <div class="card">
+                <div class="card-header">
+                    <p class="card-header-title">
+                        Without Text
+                    </p>
+                </div>
+                <div class="card-content has-text-centered">
+                    <figure class="image is-16by9">
+                        <img src="/lure-no-text.svg" alt="LURE icon without text">
+                    </figure>
+                </div>
+                <footer class="card-footer">
+                    <a class="card-footer-item" href="/lure-no-text.svg" download>Download</a>
+                </footer>
+            </div>
+        </div>
+        <div class="column ">
+            <div class="card">
+                <div class="card-header">
+                    <p class="card-header-title">
+                        With Text
+                    </p>
+                </div>
+                <div class="card-content has-text-centered">
+                    <figure class="image is-16by9">
+                        <img src="/lure-text.svg" alt="LURE icon with text">
+                    </figure>
+                </div>
+                <footer class="card-footer">
+                    <a class="card-footer-item" href="/lure-text.svg" download>Download</a>
+                </footer>
+            </div>
+        </div>
+        <div class="column">
+            <div class="card">
+                <div class="card-header">
+                    <p class="card-header-title">
+                        White With Text
+                    </p>
+                </div>
+                <div class="card-content has-text-centered">
+                    <figure class="image is-16by9">
+                        <img src="/lure-text-white.svg" alt="White LURE icon with white text">
+                    </figure>
+                </div>
+                <footer class="card-footer">
+                    <a class="card-footer-item" href="/lure-text-white.svg" download>Download</a>
+                </footer>
+            </div>
+        </div>
+    </div>
+    <p class="has-text-weight-bold">Note: The icons on this page are licensed under CC-BY-NC-SA 4.0 unless otherwise specified</p>
+</div>
+
+<Footer/>