Build

Jcampillo1207 · Jul 12, 2024 · 4104fd0 · 4104fd0
1 parent 7465389
commit 4104fd0
Show file tree

Hide file tree

Showing 30 changed files with 1,027 additions and 1 deletion.
diff --git a/src/icons/Apple1.tsx b/src/icons/Apple1.tsx
@@ -0,0 +1,35 @@
+
+import React from 'react';
+
+/**
+ * @component
+ * @name Apple1
+ * @description Automatically generated SVG icon component for Apple1.
+ * @param {object} props - SVG component props, including any valid SVG attribute.
+ * @param {number} [props.size=24] - Icon size.
+ * @param {string} [props.color] - Icon color.
+ * @param {number} [props.strokeWidth=2] - Stroke width.
+ * @param {string} [props.color1] - First fill color (for icons with two colors).
+ * @param {string} [props.color2] - Second fill color (for icons with two colors).
+ * @param {string} [props.className] - Additional CSS class for the icon.
+ * @author José Campillo
+ * @website ethereal.dev
+ * @twitter https://x.com/Chema12071
+ * @returns {JSX.Element} JSX element representing the SVG icon.
+ */
+
+interface Apple1Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+  color1?: string;
+  color2?: string;
+  className?: string;
+}
+
+const Apple1: React.FC<Apple1Props> = ({ size = 24, color, strokeWidth = 2, color1, color2, className, ...props }) => (
+  <svg className={`${className} text-foreground`} color={color} width={size} height={size} {...props} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"   fill="none"><g clip-path="url(#a)"><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linecap="round" stroke-linejoin="round" stroke- d="M12 7S8 5 6 5s-4 2-4 5 2 12 5 12 2.5-1 5-1 2 1 5 1 5-9 5-12-2-5-4-5-6 2-6 2m0 0c.044-2.682-.17-3.975-2-5"/></g><defs><clipPath id="a"><path strokeWidth={strokeWidth}  fill={color ? color : "currentColor"} d="M0 0h24v24H0z"/></clipPath></defs></svg>
+);
+
+export default Apple1;
+
diff --git a/src/icons/Apple2.tsx b/src/icons/Apple2.tsx
@@ -0,0 +1,35 @@
+
+import React from 'react';
+
+/**
+ * @component
+ * @name Apple2
+ * @description Automatically generated SVG icon component for Apple2.
+ * @param {object} props - SVG component props, including any valid SVG attribute.
+ * @param {number} [props.size=24] - Icon size.
+ * @param {string} [props.color] - Icon color.
+ * @param {number} [props.strokeWidth=2] - Stroke width.
+ * @param {string} [props.color1] - First fill color (for icons with two colors).
+ * @param {string} [props.color2] - Second fill color (for icons with two colors).
+ * @param {string} [props.className] - Additional CSS class for the icon.
+ * @author José Campillo
+ * @website ethereal.dev
+ * @twitter https://x.com/Chema12071
+ * @returns {JSX.Element} JSX element representing the SVG icon.
+ */
+
+interface Apple2Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+  color1?: string;
+  color2?: string;
+  className?: string;
+}
+
+const Apple2: React.FC<Apple2Props> = ({ size = 24, color, strokeWidth = 2, color1, color2, className, ...props }) => (
+  <svg className={`${className} text-foreground`} color={color} width={size} height={size} {...props} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"   fill="none"><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linecap="round" stroke-linejoin="round" stroke- d="M13 7S9 5 7 5s-4 2-4 5 2 12 5 12 2.5-1 5-1 2 1 5 1c1.285 0 2.386-1.65 3.226-3.774L18 15l2-3-2-2.611L21.389 6c-.695-.641-1.542-1-2.389-1-2 0-6 2-6 2m0 0c.044-2.682-.17-3.975-2-5"/></svg>
+);
+
+export default Apple2;
+
diff --git a/src/icons/Ethereal.tsx b/src/icons/Ethereal.tsx
@@ -4,6 +4,8 @@ import Accesibility1 from './Accesibility1';
 import Accesibility2 from './Accesibility2';
 import Accesibility3 from './Accesibility3';
 import Accesibility4 from './Accesibility4';
+import Apple1 from './Apple1';
+import Apple2 from './Apple2';
 import Audac from './Audac';
 import AudacLight from './AudacLight';
 import Baby1 from './Baby1';
@@ -160,6 +162,28 @@ import HexagonPause from './HexagonPause';
 import HexagonPauseDashed from './HexagonPauseDashed';
 import HexagonX from './HexagonX';
 import HexagonXDashed from './HexagonXDashed';
+import Home1 from './Home1';
+import Home10 from './Home10';
+import Home2 from './Home2';
+import Home3 from './Home3';
+import Home4 from './Home4';
+import Home5 from './Home5';
+import Home6 from './Home6';
+import Home7 from './Home7';
+import Home8 from './Home8';
+import Home9 from './Home9';
+import HomeHelp from './HomeHelp';
+import HomeHelp2 from './HomeHelp2';
+import HomeInfo from './HomeInfo';
+import HomeInfo2 from './HomeInfo2';
+import HomeMinus from './HomeMinus';
+import HomeMinus2 from './HomeMinus2';
+import HomePlus from './HomePlus';
+import HomePlus2 from './HomePlus2';
+import HomeUpgrade from './HomeUpgrade';
+import HomeUpgrade2 from './HomeUpgrade2';
+import HomeX from './HomeX';
+import HomeX2 from './HomeX2';
 import House1 from './House1';
 import House2 from './House2';
 import House3 from './House3';
@@ -216,6 +240,9 @@ import SearchCode from './SearchCode';
 import SearchPlus from './SearchPlus';
 import SearchPlus1 from './SearchPlus1';
 import SearchX from './SearchX';
+import Settings from './Settings';
+import Settings2 from './Settings2';
+import Settings3 from './Settings3';
 import Smile from './Smile';
 import Square from './Square';
 import SquareChevronDown from './SquareChevronDown';
@@ -261,7 +288,7 @@ interface IconProps extends React.SVGProps<SVGSVGElement> {
 }
 
 const Ethereal: React.FC<IconProps> = ({ name, size = 24, color, strokeWidth = 2, color1, color2, className, ...props }) => {
-  const icons = { Accesibility1, Accesibility2, Accesibility3, Accesibility4, Audac, AudacLight, Baby1, Baby2, Baby3, Baby4, Badge1, Badge1Cent, Badge1Check, Badge1Dollarsign, Badge1Euro, Badge1Help, Badge1Info, Badge1Minus, Badge1Percent, Badge1Plus, Badge1X, Badge2, Badge2Cent, Badge2Check, Badge2Dollarsign, Badge2Euro, Badge2Help, Badge2Info, Badge2Minus, Badge2Percent, Badge2Plus, Badge2X, Badge3, Badge3Cent, Badge3Check, Badge3Dollarsign, Badge3Euro, Badge3Help, Badge3Info, Badge3Minus, Badge3Percent, Badge3Plus, Badge3X, Badge4, Badge4Cent, Badge4Check, Badge4Dollarsign, Badge4Euro, Badge4Help, Badge4Info, Badge4Minus, Badge4Percent, Badge4Plus, Badge4X, Bolt, Bolt2, Boost, BoosthubIntello, BulbIntello, CheckIntello, ChevronDown, ChevronDownDashed, ChevronFirst, ChevronFirstDashed, ChevronLast, ChevronLastDashed, ChevronLeft, ChevronLeftDashed, ChevronRight, ChevronRightDashed, ChevronUp, ChevronUpDashed, ChevronsDown, ChevronsDownDashed, ChevronsDownUp, ChevronsDownUpDashed, ChevronsLeft, ChevronsLeftDashed, ChevronsLeftRight, ChevronsLeftRightDashed, ChevronsRight, ChevronsRightDashed, ChevronsRightLeft, ChevronsRightLeftDashed, ChevronsUp, ChevronsUpDashed, ChevronsUpDown, ChevronsUpDownDashed, Circle, CircleChevronDown, CircleChevronDownDashed, CircleChevronLeft, CircleChevronLeftDashed, CircleChevronRight, CircleChevronRightDashed, CircleChevronUp, CircleChevronUpDashed, CircleDashed, CircleDot, CircleDotDashed, Colecto, ColectoLight, Contrast1, Contrast2, Contrast3, Contrast4, DevelopmentIntello, Diamond, DiamondDot, DiamondDotDashed, Donut, Eclipse, EtherealLogo, Eye1, Eye1Closed, Eye2, Eye2Closed, Eye3, Eye3Closed, Eye4, Eye4Closed, FingerMiddle, FingerPointingDown, FingerPointingDown2, FingerPointingLeft, FingerPointingLeft2, FingerPointingRight, FingerPointingRight2, FingerPointingUp, FingerPointingUp2, Forge, Glasses1, Glasses10, Glasses11, Glasses12, Glasses2, Glasses3, Glasses4, Glasses5, Glasses6, Glasses7, Glasses8, Glasses9, Grab, Grow, Habitaloo, HabitalooInvert, HalfMoon, HalfMoonStar, HalfMoonStars, Hand, HandPeaceSign, Hexagon, HexagonAlert, HexagonAlertDashed, HexagonDashed, HexagonPause, HexagonPauseDashed, HexagonX, HexagonXDashed, House1, House2, House3, House4, House5, House6, Intello, IntelloLight, LifeSaver, Lojit, LojitLight, Mana, Mask, Moon, MoonStar, Octagon, OctagonAlert, OctagonAlertDashed, OctagonDashed, OctagonPause, OctagonPauseDashed, OctagonX, OctagonXDashed, OnboardingIntello, PanelBottomClose, PanelBottomOpen, PanelLeftClose, PanelLeftOpen, PanelRightClose, PanelRightOpen, PanelUpClose, PanelUpOpen, Pentagon, PentagonAlert, PentagonAlertDashed, PentagonDashed, PentagonPause, PentagonPauseDashed, PentagonX, PentagonXDashed, PokerFace, Sad, Scan, ScanBarcode, ScanEye, ScanFile, ScanLine, ScanQrCode, ScanSearch, ScanText, Search, SearchCheck, SearchCode, SearchPlus, SearchPlus1, SearchX, Smile, Square, SquareChevronDown, SquareChevronLeft, SquareChevronRight, SquareChevronUp, SquareDot, SquareDotDashed, Studio, Terminal, ThumbsDown, ThumbsUp, Triangle, Typescript, Typescript1, UploadIntello, User1, User1Check, User2, User2Check, User3, User3Check, User4, User4Check, Warehouse1, Warehouse1Open, Warehouse1Semiopen, Warehouse2, Warehouse2Open, Warehouse2Semiopen, Zetline, ZetlineLight };
+  const icons = { Accesibility1, Accesibility2, Accesibility3, Accesibility4, Apple1, Apple2, Audac, AudacLight, Baby1, Baby2, Baby3, Baby4, Badge1, Badge1Cent, Badge1Check, Badge1Dollarsign, Badge1Euro, Badge1Help, Badge1Info, Badge1Minus, Badge1Percent, Badge1Plus, Badge1X, Badge2, Badge2Cent, Badge2Check, Badge2Dollarsign, Badge2Euro, Badge2Help, Badge2Info, Badge2Minus, Badge2Percent, Badge2Plus, Badge2X, Badge3, Badge3Cent, Badge3Check, Badge3Dollarsign, Badge3Euro, Badge3Help, Badge3Info, Badge3Minus, Badge3Percent, Badge3Plus, Badge3X, Badge4, Badge4Cent, Badge4Check, Badge4Dollarsign, Badge4Euro, Badge4Help, Badge4Info, Badge4Minus, Badge4Percent, Badge4Plus, Badge4X, Bolt, Bolt2, Boost, BoosthubIntello, BulbIntello, CheckIntello, ChevronDown, ChevronDownDashed, ChevronFirst, ChevronFirstDashed, ChevronLast, ChevronLastDashed, ChevronLeft, ChevronLeftDashed, ChevronRight, ChevronRightDashed, ChevronUp, ChevronUpDashed, ChevronsDown, ChevronsDownDashed, ChevronsDownUp, ChevronsDownUpDashed, ChevronsLeft, ChevronsLeftDashed, ChevronsLeftRight, ChevronsLeftRightDashed, ChevronsRight, ChevronsRightDashed, ChevronsRightLeft, ChevronsRightLeftDashed, ChevronsUp, ChevronsUpDashed, ChevronsUpDown, ChevronsUpDownDashed, Circle, CircleChevronDown, CircleChevronDownDashed, CircleChevronLeft, CircleChevronLeftDashed, CircleChevronRight, CircleChevronRightDashed, CircleChevronUp, CircleChevronUpDashed, CircleDashed, CircleDot, CircleDotDashed, Colecto, ColectoLight, Contrast1, Contrast2, Contrast3, Contrast4, DevelopmentIntello, Diamond, DiamondDot, DiamondDotDashed, Donut, Eclipse, EtherealLogo, Eye1, Eye1Closed, Eye2, Eye2Closed, Eye3, Eye3Closed, Eye4, Eye4Closed, FingerMiddle, FingerPointingDown, FingerPointingDown2, FingerPointingLeft, FingerPointingLeft2, FingerPointingRight, FingerPointingRight2, FingerPointingUp, FingerPointingUp2, Forge, Glasses1, Glasses10, Glasses11, Glasses12, Glasses2, Glasses3, Glasses4, Glasses5, Glasses6, Glasses7, Glasses8, Glasses9, Grab, Grow, Habitaloo, HabitalooInvert, HalfMoon, HalfMoonStar, HalfMoonStars, Hand, HandPeaceSign, Hexagon, HexagonAlert, HexagonAlertDashed, HexagonDashed, HexagonPause, HexagonPauseDashed, HexagonX, HexagonXDashed, Home1, Home10, Home2, Home3, Home4, Home5, Home6, Home7, Home8, Home9, HomeHelp, HomeHelp2, HomeInfo, HomeInfo2, HomeMinus, HomeMinus2, HomePlus, HomePlus2, HomeUpgrade, HomeUpgrade2, HomeX, HomeX2, House1, House2, House3, House4, House5, House6, Intello, IntelloLight, LifeSaver, Lojit, LojitLight, Mana, Mask, Moon, MoonStar, Octagon, OctagonAlert, OctagonAlertDashed, OctagonDashed, OctagonPause, OctagonPauseDashed, OctagonX, OctagonXDashed, OnboardingIntello, PanelBottomClose, PanelBottomOpen, PanelLeftClose, PanelLeftOpen, PanelRightClose, PanelRightOpen, PanelUpClose, PanelUpOpen, Pentagon, PentagonAlert, PentagonAlertDashed, PentagonDashed, PentagonPause, PentagonPauseDashed, PentagonX, PentagonXDashed, PokerFace, Sad, Scan, ScanBarcode, ScanEye, ScanFile, ScanLine, ScanQrCode, ScanSearch, ScanText, Search, SearchCheck, SearchCode, SearchPlus, SearchPlus1, SearchX, Settings, Settings2, Settings3, Smile, Square, SquareChevronDown, SquareChevronLeft, SquareChevronRight, SquareChevronUp, SquareDot, SquareDotDashed, Studio, Terminal, ThumbsDown, ThumbsUp, Triangle, Typescript, Typescript1, UploadIntello, User1, User1Check, User2, User2Check, User3, User3Check, User4, User4Check, Warehouse1, Warehouse1Open, Warehouse1Semiopen, Warehouse2, Warehouse2Open, Warehouse2Semiopen, Zetline, ZetlineLight };
   const IconComponent = icons[name];
   if (!IconComponent) {
     return null;

diff --git a/src/icons/Home1.tsx b/src/icons/Home1.tsx
@@ -0,0 +1,35 @@
+
+import React from 'react';
+
+/**
+ * @component
+ * @name Home1
+ * @description Automatically generated SVG icon component for Home1.
+ * @param {object} props - SVG component props, including any valid SVG attribute.
+ * @param {number} [props.size=24] - Icon size.
+ * @param {string} [props.color] - Icon color.
+ * @param {number} [props.strokeWidth=2] - Stroke width.
+ * @param {string} [props.color1] - First fill color (for icons with two colors).
+ * @param {string} [props.color2] - Second fill color (for icons with two colors).
+ * @param {string} [props.className] - Additional CSS class for the icon.
+ * @author José Campillo
+ * @website ethereal.dev
+ * @twitter https://x.com/Chema12071
+ * @returns {JSX.Element} JSX element representing the SVG icon.
+ */
+
+interface Home1Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+  color1?: string;
+  color2?: string;
+  className?: string;
+}
+
+const Home1: React.FC<Home1Props> = ({ size = 24, color, strokeWidth = 2, color1, color2, className, ...props }) => (
+  <svg className={`${className} text-foreground`} color={color} width={size} height={size} {...props} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"   fill="none"><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linecap="round" stroke-linejoin="round" stroke- d="M2.916 9.267 10.751 3a2 2 0 0 1 2.498 0l7.835 6.267a2 2 0 0 1 .723 1.89L20.28 20.33A2 2 0 0 1 18.306 22H5.694a2 2 0 0 1-1.973-1.671l-1.528-9.171a2 2 0 0 1 .723-1.891"/></svg>
+);
+
+export default Home1;
+
diff --git a/src/icons/Home10.tsx b/src/icons/Home10.tsx
@@ -0,0 +1,35 @@
+
+import React from 'react';
+
+/**
+ * @component
+ * @name Home10
+ * @description Automatically generated SVG icon component for Home10.
+ * @param {object} props - SVG component props, including any valid SVG attribute.
+ * @param {number} [props.size=24] - Icon size.
+ * @param {string} [props.color] - Icon color.
+ * @param {number} [props.strokeWidth=2] - Stroke width.
+ * @param {string} [props.color1] - First fill color (for icons with two colors).
+ * @param {string} [props.color2] - Second fill color (for icons with two colors).
+ * @param {string} [props.className] - Additional CSS class for the icon.
+ * @author José Campillo
+ * @website ethereal.dev
+ * @twitter https://x.com/Chema12071
+ * @returns {JSX.Element} JSX element representing the SVG icon.
+ */
+
+interface Home10Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+  color1?: string;
+  color2?: string;
+  className?: string;
+}
+
+const Home10: React.FC<Home10Props> = ({ size = 24, color, strokeWidth = 2, color1, color2, className, ...props }) => (
+  <svg className={`${className} text-foreground`} color={color} width={size} height={size} {...props} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"   fill="none"><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linecap="round" stroke-linejoin="round" stroke- d="M3 9.2 10.75 3a2 2 0 0 1 2.5 0L21 9.2m-18 0L2 10m1-.8V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9.2m0 0 1 .8m-10 8h.01"/></svg>
+);
+
+export default Home10;
+
diff --git a/src/icons/Home2.tsx b/src/icons/Home2.tsx
@@ -0,0 +1,35 @@
+
+import React from 'react';
+
+/**
+ * @component
+ * @name Home2
+ * @description Automatically generated SVG icon component for Home2.
+ * @param {object} props - SVG component props, including any valid SVG attribute.
+ * @param {number} [props.size=24] - Icon size.
+ * @param {string} [props.color] - Icon color.
+ * @param {number} [props.strokeWidth=2] - Stroke width.
+ * @param {string} [props.color1] - First fill color (for icons with two colors).
+ * @param {string} [props.color2] - Second fill color (for icons with two colors).
+ * @param {string} [props.className] - Additional CSS class for the icon.
+ * @author José Campillo
+ * @website ethereal.dev
+ * @twitter https://x.com/Chema12071
+ * @returns {JSX.Element} JSX element representing the SVG icon.
+ */
+
+interface Home2Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+  color1?: string;
+  color2?: string;
+  className?: string;
+}
+
+const Home2: React.FC<Home2Props> = ({ size = 24, color, strokeWidth = 2, color1, color2, className, ...props }) => (
+  <svg className={`${className} text-foreground`} color={color} width={size} height={size} {...props} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"   fill="none"><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linecap="round" stroke-linejoin="round" stroke- d="M12 18v-3m0 7h6.306a2 2 0 0 0 1.973-1.671l1.528-9.171a2 2 0 0 0-.723-1.891L13.249 3a2 2 0 0 0-2.498 0L2.916 9.267a2 2 0 0 0-.723 1.89L3.72 20.33A2 2 0 0 0 5.694 22z"/></svg>
+);
+
+export default Home2;
+
diff --git a/src/icons/Home3.tsx b/src/icons/Home3.tsx
@@ -0,0 +1,35 @@
+
+import React from 'react';
+
+/**
+ * @component
+ * @name Home3
+ * @description Automatically generated SVG icon component for Home3.
+ * @param {object} props - SVG component props, including any valid SVG attribute.
+ * @param {number} [props.size=24] - Icon size.
+ * @param {string} [props.color] - Icon color.
+ * @param {number} [props.strokeWidth=2] - Stroke width.
+ * @param {string} [props.color1] - First fill color (for icons with two colors).
+ * @param {string} [props.color2] - Second fill color (for icons with two colors).
+ * @param {string} [props.className] - Additional CSS class for the icon.
+ * @author José Campillo
+ * @website ethereal.dev
+ * @twitter https://x.com/Chema12071
+ * @returns {JSX.Element} JSX element representing the SVG icon.
+ */
+
+interface Home3Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+  color1?: string;
+  color2?: string;
+  className?: string;
+}
+
+const Home3: React.FC<Home3Props> = ({ size = 24, color, strokeWidth = 2, color1, color2, className, ...props }) => (
+  <svg className={`${className} text-foreground`} color={color} width={size} height={size} {...props} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"   fill="none"><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linecap="round" stroke-linejoin="round" stroke- d="M10 18h4m-2 4h6.306a2 2 0 0 0 1.973-1.671l1.528-9.171a2 2 0 0 0-.723-1.891L13.249 3a2 2 0 0 0-2.498 0L2.916 9.267a2 2 0 0 0-.723 1.89L3.72 20.33A2 2 0 0 0 5.694 22z"/></svg>
+);
+
+export default Home3;
+