Adding Icons

sparkle/src/_index.ts

@@ -180,6 +180,7 @@ import {
   Plus as PlusIcon,
   PlusCircle as PlusCircleIcon,
   QuestionMarkCircle as QuestionMarkCircleIcon,
+  Reaction as ReactionIcon,
   Robot as RobotIcon,
   Server as ServerIcon,
   ShakeHands as ShakeHandsIcon,
@@ -253,6 +254,7 @@ export {
   PlusCircleIcon,
   PlusIcon,
   QuestionMarkCircleIcon,
+  ReactionIcon,
   RobotIcon,
   ServerIcon,
   ShakeHandsIcon,
@@ -326,6 +328,7 @@ import {
   Plus as PlusStrokeIcon,
   PlusCircle as PlusCircleStrokeIcon,
   QuestionMarkCircle as QuestionMarkCircleStrokeIcon,
+  Reaction as ReactionStrokeIcon,
   Robot as RobotStrokeIcon,
   Server as ServerStrokeIcon,
   ShakeHands as ShakeHandsStrokeIcon,
@@ -399,6 +402,7 @@ export {
   PlusCircleStrokeIcon,
   PlusStrokeIcon,
   QuestionMarkCircleStrokeIcon,
+  ReactionStrokeIcon,
   RobotStrokeIcon,
   ServerStrokeIcon,
   ShakeHandsStrokeIcon,

sparkle/src/icons/solid/Reaction.tsx

@@ -0,0 +1,21 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgReaction = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path fill="currentColor" d="M19 0h2v3h3v2h-3v3h-2V5h-3V3h3V0Z" />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 22c5.523 0 10-4.477 10-10 0-1.045-.16-2.053-.458-3H18a3 3 0 0 0-3-3V2.458A9.996 9.996 0 0 0 12 2C6.477 2 2 6.477 2 12s4.477 10 10 10ZM7 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm8 2a4 4 0 0 1-8 0h8Zm-1.5-3.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgReaction;

sparkle/src/icons/solid/index.ts

@@ -55,6 +55,7 @@ export { default as Play } from "./Play";
 export { default as Plus } from "./Plus";
 export { default as PlusCircle } from "./PlusCircle";
 export { default as QuestionMarkCircle } from "./QuestionMarkCircle";
+export { default as Reaction } from "./Reaction";
 export { default as Robot } from "./Robot";
 export { default as Server } from "./Server";
 export { default as ShakeHands } from "./ShakeHands";

sparkle/src/icons/stroke/Reaction.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgReaction = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path fill="currentColor" d="M19 0h2v3h3v2h-3v3h-2V5h-3V3h3V0Z" />
+    <path
+      fill="currentColor"
+      d="M14 2.2c-.646-.131-1.315-.2-2-.2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10c0-.685-.069-1.354-.2-2h-2.052A8 8 0 1 1 14 4.252V2.2Z"
+    />
+    <path
+      fill="currentColor"
+      d="M11 17a4 4 0 0 0 4-4H7a4 4 0 0 0 4 4ZM7 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM13.5 9.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z"
+    />
+  </svg>
+);
+export default SvgReaction;

sparkle/src/icons/stroke/index.ts

@@ -55,6 +55,7 @@ export { default as Play } from "./Play";
 export { default as Plus } from "./Plus";
 export { default as PlusCircle } from "./PlusCircle";
 export { default as QuestionMarkCircle } from "./QuestionMarkCircle";
+export { default as Reaction } from "./Reaction";
 export { default as Robot } from "./Robot";
 export { default as Server } from "./Server";
 export { default as ShakeHands } from "./ShakeHands";