added more icons

package.json

@@ -1,6 +1,6 @@
 {
   "name": "akar-icons-app",
-  "version": "2.1.13",
+  "version": "2.1.14",
   "repository": "https://github.com/artcoholic/akar-icons-app.git",
   "homepage": "https://akaricons.com",
   "author": {

src/components/MinifiedPopover.js

@@ -142,7 +142,7 @@ const CodeSnippet = styled.div`
         background-color: ${(props) => props.theme.colors.primary};
         color: ${(props) => props.theme.colors.secondary};
         text-align: center;
-        border-radius: 2px;
+        border-radius: 4px;
         font-size: 10px;
         opacity: 0;
         top: -22px;

src/components/Popover.js

@@ -148,7 +148,7 @@ const CodeSnippet = styled.div`
         background-color: ${(props) => props.theme.colors.primary};
         color: ${(props) => props.theme.colors.secondary};
         text-align: center;
-        border-radius: 2px;
+        border-radius: 4px;
         font-size: 10px;
         opacity: 0;
         top: -22px;

src/components/Sidebar.js

@@ -58,7 +58,7 @@ const Toggle = styled.button`
     background-color: ${(props) => props.theme.colors.secondary};
     color: ${(props) => props.theme.colors.primary};
     text-align: center;
-    border-radius: 2px;
+    border-radius: 4px;
     font-size: 10px;
     opacity: 0;
     top: -24px;

src/icons.d.ts

@@ -64,6 +64,14 @@ export const ArrowShuffle: Icon;
 export const ArrowRepeat: Icon;
 export const ForkRight: Icon;
 export const ForkLeft: Icon;
+export const TriangleLeftFill: Icon;
+export const TriangleRightFill: Icon;
+export const TriangleUpFill: Icon;
+export const TriangleDownFill: Icon;
+export const ChevronDownSmall: Icon;
+export const ChevronUpSmall: Icon;
+export const ChevronRightSmall: Icon;
+export const ChevronLeftSmall: Icon;
 export const Plus: Icon;
 export const Minus: Icon;
 export const Cross: Icon;
@@ -195,6 +203,8 @@ export const Radio: Icon;
 export const RadioFill: Icon;
 export const Save: Icon;
 export const AugmentedReality: Icon;
+export const History: Icon;
+export const XSmall: Icon;
 export const Ribbon: Icon;
 export const Phone: Icon;
 export const Attach: Icon;
@@ -328,6 +338,7 @@ export const Dice4: Icon;
 export const Dice3: Icon;
 export const Dice2: Icon;
 export const Dice1: Icon;
+export const PriceCut: Icon;
 export const Person: Icon;
 export const PersonAdd: Icon;
 export const PersonCheck: Icon;

src/icons.js

@@ -55,6 +55,14 @@ export { default as ArrowShuffle } from './icons/arrow-shuffle';
 export { default as ArrowRepeat } from './icons/arrow-repeat';
 export { default as ForkRight } from './icons/fork-right';
 export { default as ForkLeft } from './icons/fork-left';
+export { default as TriangleLeftFill } from './icons/triangle-left-fill';
+export { default as TriangleRightFill } from './icons/triangle-right-fill';
+export { default as TriangleUpFill } from './icons/triangle-up-fill';
+export { default as TriangleDownFill } from './icons/triangle-down-fill';
+export { default as ChevronDownSmall } from './icons/chevron-down-small';
+export { default as ChevronUpSmall } from './icons/chevron-up-small';
+export { default as ChevronRightSmall } from './icons/chevron-right-small';
+export { default as ChevronLeftSmall } from './icons/chevron-left-small';
 export { default as Plus } from './icons/plus';
 export { default as Minus } from './icons/minus';
 export { default as Cross } from './icons/cross';
@@ -186,6 +194,8 @@ export { default as Radio } from './icons/radio';
 export { default as RadioFill } from './icons/radio-fill';
 export { default as Save } from './icons/save';
 export { default as AugmentedReality } from './icons/augmented-reality';
+export { default as History } from './icons/history';
+export { default as XSmall } from './icons/x-small';
 export { default as Ribbon } from './icons/ribbon';
 export { default as Phone } from './icons/phone';
 export { default as Attach } from './icons/attach';
@@ -319,6 +329,7 @@ export { default as Dice4 } from './icons/dice-4';
 export { default as Dice3 } from './icons/dice-3';
 export { default as Dice2 } from './icons/dice-2';
 export { default as Dice1 } from './icons/dice-1';
+export { default as PriceCut } from './icons/price-cut';
 export { default as Person } from './icons/person';
 export { default as PersonAdd } from './icons/person-add';
 export { default as PersonCheck } from './icons/person-check';

src/icons/cake.js

@@ -16,9 +16,9 @@ const Cake = ({ color = 'currentColor', size = '24', ...otherProps }) => {
       {...otherProps}
       className="ai ai-Cake"
     >
-      <path d="M3 10a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-9z"></path>
-      <path d="M3 12l2.914 2.331c1.187.95 2.9.855 3.975-.22v0a2.985 2.985 0 0 1 4.222 0v0a2.985 2.985 0 0 0 3.975.22L21 12"></path>
-      <path d="M12 7a2 2 0 0 1-2-2c0-.876.677-1.576 1.273-2.217L12 2l.727.783C13.323 3.424 14 4.124 14 5a2 2 0 0 1-2 2z"></path>
+      <path d="M3 13a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7z"></path>
+      <path d="M3 13l2.914 2.331c1.187.95 2.9.855 3.975-.22v0a2.985 2.985 0 0 1 4.222 0v0a2.985 2.985 0 0 0 3.975.22L21 13"></path>
+      <path d="M12 6a2 2 0 0 1-2-2c0-.876.677-1.576 1.273-2.217L12 1l.727.783C13.323 2.424 14 3.124 14 4a2 2 0 0 1-2 2z"></path>
     </svg>
   );
 };

src/icons/chevron-down-small.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const ChevronDownSmall = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...otherProps}
+      className="ai ai-ChevronDownSmall"
+    >
+      <path d="M6 10l6 6 6-6"></path>
+    </svg>
+  );
+};
+
+ChevronDownSmall.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+export default ChevronDownSmall;

src/icons/chevron-left-small.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const ChevronLeftSmall = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...otherProps}
+      className="ai ai-ChevronLeftSmall"
+    >
+      <path d="M14 6l-6 6 6 6"></path>
+    </svg>
+  );
+};
+
+ChevronLeftSmall.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+export default ChevronLeftSmall;

src/icons/chevron-right-small.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const ChevronRightSmall = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...otherProps}
+      className="ai ai-ChevronRightSmall"
+    >
+      <path d="M9 6l6 6-6 6"></path>
+    </svg>
+  );
+};
+
+ChevronRightSmall.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+export default ChevronRightSmall;

src/icons/chevron-up-small.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const ChevronUpSmall = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...otherProps}
+      className="ai ai-ChevronUpSmall"
+    >
+      <path d="M6 14l6-6 6 6"></path>
+    </svg>
+  );
+};
+
+ChevronUpSmall.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+export default ChevronUpSmall;

src/icons/history.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const History = ({ color = 'currentColor', size = '24', ...otherProps }) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...otherProps}
+      className="ai ai-History"
+    >
+      <path d="M4.266 16.06a8.923 8.923 0 0 0 3.915 3.978 8.706 8.706 0 0 0 5.471.832 8.795 8.795 0 0 0 4.887-2.64 9.067 9.067 0 0 0 2.388-5.079 9.135 9.135 0 0 0-1.044-5.53 8.903 8.903 0 0 0-4.069-3.815 8.7 8.7 0 0 0-5.5-.608c-1.85.401-3.366 1.313-4.62 2.755-.151.16-.735.806-1.22 1.781M7.5 8l-3.609.72L3 5m9 4v4l3 2"></path>
+    </svg>
+  );
+};
+
+History.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+export default History;

src/icons/percentage.js

@@ -16,9 +16,9 @@ const Percentage = ({ color = 'currentColor', size = '24', ...otherProps }) => {
       {...otherProps}
       className="ai ai-Percentage"
     >
-      <path d="M6 21L18 3"></path>
-      <circle cx="7" cy="6" r="3"></circle>
-      <circle cx="17" cy="18" r="3"></circle>
+      <path d="M5 19L19 5"></path>
+      <circle cx="7" cy="7" r="3"></circle>
+      <circle cx="17" cy="17" r="3"></circle>
     </svg>
   );
 };

src/icons/price-cut.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const PriceCut = ({ color = 'currentColor', size = '24', ...otherProps }) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...otherProps}
+      className="ai ai-PriceCut"
+    >
+      <path d="M2 7v8a2 2 0 0 0 2 2h1M2 7V5a2 2 0 0 1 2-2h2M2 7a4 4 0 0 0 4-4m0 0h13m-9.236 9A3 3 0 0 1 14 7.764M2 20L20 2m1.22 16.047l.549-6.261c.075-.865-.598-1.63-1.504-1.71l-.82-.071m1.776 8.042l-.137 1.566c-.076.864-.872 1.501-1.778 1.422l-1.64-.144m3.555-2.844c-1.813-.158-3.405 1.115-3.556 2.844m0 0L7 19.958m4.347-3.477c.409.52.94.785 1.67.849 1.359.119 2.553-.836 2.666-2.133.061-.696-.085-1.269-.551-1.743"></path>
+    </svg>
+  );
+};
+
+PriceCut.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+export default PriceCut;

src/icons/triangle-down-fill.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const TriangleDownFill = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill={color}
+      {...otherProps}
+      className="ai ai-TriangleDownFill"
+    >
+      <path d="M6 8a1 1 0 0 0-.8 1.6l6 8a1 1 0 0 0 1.6 0l6-8A1 1 0 0 0 18 8H6z"></path>
+    </svg>
+  );
+};
+
+TriangleDownFill.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+export default TriangleDownFill;

src/icons/triangle-left-fill.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const TriangleLeftFill = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill={color}
+      {...otherProps}
+      className="ai ai-TriangleLeftFill"
+    >
+      <path d="M16 6a1 1 0 0 0-1.6-.8l-8 6a1 1 0 0 0 0 1.6l8 6A1 1 0 0 0 16 18V6z"></path>
+    </svg>
+  );
+};
+
+TriangleLeftFill.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+export default TriangleLeftFill;