fix: svg in files

Author: Eaviwolph

img/email.svg

@@ -17,41 +17,23 @@ <h1>Quentin</h1>
         <h1>Escudier</h1>
         <p id="my-title">Ingénieur informatique</p>
         <div class="comp">
-            <svg viewBox="0 0 24 24">
-                <path
-                    d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z">
-                </path>
-            </svg>
+            <img class="icons" src="img/location.svg"></img>
             <p>La Garenne-Colombes, France</p>
         </div>
         <div class="comp">
-            <svg viewBox="0 0 24 24">
-                <path
-                    d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z">
-                </path>
-            </svg>
+            <img class="icons" src="img/email.svg"></img>
             <a href="mailto:[email protected]">[email protected]</a>
         </div>
         <div class="comp">
-            <svg viewBox="0 0 24 24">
-                <path
-                    d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z">
-                </path>
-            </svg>
+            <img class="icons" src="img/phone.svg"></img>
             <a href="tel:+33610790767">+33 6 10 79 07 67</a>
         </div>
         <div class="comp">
-            <svg viewBox="0 0 24 24" id="linkedinsvg">
-                <path
-                    d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
-            </svg>
+            <img class="icons" src="img/linkedin.svg"></img>
             <a href="https://www.linkedin.com/in/quentin-escudier/">linkedin.com/in/quentin-escudier</a>
         </div>
         <div class="comp">
-            <svg viewBox="0 0 24 24" id="githubsvg">
-                <path
-                    d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
-            </svg>
+            <img class="icons" src="img/github.svg"></img>
             <a href="https://github.com/Eaviwolph/">github.com/Eaviwolph</a>
         </div>
         <div>

img/github.svg

@@ -82,7 +82,7 @@ h2 {
     border: solid white 5px;
 }
 
-svg {
+.icons {
     fill: white;
     width: 20px;
     margin-right: 5px;
@@ -113,14 +113,6 @@ progress {
     margin-bottom: -5px;
 }
 
-#linkedinsvg {
-    width: 17px;
-}
-
-#githubsvg {
-    width: 17px;
-}
-
 /*
  * Right part
  */