diff --git a/card.html b/card.html
index 544a4d0..14392f8 100644
--- a/card.html
+++ b/card.html
@@ -196,17 +196,20 @@ <h1>Phone</h1>
 
                 // Iterate over the contacts and display
                 contactData.contacts.forEach(contact => {
-                    if (contact.display) {
+                    if (contact.display && contact.value) {
                         const item = document.createElement('div');
                         item.classList.add("row");
                         
                         const button = document.createElement('a');
                         button.href = contact.link;
 
-                        const icon = document.createElement('div')
+                        // Create an img element for the icon
+                        const icon = document.createElement('img');
                         icon.classList.add("icon");
+                        icon.src = contact.icon;
+                        icon.alt = `${contact.contactType} icon`;
                         button.appendChild(icon);
-
+        
                         const name = document.createElement('h1')
                         name.textContent = contact.contactType;
                         button.appendChild(name);
diff --git a/cardAssets/contacts.json b/cardAssets/contacts.json
index d404516..2ad2c26 100644
--- a/cardAssets/contacts.json
+++ b/cardAssets/contacts.json
@@ -4,37 +4,43 @@
         "contactType": "Website",
         "display": true,
         "value": "DanielRedacted.net",
-        "link": "https://DanielRedacted.net"
+        "link": "https://DanielRedacted.net",
+        "icon": "cardAssets/icons/website.svg"
       },
       {
         "contactType": "Email",
         "display": true,
         "value": "Him@DanielRedacted.net",
-        "link": "mailto:Him@DanielRedacted.net"
+        "link": "mailto:Him@DanielRedacted.net",
+        "icon": "cardAssets/icons/mail.svg"
       },
       {
         "contactType": "Phone",
         "display": true,
         "value": "+1-000-000-0000",
-        "link": "tel:+10000000000"
+        "link": "tel:+10000000000",
+        "icon": "cardAssets/icons/phone.svg"
       },
       {
         "contactType": "LinkedIn",
         "display": true,
-        "value": "LinkedIn Profile",
-        "link": "https://www.linkedin.com/in/username"
+        "value": "",
+        "link": "https://www.linkedin.com/in/username",
+        "icon": ""
       },
       {
         "contactType": "X",
         "display": true,
         "value": "@DanielRedacted",
-        "link": "https://x.com/DanielRedacted"
+        "link": "https://x.com/DanielRedacted",
+        "icon": ""
       },
       {
         "contactType": "Instagram",
         "display": true,
         "value": "@DanielRedacted",
-        "link": "https://www.instagram.com/DanielRedacted"
+        "link": "https://www.instagram.com/DanielRedacted",
+        "icon": ""
       }
     ]
   }
diff --git a/cardAssets/icons/mail.svg b/cardAssets/icons/mail.svg
new file mode 100644
index 0000000..d465a17
--- /dev/null
+++ b/cardAssets/icons/mail.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  width="800px" height="800px"
+	 viewBox="0 0 64 40" enable-background="new 0 0 64 40" xml:space="preserve">
+<title>Mail</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="Mail" transform="translate(1.000000, 1.000000)" sketch:type="MSLayerGroup">
+		<path id="Shape" sketch:type="MSShapeGroup" fill="none" stroke="#58595B" stroke-width="2" d="M0,36c0,1.104,0.896,2,2,2h58
+			c1.104,0,2-0.896,2-2V2c0-1.104-0.896-2-2-2H2C0.896,0,0,0.896,0,2V36L0,36z"/>
+		<path id="Shape_4_" sketch:type="MSShapeGroup" fill="none" stroke="#58595B" stroke-width="2" d="M62,2
+			c0-1.104-31,22.032-31,22.032S0,1.144,0,2"/>
+		<path id="Shape_2_" sketch:type="MSShapeGroup" fill="none" stroke="#58595B" stroke-width="2" d="M61,37L37,20"/>
+		<path id="Shape_3_" sketch:type="MSShapeGroup" fill="none" stroke="#58595B" stroke-width="2" d="M1,37l24-17"/>
+	</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/cardAssets/icons/phone.svg b/cardAssets/icons/phone.svg
new file mode 100644
index 0000000..129d53a
--- /dev/null
+++ b/cardAssets/icons/phone.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<title>phone</title>
+<path d="M0 10.375c0 0.938 0.344 1.969 0.781 3.063s1 2.125 1.438 2.906c1.188 2.063 2.719 4.094 4.469 5.781s3.813 3.094 6.125 3.938c1.344 0.531 2.688 1.125 4.188 1.125 0.75 0 1.813-0.281 2.781-0.688 0.938-0.406 1.781-1.031 2.094-1.781 0.125-0.281 0.281-0.656 0.375-1.094 0.094-0.406 0.156-0.813 0.156-1.094 0-0.156 0-0.313-0.031-0.344-0.094-0.188-0.313-0.344-0.563-0.5-0.563-0.281-0.656-0.375-1.5-0.875-0.875-0.5-1.781-1.063-2.563-1.469-0.375-0.219-0.625-0.313-0.719-0.313-0.5 0-1.125 0.688-1.656 1.438-0.563 0.75-1.188 1.438-1.625 1.438-0.219 0-0.438-0.094-0.688-0.25s-0.5-0.281-0.656-0.375c-2.75-1.563-4.594-3.406-6.156-6.125-0.188-0.313-0.625-0.969-0.625-1.313 0-0.406 0.563-0.875 1.125-1.375 0.531-0.469 1.094-1.031 1.094-1.719 0-0.094-0.063-0.375-0.188-0.781-0.281-0.813-0.656-1.75-0.969-2.656-0.156-0.438-0.281-0.75-0.313-0.906-0.063-0.094-0.094-0.219-0.125-0.375s-0.094-0.281-0.125-0.406c-0.094-0.281-0.25-0.5-0.406-0.625-0.156-0.063-0.531-0.156-0.906-0.188-0.375 0-0.813-0.031-1-0.031-0.094 0-0.219 0-0.344 0.031h-0.406c-1 0.438-1.719 1.313-2.25 2.344-0.5 1.031-0.813 2.188-0.813 3.219z"></path>
+</svg>
\ No newline at end of file
diff --git a/cardAssets/icons/website.svg b/cardAssets/icons/website.svg
new file mode 100644
index 0000000..350ddc7
--- /dev/null
+++ b/cardAssets/icons/website.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 width="800px" height="800px" viewBox="0 0 92 92" enable-background="new 0 0 92 92" xml:space="preserve">
+<path id="XMLID_1666_" d="M46,0C20.6,0,0,20.6,0,46s20.6,46,46,46s46-20.6,46-46S71.4,0,46,0z M49.7,83.8c-0.2,0-0.4,0-0.7,0.1V62.2
+	c5.2-0.1,9.9-0.2,14.2-0.5C59.4,73.4,52.3,81.2,49.7,83.8z M42.3,83.8c-2.7-2.7-9.7-10.5-13.5-22.1c4.2,0.3,9,0.5,14.2,0.5v21.7
+	C42.8,83.9,42.6,83.8,42.3,83.8z M8,46c0-2.5,0.3-5,0.7-7.4c2.2-0.4,6.4-1,12.3-1.6c-0.5,2.9-0.8,5.9-0.8,9.1c0,3.2,0.3,6.2,0.7,9
+	c-5.8-0.6-10.1-1.2-12.3-1.6C8.3,51,8,48.5,8,46z M26.3,46c0-3.4,0.4-6.6,1-9.6c4.6-0.3,9.8-0.6,15.7-0.6v20.4
+	c-5.8-0.1-11.1-0.3-15.8-0.7C26.7,52.6,26.3,49.4,26.3,46z M49.6,8.2c2.7,2.7,9.6,10.7,13.5,22.1c-4.2-0.3-8.9-0.5-14.1-0.5V8.1
+	C49.2,8.1,49.4,8.2,49.6,8.2z M43,8.1v21.7c-5.2,0.1-9.9,0.2-14.1,0.5c3.8-11.4,10.8-19.4,13.4-22.1C42.6,8.2,42.8,8.1,43,8.1z
+	 M49,56.2V35.8c5.8,0.1,11.1,0.3,15.7,0.6c0.6,3,1,6.2,1,9.6c0,3.4-0.3,6.6-0.9,9.6C60.2,55.9,54.9,56.1,49,56.2z M70.9,37
+	c5.9,0.6,10.1,1.2,12.3,1.6C83.7,41,84,43.5,84,46c0,2.5-0.3,5-0.7,7.4c-2.2,0.4-6.4,1-12.3,1.6c0.5-2.9,0.7-5.9,0.7-9.1
+	C71.7,42.9,71.4,39.8,70.9,37z M81.4,32.2c-2.8-0.4-6.8-0.9-11.9-1.4c-2.4-8.6-6.6-15.5-10.1-20.4C69.5,14.2,77.5,22.2,81.4,32.2z
+	 M32.6,10.4c-3.6,4.8-7.7,11.7-10.1,20.3c-5,0.4-9,1-11.9,1.4C14.5,22.2,22.6,14.2,32.6,10.4z M10.6,59.8c2.8,0.4,6.8,0.9,11.8,1.4
+	c2.4,8.6,6.4,15.5,10,20.3C22.4,77.6,14.5,69.7,10.6,59.8z M59.6,81.5c3.6-4.8,7.6-11.6,10-20.2c5-0.4,9-1,11.8-1.4
+	C77.5,69.7,69.6,77.6,59.6,81.5z"/>
+</svg>
\ No newline at end of file