svg-trace-loader

Webpack loader to trace and flatten SVGs into one path

🚀 Install

npm i svg-trace-loader

🔰 Usage

In your Webpack config

module: {
    rules: [
        ...,
        {
            test: /\.svg$/,
            use: [
                'file-loader',
                'svg-trace-loader',
            ],
        },
        ...

Set target dimensions with the dimensions option:

module: {
    rules: [
        ...,
        {
            test: /\.svg$/,
            use: [
                'file-loader',
                {
                    loader: 'svg-trace-loader',
                    options: {
                        dimensions: {
                            width: 16,
                            height: 16,
                        },
                    },
                }
            ],
        },
        ...