Merge pull request #82 from tabler/dev-icons-react-bundling

React icons bundling for different usage types

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.