Same with foundation icons

Author: tomdracz

app/javascript/stylesheets/styles_one.css

@@ -1,4 +1,5 @@
 @import 'material-icons/iconfont/material-icons.css';
+@import '~foundation-icons/foundation-icons.css';
 
 .red {
   color: red;

app/views/home/index.html.erb

@@ -14,4 +14,5 @@
 <%= image_pack_tag('app/assets/images/test_additional.svg') %>
 </div>
 
-<span class="material-icons">pie_chart</span> 
+<span class="material-icons">pie_chart</span> 
+<span class="fi-address-book">address_book</span>

package.json

@@ -12,6 +12,7 @@
     "compression-webpack-plugin": "9",
     "css-loader": "^6.10.0",
     "css-minimizer-webpack-plugin": "^6.0.0",
+    "foundation-icons": "^2.0.0",
     "material-icons": "^1.13.12",
     "mini-css-extract-plugin": "^2.8.0",
     "shakapacker": "7.2.0",

yarn.lock

@@ -2312,6 +2312,11 @@ [email protected]:
   resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
   integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
 
+foundation-icons@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/foundation-icons/-/foundation-icons-2.0.0.tgz#3f55f5b1c3c481610873481ed85be31050d95189"
+  integrity sha512-5Ne+rmJDkNcZjSKA1xxgDUggOxQU2KWiwnduDZSNcpSRVqfwdH6g3IkbhJX0NMqQJ7uggXJV1InRaYnpDiJ66w==
+
 [email protected]:
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"