added more icons

package.json

@@ -1,6 +1,6 @@
 {
   "name": "akar-icons",
-  "version": "1.9.27",
+  "version": "1.9.28",
   "description": "A perfectly rounded icon library made for everyone.",
   "main": "dist/index.js",
   "typings": "dist/icons.d.ts",

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/air.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Air = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const Air = ({ color = 'currentColor', size = '24', ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/airplay-audio.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AirplayAudio = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const AirplayAudio = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/airplay-video.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AirplayVideo = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const AirplayVideo = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/airpods.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Airpods = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const Airpods = ({ color = 'currentColor', size = '24', ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/alarm.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Alarm = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const Alarm = ({ color = 'currentColor', size = '24', ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/align-bottom.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignBottom = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const AlignBottom = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/align-horizontal-center.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignHorizontalCenter = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const AlignHorizontalCenter = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/align-left.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignLeft = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const AlignLeft = ({ color = 'currentColor', size = '24', ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/align-right.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignRight = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const AlignRight = ({ color = 'currentColor', size = '24', ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/align-to-bottom.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignToBottom = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const AlignToBottom = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/align-to-middle.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignToMiddle = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const AlignToMiddle = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/align-to-top.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignToTop = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const AlignToTop = ({ color = 'currentColor', size = '24', ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/align-top.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignTop = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const AlignTop = ({ color = 'currentColor', size = '24', ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/align-vertical-center.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignVerticalCenter = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const AlignVerticalCenter = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/android-fill.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AndroidFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const AndroidFill = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/angular-fill.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AngularFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const AngularFill = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/arrow-back-thick-fill.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowBackThickFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const ArrowBackThickFill = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/arrow-back-thick.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowBackThick = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const ArrowBackThick = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/arrow-back.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowBack = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const ArrowBack = ({ color = 'currentColor', size = '24', ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/arrow-clockwise.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowClockwise = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const ArrowClockwise = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/arrow-counter-clockwise.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowCounterClockwise = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const ArrowCounterClockwise = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/arrow-cycle.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowCycle = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const ArrowCycle = ({ color = 'currentColor', size = '24', ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/arrow-down-left.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowDownLeft = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const ArrowDownLeft = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/arrow-down-right.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowDownRight = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const ArrowDownRight = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/arrow-down-thick.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowDownThick = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const ArrowDownThick = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/arrow-down.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowDown = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const ArrowDown = ({ color = 'currentColor', size = '24', ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/arrow-forward-thick-fill.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowForwardThickFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const ArrowForwardThickFill = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/arrow-forward-thick.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowForwardThick = ({ color = "currentColor", size = "24", ...otherProps }) => {
+const ArrowForwardThick = ({
+  color = 'currentColor',
+  size = '24',
+  ...otherProps
+}) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"