[dev-icons-react-bundling] change svgr template to enable babel transformation, add babel with react and env, add rollup for commonJS, UMD and ESM, add gulp and npm tasks for building react, add peer react and react-dom dependencies, add needed deps, updated npm package files, updated readme

1 files changed, 19 insertions, 0 deletions

diff --git a/README.md b/README.md
index 09981912..332f8911 100644
--- a/README.md
+++ b/README.md
@@ -73,6 +73,25 @@ Add an icon to be displayed on your page with the following markup (`activity` i
 </svg>
 ```
 
+### React
+
+Import the icon and render it in your component. You can adjust SVG properties through React props:
+
+```jsx
+import { IconAward } from 'tabler-icons';
+
+const MyComponent = () => {
+  return <IconAward 
+    size={36} // set custom `width` and `height`
+    color="red" // set `stroke` color
+    stroke={3}  // set `stroke-width`
+    strokeLinejoin="miter" // override other SVG props
+  />
+}
+```
+
+`tabler-icons` exports it's own type declarations for usage with React and Typescript.
+
 ## Multiple strokes
 
 All icons in this repository have been created with the value of the `stroke-width` property, so if you change the value, you can get different icon variants that will fit in well with your design.