tg-icon-pack 1.0.1 → 1.0.3

package/icons/AccountSettings.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function AccountSettings({}) {
+export default function AccountSettings({className}) {
     return (
-        <i className={styles.icon}>&#xe902;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe902;</i>
     )
 };

package/icons/Add.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Add({}) {
+export default function Add({className}) {
     return (
-        <i className={styles.icon}>&#xe904;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe904;</i>
     )
 };

package/icons/AddToCart.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function AddToCart({}) {
+export default function AddToCart({className}) {
     return (
-        <i className={styles.icon}>&#xe903;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe903;</i>
     )
 };

package/icons/AlarmClock.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function AlarmClock({}) {
+export default function AlarmClock({className}) {
     return (
-        <i className={styles.icon}>&#xe905;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe905;</i>
     )
 };

package/icons/AlertCircle.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function AlertCircle({}) {
+export default function AlertCircle({className}) {
     return (
-        <i className={styles.icon}>&#xe906;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe906;</i>
     )
 };

package/icons/ArrowDown.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function ArrowDown({}) {
+export default function ArrowDown({className}) {
     return (
-        <i className={styles.icon}>&#xe907;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe907;</i>
     )
 };

package/icons/ArrowLeft.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function ArrowLeft({}) {
+export default function ArrowLeft({className}) {
     return (
-        <i className={styles.icon}>&#xe908;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe908;</i>
     )
 };

package/icons/ArrowRight.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function ArrowRight({}) {
+export default function ArrowRight({className}) {
     return (
-        <i className={styles.icon}>&#xe909;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe909;</i>
     )
 };

package/icons/ArrowUp.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function ArrowUp({}) {
+export default function ArrowUp({className}) {
     return (
-        <i className={styles.icon}>&#xe90a;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe90a;</i>
     )
 };

package/icons/Bank.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Bank({}) {
+export default function Bank({className}) {
     return (
-        <i className={styles.icon}>&#xe90b;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe90b;</i>
     )
 };

package/icons/BarChart.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function BarChart({}) {
+export default function BarChart({className}) {
     return (
-        <i className={styles.icon}>&#xe90c;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe90c;</i>
     )
 };

package/icons/Bell.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Bell({}) {
+export default function Bell({className}) {
     return (
-        <i className={styles.icon}>&#xe90e;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe90e;</i>
     )
 };

package/icons/BellOff.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function BellOff({}) {
+export default function BellOff({className}) {
     return (
-        <i className={styles.icon}>&#xe90d;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe90d;</i>
     )
 };

package/icons/Bist.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Bist({}) {
+export default function Bist({className}) {
     return (
-        <i className={styles.icon}>&#xe90f;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe90f;</i>
     )
 };

package/icons/Book.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Book({}) {
+export default function Book({className}) {
     return (
-        <i className={styles.icon}>&#xe910;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe910;</i>
     )
 };

package/icons/Bookmark.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Bookmark({}) {
+export default function Bookmark({className}) {
     return (
-        <i className={styles.icon}>&#xe911;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe911;</i>
     )
 };

package/icons/BulletIn.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function BulletIn({}) {
+export default function BulletIn({className}) {
     return (
-        <i className={styles.icon}>&#xe913;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe913;</i>
     )
 };

package/icons/BulletInWeekly.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function BulletInWeekly({}) {
+export default function BulletInWeekly({className}) {
     return (
-        <i className={styles.icon}>&#xe912;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe912;</i>
     )
 };

package/icons/Business.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Business({}) {
+export default function Business({className}) {
     return (
-        <i className={styles.icon}>&#xe914;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe914;</i>
     )
 };

package/icons/Calculator.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Calculator({}) {
+export default function Calculator({className}) {
     return (
-        <i className={styles.icon}>&#xe915;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe915;</i>
     )
 };

package/icons/Calendar.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Calendar({}) {
+export default function Calendar({className}) {
     return (
-        <i className={styles.icon}>&#xe916;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe916;</i>
     )
 };

package/icons/Campaign.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Campaign({}) {
+export default function Campaign({className}) {
     return (
-        <i className={styles.icon}>&#xe919;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe919;</i>
     )
 };

package/icons/CampaignDefault.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function CampaignDefault({}) {
+export default function CampaignDefault({className}) {
     return (
-        <i className={styles.icon}>&#xe917;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe917;</i>
     )
 };

package/icons/CampaignSelected.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function CampaignSelected({}) {
+export default function CampaignSelected({className}) {
     return (
-        <i className={styles.icon}>&#xe918;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe918;</i>
     )
 };

package/icons/CancelCircle.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function CancelCircle({}) {
+export default function CancelCircle({className}) {
     return (
-        <i className={styles.icon}>&#xe91a;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe91a;</i>
     )
 };

package/icons/Car.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Car({}) {
+export default function Car({className}) {
     return (
-        <i className={styles.icon}>&#xe91b;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe91b;</i>
     )
 };

package/icons/CategoriesDefault.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function CategoriesDefault({}) {
+export default function CategoriesDefault({className}) {
     return (
-        <i className={styles.icon}>&#xe91c;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe91c;</i>
     )
 };

package/icons/CategoriesSelected.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function CategoriesSelected({}) {
+export default function CategoriesSelected({className}) {
     return (
-        <i className={styles.icon}>&#xe91d;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe91d;</i>
     )
 };

package/icons/Check.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Check({}) {
+export default function Check({className}) {
     return (
-        <i className={styles.icon}>&#xe920;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe920;</i>
     )
 };

package/icons/CheckCircle.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function CheckCircle({}) {
+export default function CheckCircle({className}) {
     return (
-        <i className={styles.icon}>&#xe91f;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe91f;</i>
     )
 };

package/icons/CheckSquare.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function CheckSquare({}) {
+export default function CheckSquare({className}) {
     return (
-        <i className={styles.icon}>&#xe91e;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe91e;</i>
     )
 };

package/icons/ChevronDown.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function ChevronDown({}) {
+export default function ChevronDown({className}) {
     return (
-        <i className={styles.icon}>&#xe921;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe921;</i>
     )
 };

package/icons/ChevronLeft.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function ChevronLeft({}) {
+export default function ChevronLeft({className}) {
     return (
-        <i className={styles.icon}>&#xe922;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe922;</i>
     )
 };

package/icons/ChevronRight.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function ChevronRight({}) {
+export default function ChevronRight({className}) {
     return (
-        <i className={styles.icon}>&#xe923;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe923;</i>
     )
 };

package/icons/ChevronUp.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function ChevronUp({}) {
+export default function ChevronUp({className}) {
     return (
-        <i className={styles.icon}>&#xe924;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe924;</i>
     )
 };

package/icons/Circle.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Circle({}) {
+export default function Circle({className}) {
     return (
-        <i className={styles.icon}>&#xe925;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe925;</i>
     )
 };

package/icons/Clock.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Clock({}) {
+export default function Clock({className}) {
     return (
-        <i className={styles.icon}>&#xe926;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe926;</i>
     )
 };

package/icons/Close.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Close({}) {
+export default function Close({className}) {
     return (
-        <i className={styles.icon}>&#xe927;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe927;</i>
     )
 };

package/icons/CloudDownload.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function CloudDownload({}) {
+export default function CloudDownload({className}) {
     return (
-        <i className={styles.icon}>&#xe928;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe928;</i>
     )
 };

package/icons/CloudUpload.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function CloudUpload({}) {
+export default function CloudUpload({className}) {
     return (
-        <i className={styles.icon}>&#xe929;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe929;</i>
     )
 };

package/icons/Coin.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Coin({}) {
+export default function Coin({className}) {
     return (
-        <i className={styles.icon}>&#xe92a;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe92a;</i>
     )
 };

package/icons/CoinsSwap.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function CoinsSwap({}) {
+export default function CoinsSwap({className}) {
     return (
-        <i className={styles.icon}>&#xe92b;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe92b;</i>
     )
 };

package/icons/Comment.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Comment({}) {
+export default function Comment({className}) {
     return (
-        <i className={styles.icon}>&#xe92c;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe92c;</i>
     )
 };

package/icons/Copy.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Copy({}) {
+export default function Copy({className}) {
     return (
-        <i className={styles.icon}>&#xe92d;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe92d;</i>
     )
 };

package/icons/CreditCard.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function CreditCard({}) {
+export default function CreditCard({className}) {
     return (
-        <i className={styles.icon}>&#xe92f;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe92f;</i>
     )
 };

package/icons/CreditCard1.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function CreditCard1({}) {
+export default function CreditCard1({className}) {
     return (
-        <i className={styles.icon}>&#xe92e;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe92e;</i>
     )
 };

package/icons/CreditScore.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function CreditScore({}) {
+export default function CreditScore({className}) {
     return (
-        <i className={styles.icon}>&#xe930;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe930;</i>
     )
 };

package/icons/CurrencySwap.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function CurrencySwap({}) {
+export default function CurrencySwap({className}) {
     return (
-        <i className={styles.icon}>&#xe931;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe931;</i>
     )
 };

package/icons/DevicePhone.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function DevicePhone({}) {
+export default function DevicePhone({className}) {
     return (
-        <i className={styles.icon}>&#xe932;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe932;</i>
     )
 };

package/icons/Dolar.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Dolar({}) {
+export default function Dolar({className}) {
     return (
-        <i className={styles.icon}>&#xe933;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe933;</i>
     )
 };

package/icons/DollarCoin.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function DollarCoin({}) {
+export default function DollarCoin({className}) {
     return (
-        <i className={styles.icon}>&#xe934;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe934;</i>
     )
 };

package/icons/Download.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Download({}) {
+export default function Download({className}) {
     return (
-        <i className={styles.icon}>&#xe935;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe935;</i>
     )
 };

package/icons/Edit.tsx

@@ -1,8 +1,7 @@
 import styles from "../icons.module.scss"
 
-
-export default function Edit({}) {
+export default function Edit({className}) {
     return (
-        <i className={styles.icon}>&#xe937;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe937;</i>
     )
 };