diff --git a/css/brands.css b/css/brands.css
index 7bd847c..5c57cf2 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -124,11 +124,11 @@ button:hover,
   filter: brightness(90%) }
 
 /* Facebook */
-.button.button-facebook {
+.button.button-faceb {
   color: #FFFFFF;
   background-color: #1877f2 }
-.button.button-facebook:hover,
-.button.button-facebook:focus {
+.button.button-faceb:hover,
+.button.button-faceb:focus {
   filter: brightness(90%) }
 
 /* Facebook Messenger */
@@ -188,11 +188,11 @@ button:hover,
   filter: brightness(90%) }
 
 /* LinkedIn */
-.button.button-linkedin {
+.button.button-linked {
   color: #FFFFFF;
   background-color: #2867B2 }
-.button.button-linkedin:hover,
-.button.button-linkedin:focus {
+.button.button-linked:hover,
+.button.button-linked:focus {
   filter: brightness(90%) }
 
 /* Mastodon */
@@ -295,11 +295,11 @@ button:hover,
   filter: brightness(90%) }
 
 /* Tumblr */
-.button.button-tumblr {
+.button.button-tumb {
   color: #FFFFFF;
   background-color: #131313 }
-.button.button-tumblr:hover,
-.button.button-tumblr:focus {
+.button.button-tumb:hover,
+.button.button-tumb:focus {
   filter: brightness(90%) }
 
 /* Twitch */
@@ -311,11 +311,11 @@ button:hover,
   filter: brightness(90%) }
 
 /* Twitter */
-.button.button-twitter {
+.button.button-twit {
   color: #FFFFFF;
   background-color: #1DA1F2 }
-.button.button-twitter:hover,
-.button.button-twitter:focus {
+.button.button-twit:hover,
+.button.button-twit:focus {
   filter: brightness(90%) }
 
 /* Vimeo */
@@ -335,11 +335,11 @@ button:hover,
   filter: brightness(90%) }
 
 /* YouTube */
-.button.button-youtube {
+.button.button-yt {
   color: #FFFFFF;
   background-color:  #000000 }
-.button.button-youtube:hover,
-.button.button-youtube:focus {
+.button.button-yt:hover,
+.button.button-yt:focus {
   filter: brightness(90%) }
 
 /* WhatsApp */
diff --git a/icons/bandcamp.svg b/images/icons/bandcamp.svg
similarity index 100%
rename from icons/bandcamp.svg
rename to images/icons/bandcamp.svg
diff --git a/icons/discord.svg b/images/icons/discord.svg
similarity index 100%
rename from icons/discord.svg
rename to images/icons/discord.svg
diff --git a/icons/email.svg b/images/icons/email.svg
similarity index 100%
rename from icons/email.svg
rename to images/icons/email.svg
diff --git a/icons/email_alt.svg b/images/icons/email_alt.svg
similarity index 100%
rename from icons/email_alt.svg
rename to images/icons/email_alt.svg
diff --git a/icons/facebook.svg b/images/icons/facebook.svg
similarity index 100%
rename from icons/facebook.svg
rename to images/icons/facebook.svg
diff --git a/icons/figma.svg b/images/icons/figma.svg
similarity index 100%
rename from icons/figma.svg
rename to images/icons/figma.svg
diff --git a/icons/github.svg b/images/icons/github.svg
similarity index 100%
rename from icons/github.svg
rename to images/icons/github.svg
diff --git a/icons/gitlab.svg b/images/icons/gitlab.svg
similarity index 100%
rename from icons/gitlab.svg
rename to images/icons/gitlab.svg
diff --git a/icons/goodreads.svg b/images/icons/goodreads.svg
similarity index 100%
rename from icons/goodreads.svg
rename to images/icons/goodreads.svg
diff --git a/icons/instagram.svg b/images/icons/instagram.svg
similarity index 100%
rename from icons/instagram.svg
rename to images/icons/instagram.svg
diff --git a/icons/kit.svg b/images/icons/kit.svg
similarity index 100%
rename from icons/kit.svg
rename to images/icons/kit.svg
diff --git a/icons/linkedin.svg b/images/icons/linkedin.svg
similarity index 100%
rename from icons/linkedin.svg
rename to images/icons/linkedin.svg
diff --git a/icons/mastodon.svg b/images/icons/mastodon.svg
similarity index 100%
rename from icons/mastodon.svg
rename to images/icons/mastodon.svg
diff --git a/icons/medium.svg b/images/icons/medium.svg
similarity index 100%
rename from icons/medium.svg
rename to images/icons/medium.svg
diff --git a/icons/messenger.svg b/images/icons/messenger.svg
similarity index 100%
rename from icons/messenger.svg
rename to images/icons/messenger.svg
diff --git a/icons/patreon.svg b/images/icons/patreon.svg
similarity index 100%
rename from icons/patreon.svg
rename to images/icons/patreon.svg
diff --git a/icons/paypal.svg b/images/icons/paypal.svg
similarity index 100%
rename from icons/paypal.svg
rename to images/icons/paypal.svg
diff --git a/icons/pinterest.svg b/images/icons/pinterest.svg
similarity index 100%
rename from icons/pinterest.svg
rename to images/icons/pinterest.svg
diff --git a/icons/producthunt.svg b/images/icons/producthunt.svg
similarity index 100%
rename from icons/producthunt.svg
rename to images/icons/producthunt.svg
diff --git a/icons/reddit.svg b/images/icons/reddit.svg
similarity index 100%
rename from icons/reddit.svg
rename to images/icons/reddit.svg
diff --git a/icons/signal.svg b/images/icons/signal.svg
similarity index 100%
rename from icons/signal.svg
rename to images/icons/signal.svg
diff --git a/icons/skoob.svg b/images/icons/skoob.svg
similarity index 100%
rename from icons/skoob.svg
rename to images/icons/skoob.svg
diff --git a/icons/snapchat.svg b/images/icons/snapchat.svg
similarity index 100%
rename from icons/snapchat.svg
rename to images/icons/snapchat.svg
diff --git a/icons/soundcloud.svg b/images/icons/soundcloud.svg
similarity index 100%
rename from icons/soundcloud.svg
rename to images/icons/soundcloud.svg
diff --git a/icons/spotify.svg b/images/icons/spotify.svg
similarity index 100%
rename from icons/spotify.svg
rename to images/icons/spotify.svg
diff --git a/icons/steam.svg b/images/icons/steam.svg
similarity index 100%
rename from icons/steam.svg
rename to images/icons/steam.svg
diff --git a/icons/telegram.svg b/images/icons/telegram.svg
similarity index 100%
rename from icons/telegram.svg
rename to images/icons/telegram.svg
diff --git a/icons/tiktok.svg b/images/icons/tiktok.svg
similarity index 100%
rename from icons/tiktok.svg
rename to images/icons/tiktok.svg
diff --git a/icons/tumblr.svg b/images/icons/tumblr.svg
similarity index 100%
rename from icons/tumblr.svg
rename to images/icons/tumblr.svg
diff --git a/icons/twitch.svg b/images/icons/twitch.svg
similarity index 100%
rename from icons/twitch.svg
rename to images/icons/twitch.svg
diff --git a/icons/twitter.svg b/images/icons/twitter.svg
similarity index 100%
rename from icons/twitter.svg
rename to images/icons/twitter.svg
diff --git a/icons/venmo.svg b/images/icons/venmo.svg
similarity index 100%
rename from icons/venmo.svg
rename to images/icons/venmo.svg
diff --git a/icons/vimeo.svg b/images/icons/vimeo.svg
similarity index 100%
rename from icons/vimeo.svg
rename to images/icons/vimeo.svg
diff --git a/icons/whatsapp.svg b/images/icons/whatsapp.svg
similarity index 100%
rename from icons/whatsapp.svg
rename to images/icons/whatsapp.svg
diff --git a/icons/wordpress.svg b/images/icons/wordpress.svg
similarity index 100%
rename from icons/wordpress.svg
rename to images/icons/wordpress.svg
diff --git a/icons/xing.svg b/images/icons/xing.svg
similarity index 100%
rename from icons/xing.svg
rename to images/icons/xing.svg
diff --git a/icons/youtube.svg b/images/icons/youtube.svg
similarity index 100%
rename from icons/youtube.svg
rename to images/icons/youtube.svg
diff --git a/index.html b/index.html
index b0a035c..c2497b1 100644
--- a/index.html
+++ b/index.html
@@ -44,9 +44,11 @@
 
           You can add your own brand or others brands you may need in the `css/brands.css` file. 
 
+          You can add custom icons to `images/icons/...`. It is recommended to use a 24x24 .SVG.
+
           Edit the "Your Image Here" section to add your own personal branding, like a picture of yourself or your brand logo!
 
-          Edit the "Your Name" section to change the page heading. You can use something like your name, your social handle, or your brand name.
+          Edit the "Title" section to change the page heading. You can use something like your name, your social handle, or your brand name.
 
           Edit the "Short Bio" section tell users about yourself or your brand.
 
@@ -55,7 +57,7 @@
         <!-- Your Image Here -->
         <img src="images/avatar.png" srcset="images/avatar@2x.png 2x" alt="LittleLink Logo">
 
-        <!-- Your Name -->
+        <!-- Title -->
         <h1>LittleLink</h1>
 
         <!-- Short Bio -->
@@ -88,147 +90,151 @@
         -->
 
         <!-- Github -->
-        <a class="button button-github" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/github.svg" alt="GitHub Logo">GitHub</a>
+        <a class="button button-github" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
           <br>
         
         <!-- Twitter -->
-        <a class="button button-twitter" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/twitter.svg" alt="Twitter Logo">Twitter</a>
+        <a class="button button-twitter" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">Twitter</a>
           <br>
 
         <!-- Instagram -->
-        <a class="button button-instagram" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/instagram.svg" alt="Instagram Logo">Instagram</a>
+        <a class="button button-instagram" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/instagram.svg" alt="Instagram Logo">Instagram</a>
           <br>
 
         <!-- Facebook -->
-        <a class="button button-facebook" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/facebook.svg" alt="Facebook Logo">Find us on Facebook</a>
+        <a class="button button-facebook" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/facebook.svg" alt="Facebook Logo">Find us on Facebook</a>
           <br>
 
         <!-- Facebook Messenger -->
-        <a class="button button-messenger" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/messenger.svg" alt="Facebook Messenger Logo">Chat on Messenger</a>
+        <a class="button button-messenger" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/messenger.svg" alt="Facebook Messenger Logo">Chat on Messenger</a>
           <br>   
 
         <!-- LinkedIn -->
-        <a class="button button-linkedin" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
+        <a class="button button-linkedin" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
           <br>
 
         <!-- YouTube -->
-        <a class="button button-youtube" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/youtube.svg" alt="YouTube Logo">YouTube</a>
+        <a class="button button-youtube" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube</a>
           <br> 
 
         <!-- Discord -->
-        <a class="button button-discord" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/discord.svg" alt="Discord Logo">Discord</a>
+        <a class="button button-discord" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/discord.svg" alt="Discord Logo">Discord</a>
           <br>
 
         <!-- Twitch -->
-        <a class="button button-twitch" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/twitch.svg" alt="Twitch Logo">Twitch</a>
+        <a class="button button-twitch" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/twitch.svg" alt="Twitch Logo">Twitch</a>
           <br>
 
         <!-- ProductHunt -->
-        <a class="button button-producthunt" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/producthunt.svg" alt="Product Hunt Logo">Product Hunt</a>
+        <a class="button button-producthunt" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/producthunt.svg" alt="Product Hunt Logo">Product Hunt</a>
          <br>
 
         <!-- Snapchat -->
-        <a class="button button-snapchat" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/snapchat.svg" alt="Snapchat Logo">Snapchat</a>
+        <a class="button button-snapchat" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/snapchat.svg" alt="Snapchat Logo">Snapchat</a>
           <br>
 
         <!-- Spotify -->
-        <a class="button button-spotify" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/spotify.svg" alt="Spotify Logo">Spotify</a>
+        <a class="button button-spotify" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/spotify.svg" alt="Spotify Logo">Spotify</a>
           <br>      
           
         <!-- Reddit -->
-        <a class="button button-reddit" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/reddit.svg" alt="Reddit Logo">Reddit</a>
+        <a class="button button-reddit" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/reddit.svg" alt="Reddit Logo">Reddit</a>
           <br>   
 
         <!-- Mastodon -->
-        <a class="button button-mastodon" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/mastodon.svg" alt="Mastodon Logo">Mastodon</a>
+        <a class="button button-mastodon" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/mastodon.svg" alt="Mastodon Logo">Mastodon</a>
           <br>           
 
         <!-- Medium -->
-        <a class="button button-medium" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/medium.svg" alt="Medium Logo">Medium</a>
+        <a class="button button-medium" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/medium.svg" alt="Medium Logo">Medium</a>
           <br> 
 
         <!-- Pinterest -->
-        <a class="button button-pinterest" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/pinterest.svg" alt="Pinterest Logo">Follow on Pinterest</a>
+        <a class="button button-pinterest" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/pinterest.svg" alt="Pinterest Logo">Follow on Pinterest</a>
           <br>
 
         <!-- TikTok -->
-        <a class="button button-tiktok" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/tiktok.svg" alt="TikTok Logo">TikTok</a>
+        <a class="button button-tiktok" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/tiktok.svg" alt="TikTok Logo">TikTok</a>
           <br>
 
         <!-- Email -->
-        <a class="button button-default" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/email.svg" alt="Email Icon">hello@littlelink.io</a>
+        <a class="button button-default" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/email.svg" alt="Email Icon">hello@littlelink.io</a>
           <br>
 
         <!-- Email Alternative -->
-        <a class="button button-default" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/email_alt.svg" alt="Email Icon">hello@littlelink.io</a>
+        <a class="button button-default" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/email_alt.svg" alt="Email Icon">hello@littlelink.io</a>
           <br>
 
         <!-- SoundCloud -->
-        <a class="button button-soundcloud" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/soundcloud.svg" alt="SoundCloud Logo">SoundCloud</a>
+        <a class="button button-soundcloud" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/soundcloud.svg" alt="SoundCloud Logo">SoundCloud</a>
           <br>              
 
         <!-- Figma -->
-        <a class="button button-figma" href="#" target="_blank" rel="noopener" ><img class="icon" src="icons/figma.svg" alt="Figma Logo">Figma</a>
+        <a class="button button-figma" href="#" target="_blank" rel="noopener" ><img class="icon" src="images/icons/figma.svg" alt="Figma Logo">Figma</a>
           <br>
 
         <!-- Kit -->
-        <a class="button button-kit" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/kit.svg" alt="Kit Logo">Kit</a>
+        <a class="button button-kit" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/kit.svg" alt="Kit Logo">Kit</a>
           <br>          
 
         <!-- Telegram -->
-        <a class="button button-telegram" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/telegram.svg" alt="Telegram Logo">Telegram</a>
+        <a class="button button-telegram" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/telegram.svg" alt="Telegram Logo">Telegram</a>
           <br>          
 
         <!-- Tumblr -->
-        <a class="button button-tumblr" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a>
+        <a class="button button-tumblr" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a>
           <br>
 
         <!-- Steam -->
-        <a class="button button-steam" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/steam.svg" alt="Steam Logo">Steam</a>
+        <a class="button button-steam" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/steam.svg" alt="Steam Logo">Steam</a>
           <br>
 
         <!-- Vimeo -->
-        <a class="button button-vimeo" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/vimeo.svg" alt="Vimeo Logo">Vimeo</a>
+        <a class="button button-vimeo" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/vimeo.svg" alt="Vimeo Logo">Vimeo</a>
           <br>
 
         <!-- PayPal-->
-        <a class="button button-paypal" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/paypal.svg" alt="PayPal Logo">PayPal</a>
+        <a class="button button-paypal" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/paypal.svg" alt="PayPal Logo">PayPal</a>
         <br>
 
         <!-- WhatsApp -->
-        <a class="button button-whatsapp" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</a>
+        <a class="button button-whatsapp" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</a>
         <br>
           
         <!-- Wordpress -->
-        <a class="button button-wordpress" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/wordpress.svg" alt="Wordpress Logo">Wordpress</a>
+        <a class="button button-wordpress" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/wordpress.svg" alt="Wordpress Logo">Wordpress</a>
           <br>
 
         <!-- Goodreads -->
-        <a class="button button-goodreads" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/goodreads.svg" alt="Goodreads Logo">Goodreads</a>
+        <a class="button button-goodreads" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/goodreads.svg" alt="Goodreads Logo">Goodreads</a>
           <br>
 
         <!-- Skoob -->
-        <a class="button button-skoob" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/skoob.svg" alt="Skoob Logo">Skoob</a>
+        <a class="button button-skoob" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/skoob.svg" alt="Skoob Logo">Skoob</a>
           <br>
 
         <!-- Gitlab -->
-        <a class="button button-gitlab" href="_blank" target="_blank" rel="noopener"><img class="icon" src="icons/gitlab.svg" alt="GitLab Logo">GitLab</a>
+        <a class="button button-gitlab" href="_blank" target="_blank" rel="noopener"><img class="icon" src="images/icons/gitlab.svg" alt="GitLab Logo">GitLab</a>
           <br>
 
         <!-- XING -->
-        <a class="button button-xing" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/xing.svg" alt="xing Logo">Xing</a>
+        <a class="button button-xing" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/xing.svg" alt="xing Logo">Xing</a>
+          <br>
 
         <!-- Bandcamp -->
-        <a class="button button-bandcamp" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/bandcamp.svg" alt="Bandcamp Logo">Bandcamp</a>
+        <a class="button button-bandcamp" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/bandcamp.svg" alt="Bandcamp Logo">Bandcamp</a>
+          <br>
 
         <!-- Patreon -->
-        <a class="button button-patreon" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/patreon.svg" alt="Patreon Logo">Patreon</a>
+        <a class="button button-patreon" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/patreon.svg" alt="Patreon Logo">Patreon</a>
+        <br>
 
         <!-- Signal -->
-        <a class="button button-signal" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/signal.svg" alt="Signal Logo">Signal</a>
+        <a class="button button-signal" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/signal.svg" alt="Signal Logo">Signal</a>
+        <br>
 
         <!-- Venmo -->
-        <a class="button button-venmo" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/venmo.svg" alt="Venmo Logo">Venmo</a>
+        <a class="button button-venmo" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/venmo.svg" alt="Venmo Logo">Venmo</a>
 
         <br>
         <br>