feat: website updated v2.2

README.md

@@ -19,6 +19,7 @@
 - Light Border
 - Broken
 - Two Tone
+- Curved (New)
 
 ### Installation
     yarn add react-iconly
@@ -74,7 +75,7 @@ export default App;
 
 Icons can be configured with inline props:
 ```jsx
-<Home set="two-tone" primaryColor="blueviolet" secondaryColor="blue" stroke="bold" size="xlarge"/>
+<Home set="curved" primaryColor="blueviolet" secondaryColor="blue" stroke="bold" size="xlarge"/>
 ```
 You can also include the whole icon pack:
 
@@ -111,7 +112,7 @@ export default App;
 | `primaryColor` | `string` | `currentColor` | Primary colour for icons.
 | `secondaryColor` | `string` | `currentColor` | Secondary colour for **two-tone** and **bulk** icons set.
 | `size` | `number` | `small` `medium` `large` `xlarge` | `medium` | Control the size of the icon, you can set a custom **number** size
-| `set` | `light` `bold` `two-tone` `bulk`  `broken`  | `light` | Iconly set option.
+| `set` | `light` `bold` `two-tone` `bulk`  `broken` `curved`  | `light` | Iconly set option.
 | `stroke` | `light` `regular` `bold` | `regular` | Sets the line stroke for **light** and **two-tone** icons set.
 | `style` | `object` |  | Custom styles property.
 

src/Icons/InfoCircle.js

@@ -108,6 +108,41 @@ const InfoCircle = ({ color, secondaryColor, strokeWidth, opacity, set }) => {
     </g>
   )
 
+  const Curved = () => (
+    <g transform='translate(2 2)'>
+      <path
+        d='M0,9.25C0,2.313,2.313,0,9.25,0S18.5,2.313,18.5,9.25,16.187,18.5,9.25,18.5,0,16.187,0,9.25Z'
+        transform='translate(0.75 0.75)'
+        fill='none'
+        stroke={color}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeMiterlimit='10'
+        strokeWidth={strokeWidth}
+      />
+      <path
+        d='M.5,0V3.895'
+        transform='translate(9.5 6.105)'
+        fill='none'
+        stroke={color}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeMiterlimit='10'
+        strokeWidth={strokeWidth}
+      />
+      <path
+        d='M.5.5H.5'
+        transform='translate(9.5 13)'
+        fill='none'
+        stroke={color}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeMiterlimit='10'
+        strokeWidth={strokeWidth}
+      />
+    </g>
+  )
+
   switch (set) {
     case 'bold':
       return <Bold />
@@ -117,6 +152,8 @@ const InfoCircle = ({ color, secondaryColor, strokeWidth, opacity, set }) => {
       return <Broken />
     case 'two-tone':
       return <TwoTone />
+    case 'curved':
+      return <Curved />
     default:
       return <Light />
   }

website/distIcons/tags.json

@@ -18,29 +18,35 @@
     "bars",
     "bar"
   ],
-  "ArrowDown": ["arrow", "arrow down", "down"],
-  "ArrowDownSquare": ["arrow", "arrow down", "down", "square", "arrow square"],
-  "ArrowLeft": ["arrow", "arrow left", "left"],
+  "ArrowDown": ["arrow", "caret", "chevron", "arrow down", "down"],
+  "ArrowDownSquare": ["arrow", "caret", "chevron", "arrow down", "down", "square", "arrow square"],
+  "ArrowLeft": ["arrow", "caret", "chevron", "arrow left", "left"],
   "ArrowLeftSquare": [
     "arrow",
+    "caret", 
+    "chevron",
     "arrow left",
     "left",
     "square",
     "arrow left square",
     "arrow square"
   ],
-  "ArrowRight": ["arrow", "arrow right", "right"],
+  "ArrowRight": ["arrow", "caret", "chevron", "arrow right", "right"],
   "ArrowRightSquare": [
     "arrow",
+    "caret", 
+    "chevron",
     "arrow right",
     "right",
     "square",
     "arrow square",
     "arrow right square"
   ],
-  "ArrowUp": ["arrow", "arrow up", "up"],
+  "ArrowUp": ["arrow", "caret", "chevron", "arrow up", "up"],
   "ArrowUpSquare": [
     "arrow",
+    "caret", 
+    "chevron",
     "arrow up",
     "up",
     "square",
@@ -74,21 +80,21 @@
   "CallMissed": ["call missed", "missed", "phone", "ring"],
   "CallSilent": ["call silent", "silence", "silent", "phone", "ring"],
   "Camera": ["camera", "photo", "movie", "film", "video", "image"],
-  "CaretDown": ["caret", "down", "arrow", "arrow down"],
-  "CaretLeft": ["caret", "left", "arrow", "arrow left"],
-  "CaretRight": ["caret", "right", "arrow", "arrow right"],
-  "CaretUp": ["caret", "up", "arrow", "arrow up"],
+  "CaretDown": ["caret", "chevron",  "down", "arrow", "arrow down"],
+  "CaretLeft": ["caret", "chevron",  "left", "arrow", "arrow left"],
+  "CaretRight": ["caret", "chevron",  "right", "arrow", "arrow right"],
+  "CaretUp": ["caret", "chevron",  "up", "arrow", "arrow up"],
   "Category": ["category", "menu", "apps", "applications", "app"],
   "Chart": ["chart", "graph", "statistics", "diagram"],
   "Chat": ["chat", "message", "messages", "comment", "comments"],
-  "ChevronDown": ["chevron", "down", "arrow"],
-  "ChevronLeft": ["chevron", "left", "arrow"],
-  "ChevronUp": ["chevron", "up", "arrow"],
-  "ChevronRight": ["chevron", "right", "arrow"],
-  "ChevronDownCircle": ["round", "circle", "chevron", "down", "arrow"],
-  "ChevronLeftCircle": ["round", "circle", "chevron", "left", "arrow"],
-  "ChevronUpCircle": ["round", "circle", "chevron", "up", "arrow"],
-  "ChevronRightCircle": ["round", "chevron", "right", "arrow"],
+  "ChevronDown": ["chevron", "caret", "down", "arrow"],
+  "ChevronLeft": ["chevron", "caret", "left", "arrow"],
+  "ChevronUp": ["chevron", "caret", "up", "arrow"],
+  "ChevronRight": ["chevron", "caret", "right", "arrow"],
+  "ChevronDownCircle": ["round", "caret", "circle", "chevron", "down", "arrow"],
+  "ChevronLeftCircle": ["round", "caret", "circle", "chevron", "left", "arrow"],
+  "ChevronUpCircle": ["round", "caret", "circle", "chevron", "up", "arrow"],
+  "ChevronRightCircle": ["round", "caret", "chevron", "right", "arrow"],
   "CloseSquare": [
     "close",
     "cancel",