diff --git a/webpack.config.js b/webpack.config.js
index 6c8667c..b1c8808 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -81,20 +81,33 @@
         // output
         // Rename the file using the asset hash
         // Pass along the updated reference to your code
-        // You can add here any file extension you want to get copied to your
-        // output
+        // You can add here any file extension you want to get copied
+        // to your output
+        // Excludes .svg files in icons directory
         test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot|ico)$/,
+        exclude: /icons\/.*\.svg$/,
         loader: 'file-loader',
         options: {name: '[path][name].[ext]'}
       },
       {
+        // INLINE SVG LOADER
+        // Inlines .svg assets in icons directory
+        // needed specifically for icon-provider.js directive
+        test: /icons\/.*\.svg$/,
+        loader: 'svg-inline-loader'
+      },
+      {
         // HTML LOADER
         // Reference: https://github.com/webpack/raw-loader
         // Allow loading html through js
         test: /\.html$/,
         loader: 'html-loader'
       },
-      {test: /\.css$/, use: [MiniCssExtractPlugin.loader, 'css-loader']}, {
+      {
+        test: /\.css$/,
+        use: [MiniCssExtractPlugin.loader, 'css-loader'],
+      },
+      {
         test: /\.scss$/,
         use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
       }