optimise icons

output/4in.misc.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,563 +354,167 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -912,19 +522,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  

output/abigael.darvenne.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,121 +354,37 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div> 
@@ -470,19 +392,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -502,19 +412,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div> 
@@ -522,19 +420,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -543,36 +429,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -581,36 +443,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div>

output/accordeleon.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -347,36 +353,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marion brijou : 06 86 53 53 87</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div>   
@@ -394,19 +376,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthieu VLC : 06 42 44 79 42</span>
   </div>
 </div>   

output/adrien.claustres.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,291 +354,87 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
@@ -640,19 +442,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -672,53 +462,17 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
@@ -726,19 +480,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -748,53 +490,17 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>
@@ -813,53 +519,17 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
@@ -867,19 +537,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -889,36 +547,12 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 
@@ -937,53 +571,17 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
@@ -991,19 +589,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -1013,70 +599,22 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
@@ -1085,70 +623,22 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div>
@@ -1167,19 +657,7 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
 </div> 
@@ -1187,19 +665,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -1209,36 +675,12 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 

output/airault.lise.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,563 +354,167 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -912,19 +522,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -942,19 +540,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/al.giordano72.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,19 +354,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
 </div> 
@@ -368,19 +362,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -390,36 +372,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
 </div>
@@ -443,19 +401,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -474,36 +420,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
 </div> 
@@ -511,19 +433,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -533,53 +443,17 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
@@ -588,36 +462,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div>
@@ -637,19 +487,7 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
 </div> 
@@ -657,19 +495,7 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>
@@ -690,19 +516,7 @@ Poubelle : Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -711,19 +525,7 @@ Poubelle : Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
 </div> 
@@ -732,19 +534,7 @@ Poubelle : Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
 </div>

output/alexis.louapre.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -347,53 +353,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div>   
@@ -411,87 +381,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div>   
@@ -516,53 +426,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -570,19 +444,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -602,87 +464,27 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div> 
@@ -690,19 +492,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -712,19 +502,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
 </div>
@@ -742,19 +520,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -773,19 +539,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div>  
@@ -809,19 +563,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div>  
@@ -839,19 +581,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
 </div>   
@@ -876,36 +606,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Olivier : 06 82 50 92 85</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
 </div> 
@@ -913,19 +619,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>

output/anne.guyez.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,87 +354,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -436,19 +382,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -468,19 +402,7 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div> 
@@ -488,19 +410,7 @@ Jonas : 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div> 
@@ -509,36 +419,12 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
@@ -558,155 +444,47 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -714,19 +492,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -751,19 +517,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
 </div> 
@@ -771,19 +525,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -793,36 +535,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div>
@@ -841,19 +559,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
 </div> 
@@ -861,19 +567,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div> 
@@ -882,36 +576,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
 </div> 
@@ -920,36 +590,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div>
@@ -968,121 +614,37 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
@@ -1090,19 +652,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -1127,36 +677,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
 </div> 
@@ -1164,19 +690,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Clovis : 06 68 79 86 73</span>
       </div>
     </div>  

output/armand.loris.claveau.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,87 +354,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div> 
@@ -436,19 +382,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -469,19 +403,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
@@ -489,19 +411,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -510,36 +420,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div> 
@@ -564,87 +450,27 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
 </div> 
@@ -652,19 +478,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24
 Olivier : 06 82 50 92 85
 Camion : Lorraine : 06 71 35 76 12</span>
@@ -675,19 +489,7 @@ Camion : Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
 </div>
@@ -706,121 +508,37 @@ Camion : Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
@@ -828,19 +546,7 @@ Camion : Lorraine : 06 71 35 76 12</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -859,172 +565,52 @@ Camion : Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -1032,19 +618,7 @@ Camion : Lorraine : 06 71 35 76 12</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -1071,274 +645,82 @@ Général : Marine 06 32 99 84 98
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/aymeric.lacoste.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,87 +354,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -436,19 +382,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -469,19 +403,7 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
 </div> 
@@ -489,19 +411,7 @@ Jonas : 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -526,36 +436,12 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div> 
@@ -563,19 +449,7 @@ Jonas : 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  
@@ -594,121 +468,37 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
@@ -716,19 +506,7 @@ Jonas : 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -753,104 +531,32 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -858,19 +564,7 @@ Jonas : 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -890,36 +584,12 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
@@ -927,19 +597,7 @@ Jonas : 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -949,36 +607,12 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
 </div> 
@@ -987,36 +621,12 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div>

output/bee-beurre.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,563 +354,167 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -912,19 +522,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -949,19 +547,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
 </div> 
@@ -969,19 +555,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -1000,19 +574,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -1022,53 +584,17 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
 </div>
@@ -1087,19 +613,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
 </div> 
@@ -1107,19 +621,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div>  
@@ -1128,36 +630,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div>
@@ -1175,19 +653,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98 Louise : 06 77 62 65 64</span>
       </div>
     </div> 
@@ -1196,19 +662,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
 </div> 
@@ -1226,19 +680,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Clovis : 06 68 79 86 73</span>
       </div>
     </div>  
@@ -1263,70 +705,22 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
@@ -1334,19 +728,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/bertrand.leclercq31.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -351,121 +357,37 @@ installation signalétique
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
@@ -473,19 +395,7 @@ installation signalétique
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -507,19 +417,7 @@ Logistique : Lorraine 06 71 35 76 12
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laura GPS : 06 79 27 36 04</span>
   </div>
 </div> 
@@ -527,19 +425,7 @@ Logistique : Lorraine 06 71 35 76 12
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>GPS 06 79 27 36 04 (pour stand)
 Matthieu : 06 42 44 79 42 (pour elec)</span>
       </div>
@@ -559,36 +445,12 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marion brijou : 06 86 53 53 87</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
@@ -596,19 +458,7 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div>  
@@ -617,53 +467,17 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laura GPS : 06 79 27 36 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div>
@@ -682,87 +496,27 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
 </div> 
@@ -770,19 +524,7 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24
 Olivier : 06 82 50 92 85
 Camion : Lorraine : 06 71 35 76 12</span>

output/bhaudry.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -349,19 +355,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div> 
@@ -369,19 +363,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -390,36 +372,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div> 
@@ -428,36 +386,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
 </div>
@@ -485,121 +419,37 @@ installation signalétique
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
@@ -607,19 +457,7 @@ installation signalétique
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -640,19 +478,7 @@ Logistique : Lorraine 06 71 35 76 12
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
 </div> 
@@ -671,36 +497,12 @@ Logistique : Lorraine 06 71 35 76 12
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
 </div> 
@@ -708,19 +510,7 @@ Logistique : Lorraine 06 71 35 76 12
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Matthieu : 0642447942</span>
       </div>
     </div>  

output/bourges.elise.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,53 +354,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
@@ -402,19 +372,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -433,19 +391,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -455,36 +401,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
 </div> 
@@ -509,19 +431,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
@@ -529,19 +439,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div> 
@@ -550,36 +448,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
@@ -604,19 +478,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
 </div> 
@@ -624,19 +486,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/c.traizet.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -349,19 +355,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
@@ -369,19 +363,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -390,36 +372,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div> 
@@ -428,36 +386,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div>
@@ -485,121 +419,37 @@ installation signalétique
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
@@ -607,19 +457,7 @@ installation signalétique
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -641,87 +479,27 @@ Logistique : Lorraine 06 71 35 76 12
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
 </div> 
@@ -729,19 +507,7 @@ Logistique : Lorraine 06 71 35 76 12
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24
 Olivier : 06 82 50 92 85
 Camion : Lorraine : 06 71 35 76 12</span>
@@ -763,19 +529,7 @@ Camion : Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
 </div> 
@@ -783,19 +537,7 @@ Camion : Lorraine : 06 71 35 76 12</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div>  

output/chauvinyann.f4.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,53 +354,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthieu VLC : 06 42 44 79 42</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -402,19 +372,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -433,36 +391,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -470,19 +404,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -500,19 +422,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthieu VLC : 06 42 44 79 42</span>
   </div>
 </div>   
@@ -521,19 +431,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
 </div>
@@ -552,36 +450,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
 </div> 
@@ -589,19 +463,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Matthieu : 0642447942</span>
       </div>
     </div>  

output/clovis.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -347,53 +353,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
 </div>   
@@ -411,87 +381,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div>   
@@ -533,19 +443,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
 </div>   
@@ -563,36 +461,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sylvain : 06 72 29 46 89</span>
   </div>
 </div>   
@@ -613,19 +487,7 @@ Indiquez où poser les affaires dans la salle. </div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
 </div> 
@@ -633,19 +495,7 @@ Indiquez où poser les affaires dans la salle. </div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 06 77 62 65 64
 Clovis : 06 68 79 86 73</span>
@@ -656,36 +506,12 @@ Clovis : 06 68 79 86 73</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
 </div> 
@@ -694,36 +520,12 @@ Clovis : 06 68 79 86 73</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sylvain : 06 72 29 46 89</span>
   </div>
 </div>
@@ -748,36 +550,12 @@ Clovis : 06 68 79 86 73</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
 </div> 
@@ -785,19 +563,7 @@ Clovis : 06 68 79 86 73</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/elieterver.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,19 +354,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
 </div> 
@@ -368,19 +362,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -390,36 +372,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
 </div> 
@@ -439,155 +397,47 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -595,19 +445,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -632,19 +470,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
 </div> 
@@ -652,19 +478,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div> 
@@ -673,36 +487,12 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -721,172 +511,52 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -894,19 +564,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -934,36 +592,12 @@ Général : Marine 06 32 99 84 98
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
 </div> 
@@ -971,19 +605,7 @@ Général : Marine 06 32 99 84 98
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Clovis : 06 68 79 86 73</span>
       </div>
     </div>  

output/elodie.toulouze.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,87 +354,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -436,19 +382,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -468,19 +402,7 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
 </div> 
@@ -488,19 +410,7 @@ Jonas : 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -510,36 +420,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
 </div> 
@@ -565,53 +451,17 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
@@ -619,19 +469,7 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>
@@ -652,172 +490,52 @@ Poubelle : Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -825,19 +543,7 @@ Poubelle : Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -865,104 +571,32 @@ Général : Marine 06 32 99 84 98
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -970,19 +604,7 @@ Général : Marine 06 32 99 84 98
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -1002,19 +624,7 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
 </div> 
@@ -1022,19 +632,7 @@ Jonas : 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -1044,53 +642,17 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>

output/emmanuel.bachelier.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -349,19 +355,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
@@ -369,19 +363,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div>  
@@ -390,36 +372,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
 </div>
@@ -445,19 +403,7 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
 </div> 
@@ -465,19 +411,7 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>

output/fabien.espilit.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -347,53 +353,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
 </div>   
@@ -411,87 +381,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div>   
@@ -516,53 +426,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
@@ -570,19 +444,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -601,19 +463,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -632,19 +482,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
 </div>   
@@ -668,19 +506,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
 </div>   
@@ -699,53 +525,17 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
@@ -753,19 +543,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -791,53 +569,17 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
@@ -845,19 +587,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>

output/fanny.delnondedieu.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -349,19 +355,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
@@ -369,19 +363,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -390,36 +372,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div>
@@ -444,121 +402,37 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
@@ -566,19 +440,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -597,19 +459,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
@@ -617,19 +467,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -639,36 +477,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div>
@@ -687,155 +501,47 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
@@ -843,19 +549,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  

output/fmrtoulouse.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -349,19 +355,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Emmanuel : 06 64 98 45 69</span>
   </div>
 </div> 
@@ -369,19 +363,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div>  
@@ -390,36 +372,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
 </div>
@@ -439,19 +397,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
 </div> 
@@ -459,19 +405,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -480,36 +414,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div>
@@ -534,19 +444,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div> 
@@ -554,19 +452,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div>  
@@ -575,36 +461,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div>
@@ -623,19 +485,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
 </div> 
@@ -643,19 +493,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -665,36 +503,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
@@ -713,172 +527,52 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -886,19 +580,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98

output/frederic.daviere.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -349,19 +355,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div> 
@@ -369,19 +363,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -390,36 +372,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -428,36 +386,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div>
@@ -485,19 +419,7 @@ installation signalétique
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
 </div> 
@@ -505,19 +427,7 @@ installation signalétique
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -529,36 +439,12 @@ Logistique : Lorraine 06 71 35 76 12
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
@@ -578,19 +464,7 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -598,19 +472,7 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>
@@ -631,121 +493,37 @@ Poubelle : Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
@@ -753,19 +531,7 @@ Poubelle : Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -784,172 +550,52 @@ Poubelle : Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -957,19 +603,7 @@ Poubelle : Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -997,70 +631,22 @@ Général : Marine 06 32 99 84 98
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
@@ -1068,19 +654,7 @@ Général : Marine 06 32 99 84 98
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/gaellevives.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,87 +354,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -436,19 +382,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Jonas : 06 69 74 79 04</span>
       </div>
     </div>  
@@ -467,563 +401,167 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -1031,19 +569,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -1062,121 +588,37 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div> 
@@ -1184,19 +626,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -1222,19 +652,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
 </div> 
@@ -1242,19 +660,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div>  

output/helenajeannel.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,19 +354,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
 </div> 
@@ -368,19 +362,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -399,563 +381,167 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -963,19 +549,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -994,121 +568,37 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div> 
@@ -1116,19 +606,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -1148,19 +626,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
 </div> 
@@ -1168,19 +634,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -1189,36 +643,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
@@ -1243,19 +673,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div>  
@@ -1264,19 +682,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
 </div>

output/helene.bravic.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,563 +354,167 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -912,19 +522,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -952,138 +550,42 @@ installation signalétique
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
 </div> 
@@ -1091,19 +593,7 @@ installation signalétique
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -1124,19 +614,7 @@ Logistique : Lorraine 06 71 35 76 12
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -1146,36 +624,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div>
@@ -1194,19 +648,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
 </div> 
@@ -1214,19 +656,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85 (si question)
 Clovis : 06 68 79 86 73 (si problème)</span>
       </div>
@@ -1236,36 +666,12 @@ Clovis : 06 68 79 86 73 (si problème)</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div>

output/helene.dufournet.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,87 +354,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div> 
@@ -436,19 +382,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -474,121 +408,37 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
@@ -596,19 +446,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -627,155 +465,47 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
@@ -783,19 +513,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  

output/ilyesboussahla.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,19 +354,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
 </div> 
@@ -368,19 +362,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div> 
@@ -389,36 +371,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
@@ -438,19 +396,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
 </div> 
@@ -458,19 +404,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -479,36 +413,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div> 
@@ -517,36 +427,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
 </div>
@@ -571,19 +457,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
@@ -591,19 +465,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div>  
@@ -612,36 +474,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div>
@@ -661,19 +499,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
 </div> 
@@ -681,19 +507,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -718,53 +532,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
@@ -772,19 +550,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>

output/jean.Aubry.solt.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,563 +354,167 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -912,19 +522,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -948,19 +546,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -979,53 +565,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthieu VLC : 06 42 44 79 42</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -1033,19 +583,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -1064,36 +602,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -1101,19 +615,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -1131,19 +633,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -1162,36 +652,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
 </div> 
@@ -1199,19 +665,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Matthieu : 0642447942</span>
       </div>
     </div>  
@@ -1236,19 +690,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
 </div> 
@@ -1256,19 +698,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24&#34;</span>
       </div>

output/jeremie-legrand.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -347,53 +353,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
 </div>   
@@ -411,87 +381,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div>   
@@ -516,19 +426,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
 </div> 
@@ -536,19 +434,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div>  
@@ -572,19 +458,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Olivier : 06 82 50 92 85</span>
   </div>
 </div>   
@@ -603,53 +477,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
@@ -657,19 +495,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -695,53 +521,17 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
@@ -749,19 +539,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>

output/jodacofo.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,19 +354,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
 </div> 
@@ -368,19 +362,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div>  
@@ -389,36 +371,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
 </div>
@@ -438,19 +396,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
 </div> 
@@ -458,19 +404,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -479,36 +413,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div> 
@@ -533,19 +443,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
 </div> 
@@ -553,19 +451,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div> 
@@ -574,36 +460,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
@@ -622,19 +484,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div> 
@@ -642,19 +492,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -664,36 +502,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
@@ -718,53 +532,17 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div> 
@@ -772,19 +550,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>

output/julien.michelon.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,53 +354,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -402,19 +372,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -440,291 +398,87 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
@@ -732,19 +486,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -764,36 +506,12 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
@@ -801,19 +519,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -823,53 +529,17 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
@@ -878,70 +548,22 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div>
@@ -960,121 +582,37 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
@@ -1082,19 +620,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -1104,70 +630,22 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div>
@@ -1186,53 +664,17 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
@@ -1240,19 +682,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -1262,70 +692,22 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 

output/laura.macre2.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -365,19 +371,7 @@ installation signalétique
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -399,19 +393,7 @@ Logistique : Lorraine 06 71 35 76 12
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
 </div> 
@@ -419,19 +401,7 @@ Logistique : Lorraine 06 71 35 76 12
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>GPS 06 79 27 36 04 (pour stand)
 Matthieu : 06 42 44 79 42 (pour elec)</span>
       </div>
@@ -451,36 +421,12 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div> 
@@ -488,19 +434,7 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div> 
@@ -509,53 +443,17 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marion brijou : 06 86 53 53 87</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div> 
@@ -575,19 +473,7 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
 </div> 
@@ -595,19 +481,7 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Tireuse : Lorraine : 06 71 35 76 12
 Durante : Sylvain : 06 72 29 46 90</span>
       </div>

output/laureenforgues.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,36 +354,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div> 
@@ -385,19 +367,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  
@@ -416,291 +386,87 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
@@ -708,19 +474,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -740,53 +494,17 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
@@ -794,19 +512,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -816,53 +522,17 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>
@@ -890,53 +560,17 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
@@ -944,19 +578,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -966,36 +588,12 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 
@@ -1014,53 +612,17 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
@@ -1068,19 +630,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -1090,70 +640,22 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
@@ -1162,70 +664,22 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div>
@@ -1244,19 +698,7 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
 </div> 
@@ -1264,19 +706,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -1286,36 +716,12 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 

output/lolita.bolanos.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,563 +354,167 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -912,19 +522,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  

output/louise.garrigou.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,87 +354,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -436,19 +382,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Logistique Lorraine : 06 71 35 76 12</span>
       </div>
@@ -470,19 +404,7 @@ Indiquez où poser les affaires dans la salle. </div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
 </div> 
@@ -490,19 +412,7 @@ Indiquez où poser les affaires dans la salle. </div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 06 77 62 65 64
 Clovis : 06 68 79 86 73</span>
@@ -513,36 +423,12 @@ Clovis : 06 68 79 86 73</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div>
@@ -562,155 +448,47 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -718,19 +496,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  

output/lperbet.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -347,19 +353,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
 </div>   
@@ -387,138 +381,42 @@ installation signalétique
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
 </div> 
@@ -526,19 +424,7 @@ installation signalétique
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -561,19 +447,7 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
 </div> 
@@ -581,19 +455,7 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>
@@ -614,53 +476,17 @@ Poubelle : Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
@@ -668,19 +494,7 @@ Poubelle : Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -690,36 +504,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div>
@@ -744,70 +534,22 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
@@ -815,19 +557,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/lrnt.dcngl.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -350,19 +356,7 @@ Indiquez où poser les affaires dans la salle. </div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sylvain : 06 72 29 46 89</span>
   </div>
 </div> 
@@ -370,19 +364,7 @@ Indiquez où poser les affaires dans la salle. </div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 06 77 62 65 64
 Clovis : 06 68 79 86 73</span>
@@ -393,36 +375,12 @@ Clovis : 06 68 79 86 73</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div> 
@@ -442,19 +400,7 @@ Clovis : 06 68 79 86 73</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
 </div> 
@@ -462,19 +408,7 @@ Clovis : 06 68 79 86 73</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -483,36 +417,12 @@ Clovis : 06 68 79 86 73</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
@@ -532,155 +442,47 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -688,19 +490,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -725,19 +515,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
 </div> 
@@ -745,19 +523,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div> 
@@ -766,36 +532,12 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -814,172 +556,52 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -987,19 +609,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -1027,36 +637,12 @@ Général : Marine 06 32 99 84 98
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
 </div> 
@@ -1064,19 +650,7 @@ Général : Marine 06 32 99 84 98
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Clovis : 06 68 79 86 73</span>
       </div>
     </div>  

output/luzmerv.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,563 +354,167 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -912,19 +522,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -943,121 +541,37 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
@@ -1065,19 +579,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -1102,19 +604,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -1123,19 +613,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
 </div> 

output/marine.thomasson9.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -347,19 +353,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div>   
@@ -378,87 +372,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -466,19 +400,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Logistique Lorraine : 06 71 35 76 12</span>
       </div>
@@ -500,19 +422,7 @@ Indiquez où poser les affaires dans la salle. </div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
 </div> 
@@ -520,19 +430,7 @@ Indiquez où poser les affaires dans la salle. </div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 06 77 62 65 64
 Clovis : 06 68 79 86 73</span>
@@ -543,36 +441,12 @@ Clovis : 06 68 79 86 73</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div>
@@ -599,19 +473,7 @@ installation signalétique
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -633,172 +495,52 @@ Logistique : Lorraine 06 71 35 76 12
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -806,19 +548,7 @@ Logistique : Lorraine 06 71 35 76 12
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98

output/marion.hergas.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -347,36 +353,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lorraine : 06 71 35 76 12</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div>   
@@ -410,36 +392,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
@@ -447,19 +405,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div>  
@@ -468,53 +414,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laura GPS : 06 79 27 36 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div>
@@ -532,19 +442,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
 </div>   

output/marlene.estreboou.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,53 +354,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -402,19 +372,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -434,87 +392,27 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div> 
@@ -522,19 +420,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -544,19 +430,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
 </div>
@@ -581,19 +455,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
 </div> 
@@ -601,19 +463,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div>  
@@ -632,155 +482,47 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
@@ -788,19 +530,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  

output/mathieu.bruneau.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,121 +354,37 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div> 
@@ -470,19 +392,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -502,19 +412,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
@@ -522,19 +420,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -543,36 +429,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div> 
@@ -581,36 +443,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
 </div>

output/matth.perrier.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -347,19 +353,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lorraine : 06 71 35 76 12</span>
   </div>
 </div>   
@@ -384,53 +378,17 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -438,19 +396,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -468,19 +414,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -498,19 +432,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
 </div>   
@@ -528,19 +450,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Matthieu : 0642447942</span>
       </div>
     </div>  

output/matthias.ax.roger.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -347,87 +353,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div>   
@@ -452,87 +398,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -540,19 +426,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Jonas : 06 69 74 79 04</span>
       </div>
     </div>  
@@ -571,19 +445,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
@@ -591,19 +453,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div>  
@@ -612,36 +462,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
 </div>
@@ -665,19 +491,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div> 
@@ -686,19 +500,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
@@ -717,19 +519,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
 </div> 
@@ -737,19 +527,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div>  
@@ -768,19 +546,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -788,19 +554,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -810,36 +564,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 

output/mcagu13.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,87 +354,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -436,19 +382,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Logistique Lorraine : 06 71 35 76 12</span>
       </div>
@@ -474,121 +408,37 @@ Logistique Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
@@ -596,19 +446,7 @@ Logistique Lorraine : 06 71 35 76 12</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -627,155 +465,47 @@ Logistique Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
@@ -783,19 +513,7 @@ Logistique Lorraine : 06 71 35 76 12</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -819,274 +537,82 @@ Logistique Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/mouilled.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -347,19 +353,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Nathan : 06 03 95 63 76</span>
       </div>
     </div>  
@@ -384,104 +378,32 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -489,19 +411,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -521,19 +431,7 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
 </div> 
@@ -541,19 +439,7 @@ Jonas : 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -563,53 +449,17 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>

output/nadegebesson93.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,19 +354,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
 </div> 
@@ -368,19 +362,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div>  
@@ -389,19 +371,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div>
@@ -421,19 +391,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div> 
@@ -441,19 +399,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -462,36 +408,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
@@ -500,36 +422,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div>
@@ -554,291 +452,87 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
@@ -846,19 +540,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -878,19 +560,7 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div> 
@@ -898,19 +568,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -920,36 +578,12 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
@@ -968,53 +602,17 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
@@ -1022,19 +620,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -1044,70 +630,22 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
@@ -1116,36 +654,12 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div>
@@ -1165,19 +679,7 @@ Jonas 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div> 
@@ -1185,19 +687,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div>  

output/nathan.peborde.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,121 +354,37 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div> 
@@ -470,19 +392,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -502,155 +412,47 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -658,19 +460,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -705,19 +495,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laura GPS : 06 79 27 36 04</span>
   </div>
 </div> 
@@ -725,19 +503,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Tireuse : Lorraine : 06 71 35 76 12
 Durante : Sylvain : 06 72 29 46 90</span>
       </div>

output/oceane.esnault.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,87 +354,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -436,19 +382,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Jonas : 06 69 74 79 04</span>
       </div>
     </div>  
@@ -457,19 +391,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>
@@ -488,19 +410,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
 </div> 
@@ -508,19 +418,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -548,121 +446,37 @@ installation signalétique
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
@@ -670,19 +484,7 @@ installation signalétique
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -704,87 +506,27 @@ Logistique : Lorraine 06 71 35 76 12
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
 </div> 
@@ -792,19 +534,7 @@ Logistique : Lorraine 06 71 35 76 12
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24
 Olivier : 06 82 50 92 85
 Camion : Lorraine : 06 71 35 76 12</span>

output/olga.pavia.cerdan.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,19 +354,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
 </div> 
@@ -368,19 +362,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -390,36 +372,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
 </div>
@@ -439,19 +397,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -459,19 +405,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -480,36 +414,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
@@ -518,36 +428,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div>
@@ -572,19 +458,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
 </div> 
@@ -592,19 +466,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div>  
@@ -613,36 +475,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
 </div>
@@ -667,70 +505,22 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
@@ -738,19 +528,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  

output/olivier.estienne57.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,19 +354,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
 </div> 
@@ -368,19 +362,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -399,19 +381,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
 </div>   
@@ -436,36 +406,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
 </div> 
@@ -473,19 +419,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>

output/petitebade.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -358,155 +364,47 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -514,19 +412,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -550,19 +436,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Nathan : 06 03 95 63 76</span>
       </div>
     </div>  
@@ -587,104 +461,32 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -692,19 +494,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -724,19 +514,7 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -744,19 +522,7 @@ Jonas : 06 69 74 79 04</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -766,53 +532,17 @@ Jonas : 06 69 74 79 04</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 

output/pierre.renard.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -349,19 +355,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
 </div> 
@@ -369,19 +363,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -390,36 +372,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
 </div> 
@@ -428,36 +386,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div>
@@ -477,19 +411,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
 </div> 
@@ -497,19 +419,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -518,36 +428,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
@@ -556,36 +442,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div>
@@ -610,19 +472,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -630,19 +480,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -661,19 +499,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
 </div> 
@@ -681,19 +507,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div> 
@@ -702,36 +516,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
 </div> 
@@ -740,36 +530,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
 </div>
@@ -788,172 +554,52 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
@@ -961,19 +607,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -995,19 +629,7 @@ Général : Marine 06 32 99 84 98
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
 </div> 
@@ -1015,19 +637,7 @@ Général : Marine 06 32 99 84 98
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -1037,36 +647,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 

output/qh.truong89.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -347,19 +353,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div>   
@@ -377,36 +371,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sylvain : 06 72 29 46 89</span>
   </div>
 </div>   
@@ -431,121 +401,37 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
@@ -553,19 +439,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -583,19 +457,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -629,19 +491,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
 </div> 
@@ -649,19 +499,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  

output/remy.seksek.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,87 +354,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div> 
@@ -436,19 +382,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -474,121 +408,37 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
@@ -596,19 +446,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -626,19 +464,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24
 Olivier : 06 82 50 92 85
 Camion : Lorraine : 06 71 35 76 12</span>
@@ -649,19 +475,7 @@ Camion : Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
 </div> 
@@ -686,36 +500,12 @@ Camion : Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Olivier : 06 82 50 92 85</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
 </div> 
@@ -723,19 +513,7 @@ Camion : Lorraine : 06 71 35 76 12</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>

output/ruiz.nils.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,87 +354,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -436,19 +382,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Logistique Lorraine : 06 71 35 76 12</span>
       </div>
@@ -469,19 +403,7 @@ Logistique Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
 </div> 
@@ -489,19 +411,7 @@ Logistique Lorraine : 06 71 35 76 12</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -510,36 +420,12 @@ Logistique Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
@@ -548,36 +434,12 @@ Logistique Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div>
@@ -597,155 +459,47 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -753,19 +507,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -790,19 +532,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
@@ -810,19 +540,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -832,36 +550,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
@@ -880,121 +574,37 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
@@ -1002,19 +612,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -1033,155 +631,47 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
@@ -1189,19 +679,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  

output/sarah.blosse.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,121 +354,37 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div> 
@@ -470,19 +392,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -500,19 +410,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div> 
@@ -521,19 +419,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
 </div> 
@@ -553,19 +439,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
 </div> 
@@ -573,19 +447,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -594,36 +456,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
@@ -632,36 +470,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div>
@@ -681,19 +495,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
 </div> 
@@ -701,19 +503,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -722,36 +512,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div> 
@@ -760,36 +526,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
 </div>
@@ -809,155 +551,47 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -965,19 +599,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  

output/silvia.gil.casals.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,87 +354,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -436,19 +382,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -470,19 +404,7 @@ Indiquez où poser les affaires dans la salle. </div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div> 
@@ -490,19 +412,7 @@ Indiquez où poser les affaires dans la salle. </div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 06 77 62 65 64
 Clovis : 06 68 79 86 73</span>
@@ -513,36 +423,12 @@ Clovis : 06 68 79 86 73</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
 </div> 
@@ -551,36 +437,12 @@ Clovis : 06 68 79 86 73</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sylvain : 06 72 29 46 89</span>
   </div>
 </div>
@@ -605,19 +467,7 @@ Clovis : 06 68 79 86 73</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Olivier : 06 82 50 92 85</span>
   </div>
 </div> 
@@ -625,19 +475,7 @@ Clovis : 06 68 79 86 73</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -657,53 +495,17 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
@@ -711,19 +513,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -733,19 +523,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div>
@@ -764,19 +542,7 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
 </div> 
@@ -784,19 +550,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div>  
@@ -805,36 +559,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
 </div>
@@ -859,70 +589,22 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
@@ -930,19 +612,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/sophie.rousval.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -349,19 +355,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
 </div> 
@@ -369,19 +363,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -390,36 +372,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Emmanuel : 06 64 98 45 69</span>
   </div>
 </div> 
@@ -428,36 +386,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div>
@@ -477,19 +411,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
 </div> 
@@ -497,19 +419,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -537,19 +447,7 @@ installation signalétique
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
 </div> 
@@ -557,19 +455,7 @@ installation signalétique
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -581,36 +467,12 @@ Logistique : Lorraine 06 71 35 76 12
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
@@ -629,19 +491,7 @@ Logistique : Lorraine 06 71 35 76 12
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
@@ -649,19 +499,7 @@ Logistique : Lorraine 06 71 35 76 12
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -671,36 +509,12 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
@@ -719,87 +533,27 @@ Alexis : 06 79 99 31 24</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
 </div> 
@@ -807,19 +561,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24
 Olivier : 06 82 50 92 85
 Camion : Lorraine : 06 71 35 76 12</span>
@@ -841,53 +583,17 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
@@ -895,19 +601,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  

output/sw.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -351,138 +357,42 @@ installation signalétique
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
 </div> 
@@ -490,19 +400,7 @@ installation signalétique
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -524,19 +422,7 @@ Logistique : Lorraine 06 71 35 76 12
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -544,19 +430,7 @@ Logistique : Lorraine 06 71 35 76 12
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div> 
@@ -565,36 +439,12 @@ Logistique : Lorraine 06 71 35 76 12
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
 </div> 
@@ -603,36 +453,12 @@ Logistique : Lorraine 06 71 35 76 12
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
 </div>

output/sylvaincluzel.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -356,36 +362,12 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div>   
@@ -406,19 +388,7 @@ Indiquez où poser les affaires dans la salle. </div>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
 </div> 
@@ -426,19 +396,7 @@ Indiquez où poser les affaires dans la salle. </div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 06 77 62 65 64
 Clovis : 06 68 79 86 73</span>
@@ -449,36 +407,12 @@ Clovis : 06 68 79 86 73</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div> 

output/thibautdethan.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,563 +354,167 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -912,19 +522,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -943,121 +541,37 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div> 
@@ -1065,19 +579,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -1102,19 +604,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -1123,19 +613,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
 </div> 
@@ -1144,19 +622,7 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div>

output/victor.lafont.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -348,87 +354,27 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -436,19 +382,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98
 Logistique Lorraine : 06 71 35 76 12</span>
       </div>
@@ -469,19 +403,7 @@ Logistique Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
@@ -489,19 +411,7 @@ Logistique Lorraine : 06 71 35 76 12</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -510,36 +420,12 @@ Logistique Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
@@ -548,36 +434,12 @@ Logistique Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div>
@@ -602,19 +464,7 @@ Logistique Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
 </div> 
@@ -622,19 +472,7 @@ Logistique Lorraine : 06 71 35 76 12</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div> 
@@ -643,36 +481,12 @@ Logistique Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
 </div> 
@@ -681,36 +495,12 @@ Logistique Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div>
@@ -729,87 +519,27 @@ Logistique Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
 </div> 
@@ -817,19 +547,7 @@ Logistique Lorraine : 06 71 35 76 12</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Alexis : 06 79 99 31 24
 Olivier : 06 82 50 92 85
 Camion : Lorraine : 06 71 35 76 12</span>
@@ -856,19 +574,7 @@ Camion : Lorraine : 06 71 35 76 12</span>
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
 </div> 
@@ -876,19 +582,7 @@ Camion : Lorraine : 06 71 35 76 12</span>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/web/4in.misc.html

@@ -39,6 +39,8 @@
   font-style: normal;
   font-size: 24px;
   line-height: 1;
+  width: 24px;
+  height: 24px;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
@@ -49,6 +51,10 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
+i.person {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+}
 .benevole {
   vertical-align: middle;
   display: inline-block;
@@ -342,563 +348,167 @@
   
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
     
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
@@ -906,19 +516,7 @@
     <div class="agenda-creneau-details--content">
       <div class="benevole">
         
-<svg
-  class="icon"
-  xmlns="http://www.w3.org/2000/svg"
-  height="24px"
-  viewBox="0 0 24 24"
-  width="24px"
-  fill="currentcolor"
->
-  <path d="M0 0h24v24H0z" fill="none" />
-  <path
-    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-  />
-</svg>
+<i class="person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>