diff --git a/README.md b/README.md
index d11dfd3e7..c509c2041 100644
--- a/README.md
+++ b/README.md
@@ -122,7 +122,19 @@ Vue components available through [`@tabler/icons-vue`](https://www.npmjs.com/pac
```vue
+
+
+
+
+
+
+
+
+
+
+
+
```
+or with `
+
+
+
+
+```
+
For more details, see the [documentation](https://github.com/tabler/tabler-icons/tree/master/packages/icons-vue).
diff --git a/packages/icons-vue/README.md b/packages/icons-vue/README.md
index 7466513d6..33626fd72 100644
--- a/packages/icons-vue/README.md
+++ b/packages/icons-vue/README.md
@@ -52,7 +52,19 @@ All icons are Vue components that contain SVG elements. So any icon can be impor
```vue
+
+
+
+
+
+
+
+
+
+
+
+
```
-You can pass additional props to adjust the icon.
+or with `
+
+
+
+
+```
+
+You can pass additional attribute `stroke-width="1"` alongside the props to adjust the icon.
```html
-
+
```
### Props
@@ -77,7 +102,7 @@ You can pass additional props to adjust the icon.
| ------------- | -------- | ------------ |
| `size` | _Number_ | 24 |
| `color` | _String_ | currentColor |
-| `stroke` | _Number_ | 2 |
+| `strokeWidth` | _Number_ | 2 |
## Contributing
diff --git a/packages/icons-vue/src/createVueComponent.js b/packages/icons-vue/src/createVueComponent.js
index 00989a94c..baa74cd38 100644
--- a/packages/icons-vue/src/createVueComponent.js
+++ b/packages/icons-vue/src/createVueComponent.js
@@ -2,7 +2,7 @@ import { h } from 'vue';
import defaultAttributes from './defaultAttributes';
const createVueComponent = (iconName, iconNamePascal, iconNode) => (
- { size, color, stroke, ...props },
+ { size, color, strokeWidth, ...props },
{ attrs, slots }
) => {
return h(
@@ -12,7 +12,7 @@ const createVueComponent = (iconName, iconNamePascal, iconNode) => (
width: size || defaultAttributes.width,
height: size || defaultAttributes.height,
stroke: color || defaultAttributes.stroke,
- strokeWidth: stroke || defaultAttributes['stroke-width'],
+ 'stroke-width': strokeWidth || defaultAttributes['stroke-width'],
...attrs,
class: ['tabler-icon', `tabler-icon-${iconName}`, attrs?.class || ''],
...props,
diff --git a/src/_icons/device-game-pad.svg b/src/_icons/device-gamepad-3.svg
similarity index 100%
rename from src/_icons/device-game-pad.svg
rename to src/_icons/device-gamepad-3.svg
diff --git a/src/_icons/exclamation-circle.svg b/src/_icons/exclamation-circle.svg
index f1873c463..d23b0d0ce 100644
--- a/src/_icons/exclamation-circle.svg
+++ b/src/_icons/exclamation-circle.svg
@@ -1,5 +1,5 @@
---
-tags: [warring, error, shape, caution, alert]
+tags: [warning, error, shape, caution, alert]
unicode: "f634"
version: "1.117"
---
diff --git a/tags.json b/tags.json
index 36fa9cbe9..e1af0cb86 100644
--- a/tags.json
+++ b/tags.json
@@ -10649,7 +10649,7 @@
"color-filter": {
"name": "color-filter",
"category": "Design",
- "tags": ["color", "filter", "hue", "brightness", "effects", "sotring", "tools", "icon", "stroke", "outline"],
+ "tags": ["color", "filter", "hue", "brightness", "effects", "sorting", "tools", "icon", "stroke", "outline", "circles"],
"version": "1.110",
"unicode": "f5a8"
},