Move all icons into one sprite file, simplify icon markup

Author: kylegordy

_includes/footer.html

@@ -29,25 +29,25 @@ <h2 class="visually-hidden">{{ site.title }}></h2>
         <ul class="footer-social-list list--inline">
             <li class="footer-social-list__item">
                 <a class="footer-link no-underline" href="https://www.twitter.com/{{ site.twitter_username| cgi_escape | escape }}">
-                    <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/social-icons.svg#twitter' | relative_url }}"></use></svg>
+                    <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/icon-sprite.svg#twitter' | relative_url }}"></use></svg>
                     <span class="visually-hidden">Scribd on Twitter</span>
                 </a>
             </li>
             <li class="footer-social-list__item">
                 <a class="footer-link no-underline" href="https://www.facebook.com/{{ site.facebook_username| cgi_escape | escape }}">
-                    <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/social-icons.svg#facebook' | relative_url }}"></use></svg>
+                    <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/icon-sprite.svg#facebook' | relative_url }}"></use></svg>
                     <span class="visually-hidden">Scribd on Facebook</span>
                 </a>
             </li>
             <li class="footer-social-list__item">
                 <a class="footer-link no-underline" href="https://www.linkedin.com/company/{{ site.linkedin_username| cgi_escape | escape }}">
-                    <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/social-icons.svg#linkedin' | relative_url }}"></use></svg>
+                    <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/icon-sprite.svg#linkedin' | relative_url }}"></use></svg>
                     <span class="visually-hidden">Scribd on LinkedIn</span>
                 </a>
             </li>
             <li class="footer-social-list__item">
                 <a class="footer-link no-underline" href="https://github.com/{{ site.github_username| cgi_escape | escape }}">
-                    <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/social-icons.svg#github' | relative_url }}"></use></svg>
+                    <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/icon-sprite.svg#github' | relative_url }}"></use></svg>
                     <span class="visually-hidden">Scribd on Github</span>
                 </a>
             </li>

_includes/header.html

@@ -40,19 +40,19 @@ <h1 class="visually-hidden">{{ site.title }}</h1>
                 <!-- Social icons (mobile only) -->
                 <li class="nav-social-list hidden-md">
                     <a class="nav-social-list__item text-white no-underline" href="https://www.twitter.com/{{ site.twitter_username| cgi_escape | escape }}">
-                        <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/social-icons.svg#twitter' | relative_url }}"></use></svg>
+                        <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/icon-sprite.svg#twitter' | relative_url }}"></use></svg>
                         <span class="visually-hidden">Scribd on Twitter</span>
                     </a>
                     <a class="nav-social-list__item text-white no-underline" href="https://www.facebook.com/{{ site.facebook_username| cgi_escape | escape }}">
-                        <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/social-icons.svg#facebook' | relative_url }}"></use></svg>
+                        <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/icon-sprite.svg#facebook' | relative_url }}"></use></svg>
                         <span class="visually-hidden">Scribd on Facebook</span>
                     </a>
                     <a class="nav-social-list__item text-white no-underline" href="https://www.linkedin.com/company/{{ site.linkedin_username| cgi_escape | escape }}">
-                        <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/social-icons.svg#linkedin' | relative_url }}"></use></svg>
+                        <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/icon-sprite.svg#linkedin' | relative_url }}"></use></svg>
                         <span class="visually-hidden">Scribd on LinkedIn</span>
                     </a>
                     <a class="nav-social-list__item text-white no-underline" href="https://github.com/{{ site.github_username| cgi_escape | escape }}">
-                        <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/social-icons.svg#github' | relative_url }}"></use></svg>
+                        <svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/icon-sprite.svg#github' | relative_url }}"></use></svg>
                         <span class="visually-hidden">Scribd on Github</span>
                     </a>
                 </li>