Using vue-svg-loader@beta with laravel-mix v6.

webpack.config.js

module.exports = {
  output: {
    assetModuleFilename: "img/[hash][ext][query]",
  },
  module: {
    rules: [
      {
        test: /\.svg$/,
        use: ["vue-loader", "vue-svg-loader"],
      },
      {
        test: /\.(png|jpg|webp|jpeg|gif)$/i,
        type: "asset/resource",
      },
    ],
  },
};

webpack.mix.js

const mix = require("laravel-mix");

mix
  .js("resources/js/app.js", "public/js")
  .vue()
  .options({
    // Mix lumps svgs in with images so that they're processed with
    // file-loader and image-loader. We can disable mix from handling
    // images at all by setting the flag below, and instead use
    // asset management in Webpack 5.
    // @see https://webpack.js.org/guides/asset-management/#loading-images
    imgLoaderOptions: false,
  })
  .webpackConfig(require("./webpack.config"));