@purpurds/illustrative-icon 6.8.3 → 6.10.0

package/src/components/satellite-dish-offblack.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { satelliteDishOffblack } from "../assets/satellite-dish-offblack";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconSatelliteDishOffblack = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={satelliteDishOffblack.svg} />
+);
+
+IllustrativeIconSatelliteDishOffblack.displayName = "IllustrativeIconSatelliteDishOffblack";

package/src/components/satellite-duocolor.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { satelliteDuocolor } from "../assets/satellite-duocolor";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconSatelliteDuocolor = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={satelliteDuocolor.svg} />
+);
+
+IllustrativeIconSatelliteDuocolor.displayName = "IllustrativeIconSatelliteDuocolor";

package/src/components/satellite-offblack.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { satelliteOffblack } from "../assets/satellite-offblack";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconSatelliteOffblack = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={satelliteOffblack.svg} />
+);
+
+IllustrativeIconSatelliteOffblack.displayName = "IllustrativeIconSatelliteOffblack";

package/src/components/screen-settings-checkmark-duocolor.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { screenSettingsCheckmarkDuocolor } from "../assets/screen-settings-checkmark-duocolor";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconScreenSettingsCheckmarkDuocolor = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={screenSettingsCheckmarkDuocolor.svg} />
+);
+
+IllustrativeIconScreenSettingsCheckmarkDuocolor.displayName = "IllustrativeIconScreenSettingsCheckmarkDuocolor";

package/src/components/screen-settings-checkmark-offblack.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { screenSettingsCheckmarkOffblack } from "../assets/screen-settings-checkmark-offblack";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconScreenSettingsCheckmarkOffblack = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={screenSettingsCheckmarkOffblack.svg} />
+);
+
+IllustrativeIconScreenSettingsCheckmarkOffblack.displayName = "IllustrativeIconScreenSettingsCheckmarkOffblack";

package/src/components/search-duocolor.tsx

@@ -1,15 +1,18 @@
 /**
  * ⚠️ WARNING ⚠️
- * This file is automatically generated do not edit it manually",
+ * This file is automatically generated, do not edit it manually",
  */
 
 import React from "react";
 
-import animationData from "../assets/search-duocolor.json";
-import { IllustrativeBaseIconProps, IllustrativeIcon } from "../illustrative-icon";
+import {
+  AnimatedIllustrativeBaseIconProps,
+  AnimatedIllustrativeIcon,
+} from "../animated-illustrative-icon";
+import animationData from "../assets/json/search-duocolor.json";
 
-export const IllustrativeIconSearchDuocolor = (props: IllustrativeBaseIconProps) => (
-  <IllustrativeIcon {...props} json={animationData} />
+export const IllustrativeIconSearchDuocolor = (props: AnimatedIllustrativeBaseIconProps) => (
+  <AnimatedIllustrativeIcon {...props} json={animationData} />
 );
 
 IllustrativeIconSearchDuocolor.displayName = "IllustrativeIconSearchDuocolor";

package/src/components/search-field-duocolor.tsx

@@ -1,15 +1,18 @@
 /**
  * ⚠️ WARNING ⚠️
- * This file is automatically generated do not edit it manually",
+ * This file is automatically generated, do not edit it manually",
  */
 
 import React from "react";
 
-import animationData from "../assets/search-field-duocolor.json";
-import { IllustrativeBaseIconProps, IllustrativeIcon } from "../illustrative-icon";
+import {
+  AnimatedIllustrativeBaseIconProps,
+  AnimatedIllustrativeIcon,
+} from "../animated-illustrative-icon";
+import animationData from "../assets/json/search-field-duocolor.json";
 
-export const IllustrativeIconSearchFieldDuocolor = (props: IllustrativeBaseIconProps) => (
-  <IllustrativeIcon {...props} json={animationData} />
+export const IllustrativeIconSearchFieldDuocolor = (props: AnimatedIllustrativeBaseIconProps) => (
+  <AnimatedIllustrativeIcon {...props} json={animationData} />
 );
 
 IllustrativeIconSearchFieldDuocolor.displayName = "IllustrativeIconSearchFieldDuocolor";

package/src/components/search-field-offblack.tsx

@@ -1,15 +1,18 @@
 /**
  * ⚠️ WARNING ⚠️
- * This file is automatically generated do not edit it manually",
+ * This file is automatically generated, do not edit it manually",
  */
 
 import React from "react";
 
-import animationData from "../assets/search-field-offblack.json";
-import { IllustrativeBaseIconProps, IllustrativeIcon } from "../illustrative-icon";
+import {
+  AnimatedIllustrativeBaseIconProps,
+  AnimatedIllustrativeIcon,
+} from "../animated-illustrative-icon";
+import animationData from "../assets/json/search-field-offblack.json";
 
-export const IllustrativeIconSearchFieldOffblack = (props: IllustrativeBaseIconProps) => (
-  <IllustrativeIcon {...props} json={animationData} />
+export const IllustrativeIconSearchFieldOffblack = (props: AnimatedIllustrativeBaseIconProps) => (
+  <AnimatedIllustrativeIcon {...props} json={animationData} />
 );
 
 IllustrativeIconSearchFieldOffblack.displayName = "IllustrativeIconSearchFieldOffblack";

package/src/components/search-offblack.tsx

@@ -1,15 +1,18 @@
 /**
  * ⚠️ WARNING ⚠️
- * This file is automatically generated do not edit it manually",
+ * This file is automatically generated, do not edit it manually",
  */
 
 import React from "react";
 
-import animationData from "../assets/search-offblack.json";
-import { IllustrativeBaseIconProps, IllustrativeIcon } from "../illustrative-icon";
+import {
+  AnimatedIllustrativeBaseIconProps,
+  AnimatedIllustrativeIcon,
+} from "../animated-illustrative-icon";
+import animationData from "../assets/json/search-offblack.json";
 
-export const IllustrativeIconSearchOffblack = (props: IllustrativeBaseIconProps) => (
-  <IllustrativeIcon {...props} json={animationData} />
+export const IllustrativeIconSearchOffblack = (props: AnimatedIllustrativeBaseIconProps) => (
+  <AnimatedIllustrativeIcon {...props} json={animationData} />
 );
 
 IllustrativeIconSearchOffblack.displayName = "IllustrativeIconSearchOffblack";

package/src/components/search-question-duocolor.tsx

@@ -1,15 +1,18 @@
 /**
  * ⚠️ WARNING ⚠️
- * This file is automatically generated do not edit it manually",
+ * This file is automatically generated, do not edit it manually",
  */
 
 import React from "react";
 
-import animationData from "../assets/search-question-duocolor.json";
-import { IllustrativeBaseIconProps, IllustrativeIcon } from "../illustrative-icon";
+import {
+  AnimatedIllustrativeBaseIconProps,
+  AnimatedIllustrativeIcon,
+} from "../animated-illustrative-icon";
+import animationData from "../assets/json/search-question-duocolor.json";
 
-export const IllustrativeIconSearchQuestionDuocolor = (props: IllustrativeBaseIconProps) => (
-  <IllustrativeIcon {...props} json={animationData} />
+export const IllustrativeIconSearchQuestionDuocolor = (props: AnimatedIllustrativeBaseIconProps) => (
+  <AnimatedIllustrativeIcon {...props} json={animationData} />
 );
 
 IllustrativeIconSearchQuestionDuocolor.displayName = "IllustrativeIconSearchQuestionDuocolor";

package/src/components/search-question-offblack.tsx

@@ -1,15 +1,18 @@
 /**
  * ⚠️ WARNING ⚠️
- * This file is automatically generated do not edit it manually",
+ * This file is automatically generated, do not edit it manually",
  */
 
 import React from "react";
 
-import animationData from "../assets/search-question-offblack.json";
-import { IllustrativeBaseIconProps, IllustrativeIcon } from "../illustrative-icon";
+import {
+  AnimatedIllustrativeBaseIconProps,
+  AnimatedIllustrativeIcon,
+} from "../animated-illustrative-icon";
+import animationData from "../assets/json/search-question-offblack.json";
 
-export const IllustrativeIconSearchQuestionOffblack = (props: IllustrativeBaseIconProps) => (
-  <IllustrativeIcon {...props} json={animationData} />
+export const IllustrativeIconSearchQuestionOffblack = (props: AnimatedIllustrativeBaseIconProps) => (
+  <AnimatedIllustrativeIcon {...props} json={animationData} />
 );
 
 IllustrativeIconSearchQuestionOffblack.displayName = "IllustrativeIconSearchQuestionOffblack";

package/src/components/settings-loop-duocolor.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { settingsLoopDuocolor } from "../assets/settings-loop-duocolor";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconSettingsLoopDuocolor = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={settingsLoopDuocolor.svg} />
+);
+
+IllustrativeIconSettingsLoopDuocolor.displayName = "IllustrativeIconSettingsLoopDuocolor";

package/src/components/settings-loop-offblack.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { settingsLoopOffblack } from "../assets/settings-loop-offblack";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconSettingsLoopOffblack = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={settingsLoopOffblack.svg} />
+);
+
+IllustrativeIconSettingsLoopOffblack.displayName = "IllustrativeIconSettingsLoopOffblack";

package/src/components/settings-time-duocolor.tsx

@@ -1,15 +1,18 @@
 /**
  * ⚠️ WARNING ⚠️
- * This file is automatically generated do not edit it manually",
+ * This file is automatically generated, do not edit it manually",
  */
 
 import React from "react";
 
-import animationData from "../assets/settings-time-duocolor.json";
-import { IllustrativeBaseIconProps, IllustrativeIcon } from "../illustrative-icon";
+import {
+  AnimatedIllustrativeBaseIconProps,
+  AnimatedIllustrativeIcon,
+} from "../animated-illustrative-icon";
+import animationData from "../assets/json/settings-time-duocolor.json";
 
-export const IllustrativeIconSettingsTimeDuocolor = (props: IllustrativeBaseIconProps) => (
-  <IllustrativeIcon {...props} json={animationData} />
+export const IllustrativeIconSettingsTimeDuocolor = (props: AnimatedIllustrativeBaseIconProps) => (
+  <AnimatedIllustrativeIcon {...props} json={animationData} />
 );
 
 IllustrativeIconSettingsTimeDuocolor.displayName = "IllustrativeIconSettingsTimeDuocolor";

package/src/components/settings-time-offblack.tsx

@@ -1,15 +1,18 @@
 /**
  * ⚠️ WARNING ⚠️
- * This file is automatically generated do not edit it manually",
+ * This file is automatically generated, do not edit it manually",
  */
 
 import React from "react";
 
-import animationData from "../assets/settings-time-offblack.json";
-import { IllustrativeBaseIconProps, IllustrativeIcon } from "../illustrative-icon";
+import {
+  AnimatedIllustrativeBaseIconProps,
+  AnimatedIllustrativeIcon,
+} from "../animated-illustrative-icon";
+import animationData from "../assets/json/settings-time-offblack.json";
 
-export const IllustrativeIconSettingsTimeOffblack = (props: IllustrativeBaseIconProps) => (
-  <IllustrativeIcon {...props} json={animationData} />
+export const IllustrativeIconSettingsTimeOffblack = (props: AnimatedIllustrativeBaseIconProps) => (
+  <AnimatedIllustrativeIcon {...props} json={animationData} />
 );
 
 IllustrativeIconSettingsTimeOffblack.displayName = "IllustrativeIconSettingsTimeOffblack";

package/src/components/shield-fingerprint-duocolor.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { shieldFingerprintDuocolor } from "../assets/shield-fingerprint-duocolor";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconShieldFingerprintDuocolor = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={shieldFingerprintDuocolor.svg} />
+);
+
+IllustrativeIconShieldFingerprintDuocolor.displayName = "IllustrativeIconShieldFingerprintDuocolor";

package/src/components/shield-fingerprint-offblack.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { shieldFingerprintOffblack } from "../assets/shield-fingerprint-offblack";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconShieldFingerprintOffblack = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={shieldFingerprintOffblack.svg} />
+);
+
+IllustrativeIconShieldFingerprintOffblack.displayName = "IllustrativeIconShieldFingerprintOffblack";

package/src/components/shield-lock-connectivity-duocolor.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { shieldLockConnectivityDuocolor } from "../assets/shield-lock-connectivity-duocolor";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconShieldLockConnectivityDuocolor = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={shieldLockConnectivityDuocolor.svg} />
+);
+
+IllustrativeIconShieldLockConnectivityDuocolor.displayName = "IllustrativeIconShieldLockConnectivityDuocolor";

package/src/components/shield-lock-connectivity-offblack.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { shieldLockConnectivityOffblack } from "../assets/shield-lock-connectivity-offblack";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconShieldLockConnectivityOffblack = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={shieldLockConnectivityOffblack.svg} />
+);
+
+IllustrativeIconShieldLockConnectivityOffblack.displayName = "IllustrativeIconShieldLockConnectivityOffblack";

package/src/components/shield-lock-duocolor.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { shieldLockDuocolor } from "../assets/shield-lock-duocolor";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconShieldLockDuocolor = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={shieldLockDuocolor.svg} />
+);
+
+IllustrativeIconShieldLockDuocolor.displayName = "IllustrativeIconShieldLockDuocolor";

package/src/components/shield-lock-offblack.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { shieldLockOffblack } from "../assets/shield-lock-offblack";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconShieldLockOffblack = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={shieldLockOffblack.svg} />
+);
+
+IllustrativeIconShieldLockOffblack.displayName = "IllustrativeIconShieldLockOffblack";

package/src/components/shield-lock-puzzle-duocolor.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { shieldLockPuzzleDuocolor } from "../assets/shield-lock-puzzle-duocolor";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconShieldLockPuzzleDuocolor = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={shieldLockPuzzleDuocolor.svg} />
+);
+
+IllustrativeIconShieldLockPuzzleDuocolor.displayName = "IllustrativeIconShieldLockPuzzleDuocolor";

package/src/components/shield-lock-puzzle-offblack.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { shieldLockPuzzleOffblack } from "../assets/shield-lock-puzzle-offblack";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconShieldLockPuzzleOffblack = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={shieldLockPuzzleOffblack.svg} />
+);
+
+IllustrativeIconShieldLockPuzzleOffblack.displayName = "IllustrativeIconShieldLockPuzzleOffblack";

package/src/components/ship-duocolor.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { shipDuocolor } from "../assets/ship-duocolor";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconShipDuocolor = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={shipDuocolor.svg} />
+);
+
+IllustrativeIconShipDuocolor.displayName = "IllustrativeIconShipDuocolor";

package/src/components/ship-offblack.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { shipOffblack } from "../assets/ship-offblack";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconShipOffblack = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={shipOffblack.svg} />
+);
+
+IllustrativeIconShipOffblack.displayName = "IllustrativeIconShipOffblack";

package/src/components/skyscraper-duocolor.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { skyscraperDuocolor } from "../assets/skyscraper-duocolor";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconSkyscraperDuocolor = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={skyscraperDuocolor.svg} />
+);
+
+IllustrativeIconSkyscraperDuocolor.displayName = "IllustrativeIconSkyscraperDuocolor";

package/src/components/skyscraper-offblack.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { skyscraperOffblack } from "../assets/skyscraper-offblack";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconSkyscraperOffblack = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={skyscraperOffblack.svg} />
+);
+
+IllustrativeIconSkyscraperOffblack.displayName = "IllustrativeIconSkyscraperOffblack";

package/src/components/smart-family-duocolor.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { smartFamilyDuocolor } from "../assets/smart-family-duocolor";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconSmartFamilyDuocolor = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={smartFamilyDuocolor.svg} />
+);
+
+IllustrativeIconSmartFamilyDuocolor.displayName = "IllustrativeIconSmartFamilyDuocolor";

package/src/components/smart-family-offblack.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { smartFamilyOffblack } from "../assets/smart-family-offblack";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconSmartFamilyOffblack = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={smartFamilyOffblack.svg} />
+);
+
+IllustrativeIconSmartFamilyOffblack.displayName = "IllustrativeIconSmartFamilyOffblack";

package/src/components/smartphone-broken-duocolor.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { smartphoneBrokenDuocolor } from "../assets/smartphone-broken-duocolor";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconSmartphoneBrokenDuocolor = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={smartphoneBrokenDuocolor.svg} />
+);
+
+IllustrativeIconSmartphoneBrokenDuocolor.displayName = "IllustrativeIconSmartphoneBrokenDuocolor";

package/src/components/smartphone-broken-offblack.tsx

@@ -0,0 +1,18 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually",
+ */
+
+import React from "react";
+
+import { smartphoneBrokenOffblack } from "../assets/smartphone-broken-offblack";
+import {
+  StaticIllustrativeBaseIconProps,
+  StaticIllustrativeIcon,
+} from "../static-illustrative-icon";
+
+export const IllustrativeIconSmartphoneBrokenOffblack = (props: StaticIllustrativeBaseIconProps) => (
+  <StaticIllustrativeIcon {...props} svg={smartphoneBrokenOffblack.svg} />
+);
+
+IllustrativeIconSmartphoneBrokenOffblack.displayName = "IllustrativeIconSmartphoneBrokenOffblack";