Use SVG icon in footer.

app/helpers.php

@@ -79,6 +79,15 @@ function asset_path($asset)
     return sage('assets')->getUri($asset);
 }
 
+/**
+ * @param $asset
+ * @return string
+ */
+function svg_path($asset)
+{
+    return sage('assets')->get($asset);
+}
+
 /**
  * @param string|string[] $templates Possible template files
  * @return array

resources/assets/images/pb.svg

@@ -1,10 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="45px" height="44px" viewBox="0 0 45 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
-    <title>Untitled 5</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M44.1945682,41.8720049 C44.1945682,42.6169189 43.5766817,43.2175547 42.8176536,43.2175547 L1.37691462,43.2175547 C0.617886514,43.219123 0,42.6169189 0,41.8720049 L0,1.34711806 C0,0.603772355 0.617886514,0 1.37691462,0 L42.8160853,0 C43.5766817,0 44.1945682,0.603772355 44.1945682,1.34711806 L44.1945682,41.8720049 Z M15.2817784,10.6433115 L10.0720855,10.6433115 L10.0720855,32.0733095 L13.3763669,32.0733095 L13.3763669,24.0000106 L15.2817784,24.0000106 C16.7167179,24.0000106 17.9383768,23.4997421 18.946755,22.4960685 C19.9551333,21.492395 20.4601065,20.2832821 20.4601065,18.8702979 L20.4601065,15.7573418 C20.4601065,14.287901 20.0162946,13.078788 19.1302391,12.1315711 C18.1736128,11.1388753 16.8907925,10.6433115 15.2817784,10.6433115 Z M17.2593289,15.8075254 L17.2577607,15.8075254 L17.2577607,18.9393005 C17.2577607,19.4521149 17.0742766,19.8912221 16.7073085,20.256622 C16.3403403,20.6220219 15.893392,20.8039377 15.3695998,20.8039377 L13.3763669,20.8039377 L13.3763669,13.9444565 L15.3711681,13.9444565 C15.9420074,13.9444565 16.3999334,14.1153946 16.743378,14.4572709 C17.0868225,14.7991472 17.2593289,15.249232 17.2593289,15.8075254 Z M23.0994542,32.0733095 L29.217158,32.0733095 C30.0451887,32.0733095 30.8794923,31.8223911 31.7185006,31.3205544 C32.4649828,30.8767425 33.0420951,30.2839478 33.4498375,29.5421703 C33.9751978,28.5965217 34.2370939,27.4454336 34.2370939,26.0873379 C34.2370939,25.5415904 34.1963196,25.0444584 34.1147712,24.6006465 C33.9516742,23.7334098 33.7007558,23.0261336 33.3635843,22.4788179 C32.8507698,21.6696061 32.2266104,21.1269951 31.4926741,20.8541214 C31.9349177,20.6596596 32.3207047,20.3805129 32.6468986,20.015113 C33.4278821,19.1494446 33.8199421,17.9967883 33.8199421,16.5602806 C33.8199421,15.6836345 33.71487,14.9246064 33.5047259,14.2863327 C33.1189388,13.0881975 32.4775287,12.2052784 31.5804955,11.6344391 C30.531343,10.9616642 29.3551631,10.6260609 28.0488193,10.6260609 L23.0994542,10.6260609 L23.0994542,32.0733095 Z M26.6672,19.3831124 L26.6672,13.9083869 L28.0488193,13.9083869 C28.7012071,13.9083869 29.2328404,14.1200993 29.6405828,14.5419558 C30.0843947,14.9983137 30.3055165,15.6710886 30.3055165,16.5602806 C30.3055165,17.0966186 30.2412187,17.5467035 30.112623,17.9121034 C29.7629055,18.8938215 29.0744482,19.3831124 28.0488193,19.3831124 L26.6672,19.3831124 Z M26.6672,28.8756684 L26.6672,22.4788179 L28.0488193,22.4788179 C28.864304,22.4788179 29.4821906,22.728168 29.9024788,23.2300048 C30.3682461,23.7788888 30.6019138,24.6492619 30.6019138,25.8473972 C30.6019138,26.3492339 30.5266383,26.7946141 30.3745191,27.1819693 C29.9432531,28.311102 29.1669743,28.8756684 28.0488193,28.8756684 L26.6672,28.8756684 Z" id="Combined-Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
-    </g>
-</svg>
+<svg width="45" height="44" viewBox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><title>PB</title><path d="M44.195 41.872c0 .745-.618 1.346-1.377 1.346H1.377C.617 43.219 0 42.617 0 41.872V1.347C0 .604.618 0 1.377 0h41.44c.76 0 1.378.604 1.378 1.347v40.525zM15.282 10.643h-5.21v21.43h3.304V24h1.906c1.435 0 2.656-.5 3.665-1.504 1.008-1.004 1.513-2.213 1.513-3.626v-3.113c0-1.47-.444-2.678-1.33-3.625-.956-.993-2.24-1.489-3.848-1.489zm1.977 5.165h-.001v3.131c0 .513-.184.952-.55 1.318a1.826 1.826 0 0 1-1.338.547h-1.994v-6.86h1.995c.571 0 1.029.171 1.372.513.344.342.516.792.516 1.35zm5.84 16.265h6.118c.828 0 1.662-.25 2.502-.752a4.642 4.642 0 0 0 1.73-1.779c.526-.945.788-2.097.788-3.455 0-.545-.04-1.043-.122-1.486-.163-.868-.414-1.575-.751-2.122-.513-.81-1.137-1.352-1.871-1.625a3.325 3.325 0 0 0 1.154-.839c.78-.866 1.173-2.018 1.173-3.455 0-.876-.105-1.635-.315-2.274-.386-1.198-1.027-2.08-1.925-2.652-1.049-.672-2.225-1.008-3.531-1.008h-4.95v21.447zm3.568-12.69v-5.475h1.382c.652 0 1.184.212 1.592.634.443.456.665 1.13.665 2.018 0 .537-.065.987-.193 1.352-.35.982-1.039 1.471-2.064 1.471h-1.382zm0 9.493v-6.397h1.382c.815 0 1.433.25 1.853.751.466.549.7 1.42.7 2.617 0 .502-.075.948-.227 1.335-.432 1.13-1.208 1.694-2.326 1.694h-1.382z" fill="#FFF" fill-rule="nonzero"/></svg>

resources/assets/styles/layouts/_footer.scss

@@ -175,6 +175,10 @@
       .pressbooks-icon {
         display: block;
         line-height: 1;
+
+        svg path {
+          fill: $white;
+        }
       }
 
       .social-media {

resources/views/partials/footer.blade.php

@@ -20,7 +20,7 @@
     </section>
     @endif
     <section class="pressbooks-footer">
-      <a class="pressbooks-icon" href="https://pressbooks.com" title="Pressbooks"><img src="@asset('images/pb.png')" srcset="1x @asset('images/pb.png'), 2x @asset('images/pb@2x.png')" alt="{{ __('The Pressbooks logo', 'aldine')}}" width="45" height="44" /></a>
+      <a class="pressbooks-icon" href="https://pressbooks.com" title="Pressbooks">@php(include get_theme_file_path() . '/dist/' . Aldine\svg_path('images/pb.svg'))</a>
       <div class="pressbooks-links">
         <h1><a href="https://pressbooks.com">{!! sprintf(__('Powered by %s', 'aldine'), '<span class="pressbooks">Pressbooks</span>') !!}</a></h1>
         <ul>