Merge branch 'main' into main

.github/workflows/release.yml

@@ -32,7 +32,7 @@ jobs:
         run: npm run pkg:prebuild
 
       - name: Build
-        run: npm run pkg:build
+        run: npm run build
 
       - name: Publish to npm
         run: npm publish --access public

.gitignore

@@ -1,2 +1,3 @@
 node_modules
-/dist
+/dist
+tsconfig.tsbuildinfo

README.md

@@ -23,6 +23,7 @@ yarn add lineicons-react
 ## Usage
 
 ### Using SVG icons
+
 To use a SVG icon all you have to do is import it from **lineicons-react** and use it as shown below.
 
 ```js
@@ -40,21 +41,27 @@ export default App;
 ```
 
 ### Using Icon Font
+
 To use the Icon Font first import the CSS file into your Index.js file
 
 ```js
-import "lineicons-react/lineicons/lineicons.css";
+import "lineicons-react/dist/styles/styles.css";
 ```
 
 Then Import LineIcon from Lineicon-react and use it.
+After that add **name** and **variation** which is **lni** for free ones. These are the required props if you want you can add more using the style property.
 
 ```js
 import { LineIcon } from "lineicons-react";
 
 function App() {
   return (
     <div>
-      <LineIcon name="adobe" style={{ fontSize: "1rem", color: "red" }} />
+      <LineIcon
+        name="adobe"
+        variation="lni"
+        style={{ fontSize: "1rem", color: "red" }}
+      />
     </div>
   );
 }