# webpack-inline-svg-plugin
Inline Svgs from an image tag to full svg markup

## Usage

### Install

```
npm install --save-dev webpack-inline-svg-plugin
```

### Example
Add the following to your webpack.js

```
module.exports = function (options) {
  plugins: [
	new WebpackInlineSvgPlugin({
	  basePath: "my-app/asset/location",
	  patterns: [
		".html"
	  ]
	}),
  ]
}
```

In your markup add the `inline-svg` attribute

```
<img inline-svg src="assets/icons/logo.svg">
```

The result will be the full svg file content will replace this image tag.

# webpack-inline-svg-plugin
Inline Svgs from an image tag to full svg markup

## Usage

### Install

```
npm install --save-dev webpack-inline-svg-plugin
```

### Example
Add the following to your webpack.js

```
module.exports = function (options) {
  plugins: [
	new WebpackInlineSvgPlugin({
	  basePath: "my-app/asset/location",
	  patterns: [
		".html"
	  ]
	}),
  ]
}
```

In your markup add the `inline-svg` attribute

```
<img inline-svg class="logo" title="Logo" src="assets/icons/logo.svg">
```

The result will be the full svg file content will replace this image tag.

Update example to include class and title
Update example to include class and title
