From b456b775cef7d433679e7212c5cee14545ab41ae Mon Sep 17 00:00:00 2001 From: Qaism Ali <35230499+qasimali09@users.noreply.github.com> Date: Mon, 1 May 2023 22:32:00 +0500 Subject: [PATCH] Add arrows icons --- package.json | 2 +- src/icons/arrows/AltArrowDown.js | 53 ++++++++++++++ src/icons/arrows/AltArrowLeft.js | 53 ++++++++++++++ src/icons/arrows/AltArrowRight.js | 53 ++++++++++++++ src/icons/arrows/AltArrowUp.js | 53 ++++++++++++++ src/icons/arrows/ArrowDown.js | 53 ++++++++++++++ src/icons/arrows/ArrowLeft.js | 53 ++++++++++++++ src/icons/arrows/ArrowLeftDown.js | 53 ++++++++++++++ src/icons/arrows/ArrowLeftUp.js | 53 ++++++++++++++ src/icons/arrows/ArrowRight.js | 53 ++++++++++++++ src/icons/arrows/ArrowRightDown.js | 53 ++++++++++++++ src/icons/arrows/ArrowRightUp.js | 53 ++++++++++++++ src/icons/arrows/ArrowUp.js | 53 ++++++++++++++ src/icons/arrows/DoubleAltArrowDown.js | 66 ++++++++++++++++++ src/icons/arrows/DoubleAltArrowLeft.js | 66 ++++++++++++++++++ src/icons/arrows/DoubleAltArrowRight.js | 66 ++++++++++++++++++ src/icons/arrows/DoubleAltArrowUp.js | 66 ++++++++++++++++++ src/icons/arrows/Refresh.js | 56 +++++++++++++++ src/icons/arrows/RefreshCircle.js | 57 +++++++++++++++ src/icons/arrows/RefreshSquare.js | 61 ++++++++++++++++ src/icons/arrows/Restart.js | 58 ++++++++++++++++ src/icons/arrows/RestartCircle.js | 56 +++++++++++++++ src/icons/arrows/RestartSquare.js | 60 ++++++++++++++++ src/icons/arrows/RoundAltArrowDown.js | 56 +++++++++++++++ src/icons/arrows/RoundAltArrowLeft.js | 56 +++++++++++++++ src/icons/arrows/RoundAltArrowRight.js | 56 +++++++++++++++ src/icons/arrows/RoundAltArrowUp.js | 56 +++++++++++++++ src/icons/arrows/RoundArrowDown.js | 56 +++++++++++++++ src/icons/arrows/RoundArrowLeft.js | 56 +++++++++++++++ src/icons/arrows/RoundArrowLeftDown.js | 56 +++++++++++++++ src/icons/arrows/RoundArrowLeftUp.js | 56 +++++++++++++++ src/icons/arrows/RoundArrowRight.js | 56 +++++++++++++++ src/icons/arrows/RoundArrowRightDown.js | 56 +++++++++++++++ src/icons/arrows/RoundArrowRightUp.js | 56 +++++++++++++++ src/icons/arrows/RoundArrowUp.js | 56 +++++++++++++++ src/icons/arrows/RoundDoubleAltArrowDown.js | 63 +++++++++++++++++ src/icons/arrows/RoundDoubleAltArrowLeft.js | 63 +++++++++++++++++ src/icons/arrows/RoundDoubleAltArrowRight.js | 63 +++++++++++++++++ src/icons/arrows/RoundDoubleAltArrowUp.js | 63 +++++++++++++++++ src/icons/arrows/RoundSortHorizontal.js | 63 +++++++++++++++++ src/icons/arrows/RoundSortVertical.js | 63 +++++++++++++++++ src/icons/arrows/RoundTransferDiagonal.js | 61 ++++++++++++++++ src/icons/arrows/RoundTransferHorizontal.js | 63 +++++++++++++++++ src/icons/arrows/RoundTransferVertical.js | 63 +++++++++++++++++ src/icons/arrows/SortHorizontal.js | 64 +++++++++++++++++ src/icons/arrows/SortVertical.js | 64 +++++++++++++++++ src/icons/arrows/SquareAltArrowDown.js | 60 ++++++++++++++++ src/icons/arrows/SquareAltArrowLeft.js | 60 ++++++++++++++++ src/icons/arrows/SquareAltArrowRight.js | 60 ++++++++++++++++ src/icons/arrows/SquareAltArrowUp.js | 60 ++++++++++++++++ src/icons/arrows/SquareArrowDown.js | 60 ++++++++++++++++ src/icons/arrows/SquareArrowLeft.js | 60 ++++++++++++++++ src/icons/arrows/SquareArrowLeftDown.js | 60 ++++++++++++++++ src/icons/arrows/SquareArrowLeftUp.js | 60 ++++++++++++++++ src/icons/arrows/SquareArrowRight.js | 60 ++++++++++++++++ src/icons/arrows/SquareArrowRightDown.js | 60 ++++++++++++++++ src/icons/arrows/SquareArrowRightUp.js | 60 ++++++++++++++++ src/icons/arrows/SquareArrowUp.js | 60 ++++++++++++++++ src/icons/arrows/SquareDoubleAltArrowDown.js | 67 ++++++++++++++++++ src/icons/arrows/SquareDoubleAltArrowLeft.js | 67 ++++++++++++++++++ src/icons/arrows/SquareDoubleAltArrowRight.js | 67 ++++++++++++++++++ src/icons/arrows/SquareDoubleAltArrowUp.js | 67 ++++++++++++++++++ src/icons/arrows/SquareSortHorizontal.js | 67 ++++++++++++++++++ src/icons/arrows/SquareSortVertical.js | 67 ++++++++++++++++++ src/icons/arrows/SquareTransferHorizontal.js | 67 ++++++++++++++++++ src/icons/arrows/SquareTransferVertical.js | 67 ++++++++++++++++++ src/icons/arrows/TransferHorizontal.js | 64 +++++++++++++++++ src/icons/arrows/TransferVertical.js | 64 +++++++++++++++++ src/icons/arrows/index.js | 67 ++++++++++++++++++ src/index.d.ts | 69 +++++++++++++++++++ src/index.js | 1 + website/package.json | 2 +- website/yarn.lock | 8 +-- 73 files changed, 4140 insertions(+), 6 deletions(-) create mode 100644 src/icons/arrows/AltArrowDown.js create mode 100644 src/icons/arrows/AltArrowLeft.js create mode 100644 src/icons/arrows/AltArrowRight.js create mode 100644 src/icons/arrows/AltArrowUp.js create mode 100644 src/icons/arrows/ArrowDown.js create mode 100644 src/icons/arrows/ArrowLeft.js create mode 100644 src/icons/arrows/ArrowLeftDown.js create mode 100644 src/icons/arrows/ArrowLeftUp.js create mode 100644 src/icons/arrows/ArrowRight.js create mode 100644 src/icons/arrows/ArrowRightDown.js create mode 100644 src/icons/arrows/ArrowRightUp.js create mode 100644 src/icons/arrows/ArrowUp.js create mode 100644 src/icons/arrows/DoubleAltArrowDown.js create mode 100644 src/icons/arrows/DoubleAltArrowLeft.js create mode 100644 src/icons/arrows/DoubleAltArrowRight.js create mode 100644 src/icons/arrows/DoubleAltArrowUp.js create mode 100644 src/icons/arrows/Refresh.js create mode 100644 src/icons/arrows/RefreshCircle.js create mode 100644 src/icons/arrows/RefreshSquare.js create mode 100644 src/icons/arrows/Restart.js create mode 100644 src/icons/arrows/RestartCircle.js create mode 100644 src/icons/arrows/RestartSquare.js create mode 100644 src/icons/arrows/RoundAltArrowDown.js create mode 100644 src/icons/arrows/RoundAltArrowLeft.js create mode 100644 src/icons/arrows/RoundAltArrowRight.js create mode 100644 src/icons/arrows/RoundAltArrowUp.js create mode 100644 src/icons/arrows/RoundArrowDown.js create mode 100644 src/icons/arrows/RoundArrowLeft.js create mode 100644 src/icons/arrows/RoundArrowLeftDown.js create mode 100644 src/icons/arrows/RoundArrowLeftUp.js create mode 100644 src/icons/arrows/RoundArrowRight.js create mode 100644 src/icons/arrows/RoundArrowRightDown.js create mode 100644 src/icons/arrows/RoundArrowRightUp.js create mode 100644 src/icons/arrows/RoundArrowUp.js create mode 100644 src/icons/arrows/RoundDoubleAltArrowDown.js create mode 100644 src/icons/arrows/RoundDoubleAltArrowLeft.js create mode 100644 src/icons/arrows/RoundDoubleAltArrowRight.js create mode 100644 src/icons/arrows/RoundDoubleAltArrowUp.js create mode 100644 src/icons/arrows/RoundSortHorizontal.js create mode 100644 src/icons/arrows/RoundSortVertical.js create mode 100644 src/icons/arrows/RoundTransferDiagonal.js create mode 100644 src/icons/arrows/RoundTransferHorizontal.js create mode 100644 src/icons/arrows/RoundTransferVertical.js create mode 100644 src/icons/arrows/SortHorizontal.js create mode 100644 src/icons/arrows/SortVertical.js create mode 100644 src/icons/arrows/SquareAltArrowDown.js create mode 100644 src/icons/arrows/SquareAltArrowLeft.js create mode 100644 src/icons/arrows/SquareAltArrowRight.js create mode 100644 src/icons/arrows/SquareAltArrowUp.js create mode 100644 src/icons/arrows/SquareArrowDown.js create mode 100644 src/icons/arrows/SquareArrowLeft.js create mode 100644 src/icons/arrows/SquareArrowLeftDown.js create mode 100644 src/icons/arrows/SquareArrowLeftUp.js create mode 100644 src/icons/arrows/SquareArrowRight.js create mode 100644 src/icons/arrows/SquareArrowRightDown.js create mode 100644 src/icons/arrows/SquareArrowRightUp.js create mode 100644 src/icons/arrows/SquareArrowUp.js create mode 100644 src/icons/arrows/SquareDoubleAltArrowDown.js create mode 100644 src/icons/arrows/SquareDoubleAltArrowLeft.js create mode 100644 src/icons/arrows/SquareDoubleAltArrowRight.js create mode 100644 src/icons/arrows/SquareDoubleAltArrowUp.js create mode 100644 src/icons/arrows/SquareSortHorizontal.js create mode 100644 src/icons/arrows/SquareSortVertical.js create mode 100644 src/icons/arrows/SquareTransferHorizontal.js create mode 100644 src/icons/arrows/SquareTransferVertical.js create mode 100644 src/icons/arrows/TransferHorizontal.js create mode 100644 src/icons/arrows/TransferVertical.js create mode 100644 src/icons/arrows/index.js diff --git a/package.json b/package.json index a1d68cd..e71d3b6 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-modern-icons", - "version": "1.2.5", + "version": "1.2.6", "description": "React Modern Icons is a set of modern icons for React", "repository": { "type": "git", diff --git a/src/icons/arrows/AltArrowDown.js b/src/icons/arrows/AltArrowDown.js new file mode 100644 index 0000000..bd3742c --- /dev/null +++ b/src/icons/arrows/AltArrowDown.js @@ -0,0 +1,53 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function AltArrowDown({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(AltArrowDown); + +AltArrowDown.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +AltArrowDown.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/AltArrowLeft.js b/src/icons/arrows/AltArrowLeft.js new file mode 100644 index 0000000..8678506 --- /dev/null +++ b/src/icons/arrows/AltArrowLeft.js @@ -0,0 +1,53 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function AltArrowLeft({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(AltArrowLeft); + +AltArrowLeft.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +AltArrowLeft.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/AltArrowRight.js b/src/icons/arrows/AltArrowRight.js new file mode 100644 index 0000000..7fe9065 --- /dev/null +++ b/src/icons/arrows/AltArrowRight.js @@ -0,0 +1,53 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function AltArrowRight({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(AltArrowRight); + +AltArrowRight.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +AltArrowRight.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/AltArrowUp.js b/src/icons/arrows/AltArrowUp.js new file mode 100644 index 0000000..3e20245 --- /dev/null +++ b/src/icons/arrows/AltArrowUp.js @@ -0,0 +1,53 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function AltArrowUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(AltArrowUp); + +AltArrowUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +AltArrowUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/ArrowDown.js b/src/icons/arrows/ArrowDown.js new file mode 100644 index 0000000..6159b63 --- /dev/null +++ b/src/icons/arrows/ArrowDown.js @@ -0,0 +1,53 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function ArrowDown({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(ArrowDown); + +ArrowDown.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +ArrowDown.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/ArrowLeft.js b/src/icons/arrows/ArrowLeft.js new file mode 100644 index 0000000..0ff1c17 --- /dev/null +++ b/src/icons/arrows/ArrowLeft.js @@ -0,0 +1,53 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function ArrowLeft({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(ArrowLeft); + +ArrowLeft.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +ArrowLeft.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/ArrowLeftDown.js b/src/icons/arrows/ArrowLeftDown.js new file mode 100644 index 0000000..408179e --- /dev/null +++ b/src/icons/arrows/ArrowLeftDown.js @@ -0,0 +1,53 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function ArrowLeftDown({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(ArrowLeftDown); + +ArrowLeftDown.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +ArrowLeftDown.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/ArrowLeftUp.js b/src/icons/arrows/ArrowLeftUp.js new file mode 100644 index 0000000..a7eedd8 --- /dev/null +++ b/src/icons/arrows/ArrowLeftUp.js @@ -0,0 +1,53 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function ArrowLeftUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(ArrowLeftUp); + +ArrowLeftUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +ArrowLeftUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/ArrowRight.js b/src/icons/arrows/ArrowRight.js new file mode 100644 index 0000000..b44d9a9 --- /dev/null +++ b/src/icons/arrows/ArrowRight.js @@ -0,0 +1,53 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function ArrowRight({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(ArrowRight); + +ArrowRight.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +ArrowRight.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/ArrowRightDown.js b/src/icons/arrows/ArrowRightDown.js new file mode 100644 index 0000000..124bcc0 --- /dev/null +++ b/src/icons/arrows/ArrowRightDown.js @@ -0,0 +1,53 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function ArrowRightDown({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(ArrowRightDown); + +ArrowRightDown.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +ArrowRightDown.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/ArrowRightUp.js b/src/icons/arrows/ArrowRightUp.js new file mode 100644 index 0000000..603e9a9 --- /dev/null +++ b/src/icons/arrows/ArrowRightUp.js @@ -0,0 +1,53 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function ArrowRightUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(ArrowRightUp); + +ArrowRightUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +ArrowRightUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/ArrowUp.js b/src/icons/arrows/ArrowUp.js new file mode 100644 index 0000000..38003f1 --- /dev/null +++ b/src/icons/arrows/ArrowUp.js @@ -0,0 +1,53 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function ArrowUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(ArrowUp); + +ArrowUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +ArrowUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/DoubleAltArrowDown.js b/src/icons/arrows/DoubleAltArrowDown.js new file mode 100644 index 0000000..32db99d --- /dev/null +++ b/src/icons/arrows/DoubleAltArrowDown.js @@ -0,0 +1,66 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function DoubleAltArrowDown({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(DoubleAltArrowDown); + +DoubleAltArrowDown.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +DoubleAltArrowDown.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/DoubleAltArrowLeft.js b/src/icons/arrows/DoubleAltArrowLeft.js new file mode 100644 index 0000000..9fb93b5 --- /dev/null +++ b/src/icons/arrows/DoubleAltArrowLeft.js @@ -0,0 +1,66 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function DoubleAltArrowLeft({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(DoubleAltArrowLeft); + +DoubleAltArrowLeft.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +DoubleAltArrowLeft.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/DoubleAltArrowRight.js b/src/icons/arrows/DoubleAltArrowRight.js new file mode 100644 index 0000000..284e5d2 --- /dev/null +++ b/src/icons/arrows/DoubleAltArrowRight.js @@ -0,0 +1,66 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function DoubleAltArrowRight({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(DoubleAltArrowRight); + +DoubleAltArrowRight.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +DoubleAltArrowRight.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/DoubleAltArrowUp.js b/src/icons/arrows/DoubleAltArrowUp.js new file mode 100644 index 0000000..058102b --- /dev/null +++ b/src/icons/arrows/DoubleAltArrowUp.js @@ -0,0 +1,66 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function DoubleAltArrowUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(DoubleAltArrowUp); + +DoubleAltArrowUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +DoubleAltArrowUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/Refresh.js b/src/icons/arrows/Refresh.js new file mode 100644 index 0000000..c57fa24 --- /dev/null +++ b/src/icons/arrows/Refresh.js @@ -0,0 +1,56 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function Refresh({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(Refresh); + +Refresh.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +Refresh.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RefreshCircle.js b/src/icons/arrows/RefreshCircle.js new file mode 100644 index 0000000..0fad272 --- /dev/null +++ b/src/icons/arrows/RefreshCircle.js @@ -0,0 +1,57 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RefreshCircle({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RefreshCircle); + +RefreshCircle.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RefreshCircle.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RefreshSquare.js b/src/icons/arrows/RefreshSquare.js new file mode 100644 index 0000000..3eb339c --- /dev/null +++ b/src/icons/arrows/RefreshSquare.js @@ -0,0 +1,61 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RefreshSquare({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RefreshSquare); + +RefreshSquare.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RefreshSquare.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/Restart.js b/src/icons/arrows/Restart.js new file mode 100644 index 0000000..b126851 --- /dev/null +++ b/src/icons/arrows/Restart.js @@ -0,0 +1,58 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function Restart({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(Restart); + +Restart.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +Restart.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RestartCircle.js b/src/icons/arrows/RestartCircle.js new file mode 100644 index 0000000..dfa8337 --- /dev/null +++ b/src/icons/arrows/RestartCircle.js @@ -0,0 +1,56 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RestartCircle({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RestartCircle); + +RestartCircle.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RestartCircle.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RestartSquare.js b/src/icons/arrows/RestartSquare.js new file mode 100644 index 0000000..4c241b9 --- /dev/null +++ b/src/icons/arrows/RestartSquare.js @@ -0,0 +1,60 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RestartSquare({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RestartSquare); + +RestartSquare.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RestartSquare.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundAltArrowDown.js b/src/icons/arrows/RoundAltArrowDown.js new file mode 100644 index 0000000..e3d57ed --- /dev/null +++ b/src/icons/arrows/RoundAltArrowDown.js @@ -0,0 +1,56 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundAltArrowDown({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundAltArrowDown); + +RoundAltArrowDown.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundAltArrowDown.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundAltArrowLeft.js b/src/icons/arrows/RoundAltArrowLeft.js new file mode 100644 index 0000000..7095683 --- /dev/null +++ b/src/icons/arrows/RoundAltArrowLeft.js @@ -0,0 +1,56 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundAltArrowLeft({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundAltArrowLeft); + +RoundAltArrowLeft.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundAltArrowLeft.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundAltArrowRight.js b/src/icons/arrows/RoundAltArrowRight.js new file mode 100644 index 0000000..0dfbfa9 --- /dev/null +++ b/src/icons/arrows/RoundAltArrowRight.js @@ -0,0 +1,56 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundAltArrowRight({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundAltArrowRight); + +RoundAltArrowRight.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundAltArrowRight.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundAltArrowUp.js b/src/icons/arrows/RoundAltArrowUp.js new file mode 100644 index 0000000..c2f4ab3 --- /dev/null +++ b/src/icons/arrows/RoundAltArrowUp.js @@ -0,0 +1,56 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundAltArrowUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundAltArrowUp); + +RoundAltArrowUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundAltArrowUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundArrowDown.js b/src/icons/arrows/RoundArrowDown.js new file mode 100644 index 0000000..156181a --- /dev/null +++ b/src/icons/arrows/RoundArrowDown.js @@ -0,0 +1,56 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundArrowDown({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundArrowDown); + +RoundArrowDown.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundArrowDown.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundArrowLeft.js b/src/icons/arrows/RoundArrowLeft.js new file mode 100644 index 0000000..52789e0 --- /dev/null +++ b/src/icons/arrows/RoundArrowLeft.js @@ -0,0 +1,56 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundArrowLeft({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundArrowLeft); + +RoundArrowLeft.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundArrowLeft.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundArrowLeftDown.js b/src/icons/arrows/RoundArrowLeftDown.js new file mode 100644 index 0000000..3c52e9e --- /dev/null +++ b/src/icons/arrows/RoundArrowLeftDown.js @@ -0,0 +1,56 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundArrowLeftDown({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundArrowLeftDown); + +RoundArrowLeftDown.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundArrowLeftDown.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundArrowLeftUp.js b/src/icons/arrows/RoundArrowLeftUp.js new file mode 100644 index 0000000..14c8321 --- /dev/null +++ b/src/icons/arrows/RoundArrowLeftUp.js @@ -0,0 +1,56 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundArrowLeftUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundArrowLeftUp); + +RoundArrowLeftUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundArrowLeftUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundArrowRight.js b/src/icons/arrows/RoundArrowRight.js new file mode 100644 index 0000000..39f8af2 --- /dev/null +++ b/src/icons/arrows/RoundArrowRight.js @@ -0,0 +1,56 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundArrowRight({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundArrowRight); + +RoundArrowRight.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundArrowRight.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundArrowRightDown.js b/src/icons/arrows/RoundArrowRightDown.js new file mode 100644 index 0000000..530f5cb --- /dev/null +++ b/src/icons/arrows/RoundArrowRightDown.js @@ -0,0 +1,56 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundArrowRightDown({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundArrowRightDown); + +RoundArrowRightDown.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundArrowRightDown.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundArrowRightUp.js b/src/icons/arrows/RoundArrowRightUp.js new file mode 100644 index 0000000..c0f3826 --- /dev/null +++ b/src/icons/arrows/RoundArrowRightUp.js @@ -0,0 +1,56 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundArrowRightUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundArrowRightUp); + +RoundArrowRightUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundArrowRightUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundArrowUp.js b/src/icons/arrows/RoundArrowUp.js new file mode 100644 index 0000000..cd2e0b6 --- /dev/null +++ b/src/icons/arrows/RoundArrowUp.js @@ -0,0 +1,56 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundArrowUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundArrowUp); + +RoundArrowUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundArrowUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundDoubleAltArrowDown.js b/src/icons/arrows/RoundDoubleAltArrowDown.js new file mode 100644 index 0000000..836c080 --- /dev/null +++ b/src/icons/arrows/RoundDoubleAltArrowDown.js @@ -0,0 +1,63 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundDoubleAltArrowDown({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundDoubleAltArrowDown); + +RoundDoubleAltArrowDown.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundDoubleAltArrowDown.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundDoubleAltArrowLeft.js b/src/icons/arrows/RoundDoubleAltArrowLeft.js new file mode 100644 index 0000000..3c61a8c --- /dev/null +++ b/src/icons/arrows/RoundDoubleAltArrowLeft.js @@ -0,0 +1,63 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundDoubleAltArrowLeft({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundDoubleAltArrowLeft); + +RoundDoubleAltArrowLeft.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundDoubleAltArrowLeft.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundDoubleAltArrowRight.js b/src/icons/arrows/RoundDoubleAltArrowRight.js new file mode 100644 index 0000000..04bd51f --- /dev/null +++ b/src/icons/arrows/RoundDoubleAltArrowRight.js @@ -0,0 +1,63 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundDoubleAltArrowRight({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundDoubleAltArrowRight); + +RoundDoubleAltArrowRight.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundDoubleAltArrowRight.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundDoubleAltArrowUp.js b/src/icons/arrows/RoundDoubleAltArrowUp.js new file mode 100644 index 0000000..18c1545 --- /dev/null +++ b/src/icons/arrows/RoundDoubleAltArrowUp.js @@ -0,0 +1,63 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundDoubleAltArrowUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundDoubleAltArrowUp); + +RoundDoubleAltArrowUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundDoubleAltArrowUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundSortHorizontal.js b/src/icons/arrows/RoundSortHorizontal.js new file mode 100644 index 0000000..153a3fe --- /dev/null +++ b/src/icons/arrows/RoundSortHorizontal.js @@ -0,0 +1,63 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundSortHorizontal({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundSortHorizontal); + +RoundSortHorizontal.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundSortHorizontal.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundSortVertical.js b/src/icons/arrows/RoundSortVertical.js new file mode 100644 index 0000000..1850a95 --- /dev/null +++ b/src/icons/arrows/RoundSortVertical.js @@ -0,0 +1,63 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundSortVertical({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundSortVertical); + +RoundSortVertical.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundSortVertical.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundTransferDiagonal.js b/src/icons/arrows/RoundTransferDiagonal.js new file mode 100644 index 0000000..e597b2a --- /dev/null +++ b/src/icons/arrows/RoundTransferDiagonal.js @@ -0,0 +1,61 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundTransferDiagonal({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundTransferDiagonal); + +RoundTransferDiagonal.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundTransferDiagonal.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundTransferHorizontal.js b/src/icons/arrows/RoundTransferHorizontal.js new file mode 100644 index 0000000..0b5f19d --- /dev/null +++ b/src/icons/arrows/RoundTransferHorizontal.js @@ -0,0 +1,63 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundTransferHorizontal({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundTransferHorizontal); + +RoundTransferHorizontal.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundTransferHorizontal.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/RoundTransferVertical.js b/src/icons/arrows/RoundTransferVertical.js new file mode 100644 index 0000000..f33590a --- /dev/null +++ b/src/icons/arrows/RoundTransferVertical.js @@ -0,0 +1,63 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function RoundTransferVertical({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(RoundTransferVertical); + +RoundTransferVertical.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +RoundTransferVertical.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SortHorizontal.js b/src/icons/arrows/SortHorizontal.js new file mode 100644 index 0000000..677599e --- /dev/null +++ b/src/icons/arrows/SortHorizontal.js @@ -0,0 +1,64 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SortHorizontal({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SortHorizontal); + +SortHorizontal.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SortHorizontal.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SortVertical.js b/src/icons/arrows/SortVertical.js new file mode 100644 index 0000000..ff7c67d --- /dev/null +++ b/src/icons/arrows/SortVertical.js @@ -0,0 +1,64 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SortVertical({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SortVertical); + +SortVertical.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SortVertical.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareAltArrowDown.js b/src/icons/arrows/SquareAltArrowDown.js new file mode 100644 index 0000000..8811bd9 --- /dev/null +++ b/src/icons/arrows/SquareAltArrowDown.js @@ -0,0 +1,60 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareAltArrowDown({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareAltArrowDown); + +SquareAltArrowDown.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareAltArrowDown.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareAltArrowLeft.js b/src/icons/arrows/SquareAltArrowLeft.js new file mode 100644 index 0000000..4a8c9f2 --- /dev/null +++ b/src/icons/arrows/SquareAltArrowLeft.js @@ -0,0 +1,60 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareAltArrowLeft({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareAltArrowLeft); + +SquareAltArrowLeft.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareAltArrowLeft.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareAltArrowRight.js b/src/icons/arrows/SquareAltArrowRight.js new file mode 100644 index 0000000..0696c24 --- /dev/null +++ b/src/icons/arrows/SquareAltArrowRight.js @@ -0,0 +1,60 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareAltArrowRight({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareAltArrowRight); + +SquareAltArrowRight.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareAltArrowRight.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareAltArrowUp.js b/src/icons/arrows/SquareAltArrowUp.js new file mode 100644 index 0000000..7c46d51 --- /dev/null +++ b/src/icons/arrows/SquareAltArrowUp.js @@ -0,0 +1,60 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareAltArrowUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareAltArrowUp); + +SquareAltArrowUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareAltArrowUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareArrowDown.js b/src/icons/arrows/SquareArrowDown.js new file mode 100644 index 0000000..c70a492 --- /dev/null +++ b/src/icons/arrows/SquareArrowDown.js @@ -0,0 +1,60 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareArrowDown({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareArrowDown); + +SquareArrowDown.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareArrowDown.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareArrowLeft.js b/src/icons/arrows/SquareArrowLeft.js new file mode 100644 index 0000000..5f42429 --- /dev/null +++ b/src/icons/arrows/SquareArrowLeft.js @@ -0,0 +1,60 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareArrowLeft({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareArrowLeft); + +SquareArrowLeft.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareArrowLeft.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareArrowLeftDown.js b/src/icons/arrows/SquareArrowLeftDown.js new file mode 100644 index 0000000..eef53ad --- /dev/null +++ b/src/icons/arrows/SquareArrowLeftDown.js @@ -0,0 +1,60 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareArrowLeftDown({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareArrowLeftDown); + +SquareArrowLeftDown.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareArrowLeftDown.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareArrowLeftUp.js b/src/icons/arrows/SquareArrowLeftUp.js new file mode 100644 index 0000000..2ee747c --- /dev/null +++ b/src/icons/arrows/SquareArrowLeftUp.js @@ -0,0 +1,60 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareArrowLeftUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareArrowLeftUp); + +SquareArrowLeftUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareArrowLeftUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareArrowRight.js b/src/icons/arrows/SquareArrowRight.js new file mode 100644 index 0000000..d5db6c5 --- /dev/null +++ b/src/icons/arrows/SquareArrowRight.js @@ -0,0 +1,60 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareArrowRight({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareArrowRight); + +SquareArrowRight.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareArrowRight.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareArrowRightDown.js b/src/icons/arrows/SquareArrowRightDown.js new file mode 100644 index 0000000..16caf54 --- /dev/null +++ b/src/icons/arrows/SquareArrowRightDown.js @@ -0,0 +1,60 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function Cloud({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(Cloud); + +Cloud.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +Cloud.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareArrowRightUp.js b/src/icons/arrows/SquareArrowRightUp.js new file mode 100644 index 0000000..9a298b8 --- /dev/null +++ b/src/icons/arrows/SquareArrowRightUp.js @@ -0,0 +1,60 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareArrowRightUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareArrowRightUp); + +SquareArrowRightUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareArrowRightUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareArrowUp.js b/src/icons/arrows/SquareArrowUp.js new file mode 100644 index 0000000..2754f4e --- /dev/null +++ b/src/icons/arrows/SquareArrowUp.js @@ -0,0 +1,60 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareArrowUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareArrowUp); + +SquareArrowUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareArrowUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareDoubleAltArrowDown.js b/src/icons/arrows/SquareDoubleAltArrowDown.js new file mode 100644 index 0000000..2a801bd --- /dev/null +++ b/src/icons/arrows/SquareDoubleAltArrowDown.js @@ -0,0 +1,67 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareDoubleAltArrowDown({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareDoubleAltArrowDown); + +SquareDoubleAltArrowDown.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareDoubleAltArrowDown.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareDoubleAltArrowLeft.js b/src/icons/arrows/SquareDoubleAltArrowLeft.js new file mode 100644 index 0000000..ce0282b --- /dev/null +++ b/src/icons/arrows/SquareDoubleAltArrowLeft.js @@ -0,0 +1,67 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareDoubleAltArrowLeft({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareDoubleAltArrowLeft); + +SquareDoubleAltArrowLeft.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareDoubleAltArrowLeft.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareDoubleAltArrowRight.js b/src/icons/arrows/SquareDoubleAltArrowRight.js new file mode 100644 index 0000000..23a65a7 --- /dev/null +++ b/src/icons/arrows/SquareDoubleAltArrowRight.js @@ -0,0 +1,67 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareDoubleAltArrowRight({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareDoubleAltArrowRight); + +SquareDoubleAltArrowRight.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareDoubleAltArrowRight.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareDoubleAltArrowUp.js b/src/icons/arrows/SquareDoubleAltArrowUp.js new file mode 100644 index 0000000..fa88fed --- /dev/null +++ b/src/icons/arrows/SquareDoubleAltArrowUp.js @@ -0,0 +1,67 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareDoubleAltArrowUp({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareDoubleAltArrowUp); + +SquareDoubleAltArrowUp.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareDoubleAltArrowUp.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareSortHorizontal.js b/src/icons/arrows/SquareSortHorizontal.js new file mode 100644 index 0000000..597e9a5 --- /dev/null +++ b/src/icons/arrows/SquareSortHorizontal.js @@ -0,0 +1,67 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareSortHorizontal({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareSortHorizontal); + +SquareSortHorizontal.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareSortHorizontal.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareSortVertical.js b/src/icons/arrows/SquareSortVertical.js new file mode 100644 index 0000000..1e5943b --- /dev/null +++ b/src/icons/arrows/SquareSortVertical.js @@ -0,0 +1,67 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareSortVertical({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareSortVertical); + +SquareSortVertical.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareSortVertical.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareTransferHorizontal.js b/src/icons/arrows/SquareTransferHorizontal.js new file mode 100644 index 0000000..cd71916 --- /dev/null +++ b/src/icons/arrows/SquareTransferHorizontal.js @@ -0,0 +1,67 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareTransferHorizontal({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareTransferHorizontal); + +SquareTransferHorizontal.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareTransferHorizontal.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/SquareTransferVertical.js b/src/icons/arrows/SquareTransferVertical.js new file mode 100644 index 0000000..ba9b9f2 --- /dev/null +++ b/src/icons/arrows/SquareTransferVertical.js @@ -0,0 +1,67 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function SquareTransferVertical({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + + ); + + const filledIcon = () => ( + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(SquareTransferVertical); + +SquareTransferVertical.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +SquareTransferVertical.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/TransferHorizontal.js b/src/icons/arrows/TransferHorizontal.js new file mode 100644 index 0000000..848707a --- /dev/null +++ b/src/icons/arrows/TransferHorizontal.js @@ -0,0 +1,64 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function TransferHorizontal({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(TransferHorizontal); + +TransferHorizontal.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +TransferHorizontal.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/TransferVertical.js b/src/icons/arrows/TransferVertical.js new file mode 100644 index 0000000..182e905 --- /dev/null +++ b/src/icons/arrows/TransferVertical.js @@ -0,0 +1,64 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import generateIcon from '../utils/generateIcon'; + +function TransferVertical({ color, strokeWidth, variant }) { + const defaultIcon = () => ( + + + + + ); + + const filledIcon = () => ( + + + + + ); + + switch (variant) { + case 'light': + return defaultIcon(); + case 'regular': + return defaultIcon(); + case 'bold': + return defaultIcon(); + case 'filled': + return filledIcon(); + default: + return defaultIcon(); + } +} + +export default generateIcon(TransferVertical); + +TransferVertical.propTypes = { + color: PropTypes.string, + strokeWidth: PropTypes.string, + variant: PropTypes.oneOf(['light', 'regular', 'bold', 'filled']), +}; + +TransferVertical.defaultProps = { + color: 'currentColor', + strokeWidth: '1.5px', + variant: 'regular', +}; diff --git a/src/icons/arrows/index.js b/src/icons/arrows/index.js new file mode 100644 index 0000000..ec0ad7b --- /dev/null +++ b/src/icons/arrows/index.js @@ -0,0 +1,67 @@ +export { default as AltArrowDown } from './AltArrowDown'; +export { default as AltArrowLeft } from './AltArrowLeft'; +export { default as AltArrowRight } from './AltArrowRight'; +export { default as AltArrowUp } from './AltArrowUp'; +export { default as ArrowDown } from './ArrowDown'; +export { default as ArrowLeft } from './ArrowLeft'; +export { default as ArrowLeftDown } from './ArrowLeftDown'; +export { default as ArrowLeftUp } from './ArrowLeftUp'; +export { default as ArrowRight } from './ArrowRight'; +export { default as ArrowRightDown } from './ArrowRightDown'; +export { default as ArrowRightUp } from './ArrowRightUp'; +export { default as ArrowUp } from './ArrowUp'; +export { default as DoubleAltArrowDown } from './DoubleAltArrowDown'; +export { default as DoubleAltArrowLeft } from './DoubleAltArrowLeft'; +export { default as DoubleAltArrowRight } from './DoubleAltArrowRight'; +export { default as DoubleAltArrowUp } from './DoubleAltArrowUp'; +export { default as Refresh } from './Refresh'; +export { default as RefreshCircle } from './RefreshCircle'; +export { default as RefreshSquare } from './RefreshSquare'; +export { default as Restart } from './Restart'; +export { default as RestartCircle } from './RestartCircle'; +export { default as RestartSquare } from './RestartSquare'; +export { default as RoundAltArrowDown } from './RoundAltArrowDown'; +export { default as RoundAltArrowLeft } from './RoundAltArrowLeft'; +export { default as RoundAltArrowRight } from './RoundAltArrowRight'; +export { default as RoundAltArrowUp } from './RoundAltArrowUp'; +export { default as RoundArrowDown } from './RoundArrowDown'; +export { default as RoundArrowLeft } from './RoundArrowLeft'; +export { default as RoundArrowLeftDown } from './RoundArrowLeftDown'; +export { default as RoundArrowLeftUp } from './RoundArrowLeftUp'; +export { default as RoundArrowRight } from './RoundArrowRight'; +export { default as RoundArrowRightDown } from './RoundArrowRightDown'; +export { default as RoundArrowRightUp } from './RoundArrowRightUp'; +export { default as RoundArrowUp } from './RoundArrowUp'; +export { default as RoundDoubleAltArrowDown } from './RoundDoubleAltArrowDown'; +export { default as RoundDoubleAltArrowLeft } from './RoundDoubleAltArrowLeft'; +export { default as RoundDoubleAltArrowRight } from './RoundDoubleAltArrowRight'; +export { default as RoundDoubleAltArrowUp } from './RoundDoubleAltArrowUp'; +export { default as RoundSortHorizontal } from './RoundSortHorizontal'; +export { default as RoundSortVertical } from './RoundSortVertical'; +export { default as RoundTransferDiagonal } from './RoundTransferDiagonal'; +export { default as RoundTransferHorizontal } from './RoundTransferHorizontal'; +export { default as RoundTransferVertical } from './RoundTransferVertical'; +export { default as SortHorizontal } from './SortHorizontal'; +export { default as SortVertical } from './SortVertical'; +export { default as SquareAltArrowDown } from './SquareAltArrowDown'; +export { default as SquareAltArrowLeft } from './SquareAltArrowLeft'; +export { default as SquareAltArrowRight } from './SquareAltArrowRight'; +export { default as SquareAltArrowUp } from './SquareAltArrowUp'; +export { default as SquareArrowDown } from './SquareArrowDown'; +export { default as SquareArrowLeft } from './SquareArrowLeft'; +export { default as SquareArrowLeftDown } from './SquareArrowLeftDown'; +export { default as SquareArrowLeftUp } from './SquareArrowLeftUp'; +export { default as SquareArrowRight } from './SquareArrowRight'; +export { default as SquareArrowRightDown } from './SquareArrowRightDown'; +export { default as SquareArrowRightUp } from './SquareArrowRightUp'; +export { default as SquareArrowUp } from './SquareArrowUp'; +export { default as SquareDoubleAltArrowDown } from './SquareDoubleAltArrowDown'; +export { default as SquareDoubleAltArrowLeft } from './SquareDoubleAltArrowLeft'; +export { default as SquareDoubleAltArrowRight } from './SquareDoubleAltArrowRight'; +export { default as SquareDoubleAltArrowUp } from './SquareDoubleAltArrowUp'; +export { default as SquareSortHorizontal } from './SquareSortHorizontal'; +export { default as SquareSortVertical } from './SquareSortVertical'; +export { default as SquareTransferHorizontal } from './SquareTransferHorizontal'; +export { default as SquareTransferVertical } from './SquareTransferVertical'; +export { default as TransferHorizontal } from './TransferHorizontal'; +export { default as TransferVertical } from './TransferVertical'; diff --git a/src/index.d.ts b/src/index.d.ts index f5a4671..943e0db 100644 --- a/src/index.d.ts +++ b/src/index.d.ts @@ -11,6 +11,75 @@ export interface IconProps { className?: string; } +// types for weather icons +export const AltArrowDown: React.FC; +export const AltArrowLeft: React.FC; +export const AltArrowRight: React.FC; +export const AltArrowUp: React.FC; +export const ArrowDown: React.FC; +export const ArrowLeft: React.FC; +export const ArrowLeftDown: React.FC; +export const ArrowLeftUp: React.FC; +export const ArrowRight: React.FC; +export const ArrowRightDown: React.FC; +export const ArrowRightUp: React.FC; +export const ArrowUp: React.FC; +export const DoubleAltArrowDown: React.FC; +export const DoubleAltArrowLeft: React.FC; +export const DoubleAltArrowRight: React.FC; +export const DoubleAltArrowUp: React.FC; +export const Refresh: React.FC; +export const RefreshCircle: React.FC; +export const RefreshSquare: React.FC; +export const Restart: React.FC; +export const RestartCircle: React.FC; +export const RestartSquare: React.FC; +export const RoundAltArrowDown: React.FC; +export const RoundAltArrowLeft: React.FC; +export const RoundAltArrowRight: React.FC; +export const RoundAltArrowUp: React.FC; +export const RoundArrowDown: React.FC; +export const RoundArrowLeft: React.FC; +export const RoundArrowLeftDown: React.FC; +export const RoundArrowLeftUp: React.FC; +export const RoundArrowRight: React.FC; +export const RoundArrowRightDown: React.FC; +export const RoundArrowRightUp: React.FC; +export const RoundArrowUp: React.FC; +export const RoundDoubleAltArrowDown: React.FC; +export const RoundDoubleAltArrowLeft: React.FC; +export const RoundDoubleAltArrowRight: React.FC; +export const RoundDoubleAltArrowUp: React.FC; +export const RoundSortHorizontal: React.FC; +export const RoundSortVertical: React.FC; +export const RoundTransferDiagonal: React.FC; +export const RoundTransferHorizontal: React.FC; +export const RoundTransferVertical: React.FC; +export const SortHorizontal: React.FC; +export const SortVertical: React.FC; +export const SquareAltArrowDown: React.FC; +export const SquareAltArrowLeft: React.FC; +export const SquareAltArrowRight: React.FC; +export const SquareAltArrowUp: React.FC; +export const SquareArrowDown: React.FC; +export const SquareArrowLeft: React.FC; +export const SquareArrowLeftDown: React.FC; +export const SquareArrowLeftUp: React.FC; +export const SquareArrowRight: React.FC; +export const SquareArrowRightDown: React.FC; +export const SquareArrowRightUp: React.FC; +export const SquareArrowUp: React.FC; +export const SquareDoubleAltArrowDown: React.FC; +export const SquareDoubleAltArrowLeft: React.FC; +export const SquareDoubleAltArrowRight: React.FC; +export const SquareDoubleAltArrowUp: React.FC; +export const SquareSortHorizontal: React.FC; +export const SquareSortVertical: React.FC; +export const SquareTransferHorizontal: React.FC; +export const SquareTransferVertical: React.FC; +export const TransferHorizontal: React.FC; +export const TransferVertical: React.FC; + // types for notifications icons export const NotificationUnread: React.FC; export const NotificationUnreadLines: React.FC; diff --git a/src/index.js b/src/index.js index d2558cb..5f9cb17 100644 --- a/src/index.js +++ b/src/index.js @@ -1,3 +1,4 @@ export * from './icons/notifications/index'; export * from './icons/documents/index'; export * from './icons/weather/index'; +export * from './icons/arrows/index'; diff --git a/website/package.json b/website/package.json index daa0819..44d0705 100644 --- a/website/package.json +++ b/website/package.json @@ -11,7 +11,7 @@ "prop-types": "^15.8.1", "react": "^18.2.0", "react-dom": "^18.2.0", - "react-modern-icons": "^1.2.5", + "react-modern-icons": "^1.2.6", "react-router-dom": "^6.10.0", "react-scripts": "5.0.1", "web-vitals": "^2.1.4" diff --git a/website/yarn.lock b/website/yarn.lock index fb8586a..6e13687 100644 --- a/website/yarn.lock +++ b/website/yarn.lock @@ -8631,10 +8631,10 @@ react-is@^18.0.0: resolved "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz" integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w== -react-modern-icons@^1.2.5: - version "1.2.5" - resolved "https://registry.yarnpkg.com/react-modern-icons/-/react-modern-icons-1.2.5.tgz#83b0a45d3ae547d4165b8a780456b0bd5df24984" - integrity sha512-soNs6rPXEF10gI03Hx/Pe5iwj1IaTffhfI62gT32J9qZZmWghXaIZSGJuZJ3Y24KoVw67dQleU4Fl0tEQwltrg== +react-modern-icons@^1.2.6: + version "1.2.6" + resolved "https://registry.yarnpkg.com/react-modern-icons/-/react-modern-icons-1.2.6.tgz#9f8be0fbf3460ea9d8b34e9c6bb8d4d24dd4bb74" + integrity sha512-F1LtxITZNSCjd5WzofuuzM1uCjq+cDVMIiu7sfBZOH7tRqF1HiZ0lugDzBdiAOgXLvqAa1MmmqjB6qqo+w9BXg== dependencies: prop-types "^15.8.1"