feat: add 8 new icons

.changeset/perfect-garlics-sit.md

@@ -0,0 +1,14 @@
+---
+"@wisdesign/lsicon": patch
+---
+
+[Feature] add 8 new icons
+
+  - SignOutIcon
+  - AtIcon
+  - ChatIcon
+  - BookTwoIcon
+  - SignOutFilledIcon
+  - AtFilledIcon
+  - ChatFilledIcon
+  - BookTwoFilledIcon

components/AtFilledIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const AtFilledIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <g id="theme=filled">
+      <path
+        id="Vector (Stroke)"
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M12.3388 3.85355C9.99569 1.51041 6.1967 1.51041 3.85355 3.85355C1.51041 6.1967 1.5104 9.99569 3.85355 12.3388C6.1967 14.682 9.99569 14.682 12.3388 12.3388L13.0459 13.0459C10.3123 15.7796 5.88011 15.7796 3.14644 13.0459C0.412774 10.3123 0.412774 5.88011 3.14644 3.14644C5.88011 0.412774 10.3123 0.412774 13.0459 3.14644C14.4127 4.51318 15.0962 6.30552 15.0962 8.0962C15.0962 8.79223 14.8852 9.44162 14.5202 9.92826C14.1551 10.4151 13.6126 10.7629 12.9712 10.7629C12.3298 10.7629 11.7872 10.4151 11.4221 9.92826C11.4119 9.91461 11.4018 9.90084 11.3918 9.88694C10.7563 11.0541 9.51872 11.8462 8.09619 11.8462C6.02512 11.8462 4.34619 10.1673 4.34619 8.09619C4.34619 6.02512 6.02512 4.34619 8.09619 4.34619C9.18272 4.34619 10.1613 4.80828 10.8462 5.54666V5.38786H11.8462V8.09619C11.8462 8.59678 11.999 9.03073 12.2221 9.32826C12.4452 9.62563 12.7151 9.76286 12.9712 9.76286C13.2273 9.76286 13.4972 9.62564 13.7202 9.32826C13.9434 9.03073 14.0962 8.59679 14.0962 8.0962C14.0962 6.55989 13.5105 5.02522 12.3388 3.85355ZM10.8462 8.09619C10.8462 6.57741 9.61497 5.34619 8.09619 5.34619C6.57741 5.34619 5.34619 6.57741 5.34619 8.09619C5.34619 9.61497 6.57741 10.8462 8.09619 10.8462C9.61497 10.8462 10.8462 9.61497 10.8462 8.09619Z"
+        clipRule="evenodd"
+      />
+    </g>
+  </svg>
+);
+export default AtFilledIcon;

components/AtIcon.tsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const AtIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <g id="theme=outline">
+      <path
+        id="Vector"
+        stroke="currentColor"
+        d="M11.3462 8.09619C11.3462 9.89112 9.89112 11.3462 8.09619 11.3462C6.30127 11.3462 4.84619 9.89112 4.84619 8.09619C4.84619 6.30127 6.30127 4.84619 8.09619 4.84619C9.89112 4.84619 11.3462 6.30127 11.3462 8.09619ZM11.3462 8.09619C11.3462 9.29281 12.0737 10.2629 12.9712 10.2629C13.8687 10.2629 14.5962 9.29282 14.5962 8.0962C14.5962 6.43271 13.9616 4.76921 12.6924 3.5C10.154 0.961592 6.03841 0.961592 3.5 3.5C0.961592 6.03841 0.961592 10.154 3.5 12.6924C6.03841 15.2308 10.154 15.2308 12.6924 12.6924M11.3462 8.09619V5.38786"
+      />
+    </g>
+  </svg>
+);
+export default AtIcon;

components/BookTwoFilledIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const BookTwoFilledIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <g id="theme=filled">
+      <path
+        id="Vector"
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M8 3.05541C6.80827 2.11494 5.30257 1.55322 3.66667 1.55322C2.84941 1.55322 2.06384 1.69348 1.33338 1.95167L1 2.0695V13.4218L1.66662 13.1862C2.29154 12.9653 2.9645 12.8449 3.66667 12.8449C5.2037 12.8449 6.6047 13.4222 7.66654 14.3726L8 14.671L8.33346 14.3726C9.3953 13.4222 10.7963 12.8449 12.3333 12.8449C13.0355 12.8449 13.7085 12.9653 14.3334 13.1862L15 13.4218V2.0695L14.6666 1.95167C13.9362 1.69348 13.1506 1.55322 12.3333 1.55322C10.6974 1.55322 9.19173 2.11494 8 3.05541Z"
+        clipRule="evenodd"
+      />
+    </g>
+  </svg>
+);
+export default BookTwoFilledIcon;

components/BookTwoIcon.tsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const BookTwoIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <g id="theme=outline">
+      <path
+        id="Vector"
+        stroke="currentColor"
+        d="M8 3.70833C6.85003 2.67908 5.33143 2.05323 3.66667 2.05323C2.90696 2.05323 2.17769 2.18356 1.5 2.42309V12.7148C2.17769 12.4752 2.90696 12.3449 3.66667 12.3449C5.33143 12.3449 6.85003 12.9707 8 14M8 3.70833C9.14997 2.67908 10.6686 2.05323 12.3333 2.05323C13.093 2.05323 13.8223 2.18356 14.5 2.42309V12.7148C13.8223 12.4752 13.093 12.3449 12.3333 12.3449C10.6686 12.3449 9.14997 12.9707 8 14M8 3.70833V14"
+      />
+    </g>
+  </svg>
+);
+export default BookTwoIcon;

components/ChatFilledIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const ChatFilledIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <g id="theme=filled">
+      <path
+        id="Vector"
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M3.19173 14.9353C3.06316 14.9227 2.93572 14.9051 2.80998 14.8826C2.63395 14.8511 2.48814 14.728 2.4276 14.5597C2.36705 14.3914 2.40099 14.2036 2.51659 14.0672C2.73223 13.8127 2.90202 13.5189 3.01388 13.1984C3.12229 12.8878 2.97191 12.4879 2.58134 12.0479C1.59664 10.9384 1 9.51454 1 7.95833C1 4.35144 4.17585 1.5 8 1.5C11.8242 1.5 15 4.35144 15 7.95833C15 11.5652 11.8242 14.4167 8 14.4167C7.39537 14.4167 6.8079 14.3459 6.24709 14.2125C5.50025 14.6849 4.61475 14.9583 3.66667 14.9583C3.50655 14.9583 3.34804 14.9505 3.19173 14.9353Z"
+        clipRule="evenodd"
+      />
+    </g>
+  </svg>
+);
+export default ChatFilledIcon;

components/ChatIcon.tsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const ChatIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <g id="theme=outline">
+      <path
+        id="Vector"
+        stroke="currentColor"
+        d="M8 13.9167C11.5899 13.9167 14.5 11.249 14.5 7.95833C14.5 4.66764 11.5899 2 8 2C4.41015 2 1.5 4.66764 1.5 7.95833C1.5 9.38295 2.04542 10.6908 2.9553 11.716C3.36766 12.1806 3.69067 12.7767 3.48595 13.3632C3.35353 13.7426 3.15269 14.0899 2.89807 14.3904C3.01074 14.4106 3.125 14.4264 3.24032 14.4376C3.38049 14.4513 3.52279 14.4583 3.66667 14.4583C4.59256 14.4583 5.45067 14.1679 6.15485 13.6732C6.73977 13.8316 7.35905 13.9167 8 13.9167Z"
+      />
+    </g>
+  </svg>
+);
+export default ChatIcon;

components/SignOutFilledIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SignOutFilledIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <g id="theme=filled">
+      <path
+        id="Vector"
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M2 2H8V3H3V13H8V14H2V2ZM12.2929 7.5L10.6464 5.85355L11.3536 5.14645L14.2071 8L11.3536 10.8536L10.6464 10.1464L12.2929 8.5H6V7.5H12.2929Z"
+        clipRule="evenodd"
+      />
+    </g>
+  </svg>
+);
+export default SignOutFilledIcon;

components/SignOutIcon.tsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SignOutIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <g id="theme=outline">
+      <path
+        id="Vector"
+        stroke="currentColor"
+        d="M6 8H13.5M13.5 8L11 5.5M13.5 8L11 10.5M8 13.5C3.70423 13.5 2.5 13.5 2.5 13.5V2.5H8"
+      />
+    </g>
+  </svg>
+);
+export default SignOutIcon;

components/index.ts

@@ -379,6 +379,8 @@ export { default as LinejoinRoundIcon } from "./LinejoinRoundIcon.tsx";
 export { default as LinejoinRoundFilledIcon } from "./LinejoinRoundFilledIcon.tsx";
 export { default as ExitIcon } from "./ExitIcon.tsx";
 export { default as ExitFilledIcon } from "./ExitFilledIcon.tsx";
+export { default as SignOutIcon } from "./SignOutIcon.tsx";
+export { default as SignOutFilledIcon } from "./SignOutFilledIcon.tsx";
 export { default as LightningIcon } from "./LightningIcon.tsx";
 export { default as LightningFilledIcon } from "./LightningFilledIcon.tsx";
 export { default as PieTwoIcon } from "./PieTwoIcon.tsx";
@@ -625,6 +627,12 @@ export { default as NumberSignIcon } from "./NumberSignIcon.tsx";
 export { default as NumberSignFilledIcon } from "./NumberSignFilledIcon.tsx";
 export { default as BulbIcon } from "./BulbIcon.tsx";
 export { default as BulbFilledIcon } from "./BulbFilledIcon.tsx";
+export { default as AtIcon } from "./AtIcon.tsx";
+export { default as AtFilledIcon } from "./AtFilledIcon.tsx";
+export { default as ChatIcon } from "./ChatIcon.tsx";
+export { default as ChatFilledIcon } from "./ChatFilledIcon.tsx";
+export { default as BookTwoIcon } from "./BookTwoIcon.tsx";
+export { default as BookTwoFilledIcon } from "./BookTwoFilledIcon.tsx";
 export { default as EarthTwoIcon } from "./EarthTwoIcon.tsx";
 export { default as EarthTwoFilledIcon } from "./EarthTwoFilledIcon.tsx";
 export { default as ConsumeIcon } from "./ConsumeIcon.tsx";

components/meta.js

@@ -413,6 +413,7 @@ export default [
             name: "LinejoinRoundIcon",
           },
           { type: "component", title: "Exit", name: "ExitIcon" },
+          { type: "component", title: "SignOut", name: "SignOutIcon" },
         ],
       },
       {
@@ -582,6 +583,9 @@ export default [
           { type: "component", title: "Book", name: "BookIcon" },
           { type: "component", title: "NumberSign", name: "NumberSignIcon" },
           { type: "component", title: "Bulb", name: "BulbIcon" },
+          { type: "component", title: "At", name: "AtIcon" },
+          { type: "component", title: "Chat", name: "ChatIcon" },
+          { type: "component", title: "BookTwo", name: "BookTwoIcon" },
           { type: "component", title: "EarthTwo", name: "EarthTwoIcon" },
         ],
       },
@@ -1599,6 +1603,11 @@ export default [
             name: "LinejoinRoundFilledIcon",
           },
           { type: "component", title: "ExitFilled", name: "ExitFilledIcon" },
+          {
+            type: "component",
+            title: "SignOutFilled",
+            name: "SignOutFilledIcon",
+          },
         ],
       },
       {
@@ -2072,6 +2081,13 @@ export default [
             name: "NumberSignFilledIcon",
           },
           { type: "component", title: "BulbFilled", name: "BulbFilledIcon" },
+          { type: "component", title: "AtFilled", name: "AtFilledIcon" },
+          { type: "component", title: "ChatFilled", name: "ChatFilledIcon" },
+          {
+            type: "component",
+            title: "BookTwoFilled",
+            name: "BookTwoFilledIcon",
+          },
           {
             type: "component",
             title: "EarthTwoFilled",

dist/AtFilledIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const AtFilledIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default AtFilledIcon;

dist/AtIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const AtIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default AtIcon;

dist/BookTwoFilledIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const BookTwoFilledIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default BookTwoFilledIcon;

dist/BookTwoIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const BookTwoIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default BookTwoIcon;

dist/ChatFilledIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const ChatFilledIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default ChatFilledIcon;

dist/ChatIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const ChatIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default ChatIcon;

dist/SignOutFilledIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SignOutFilledIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SignOutFilledIcon;

dist/SignOutIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SignOutIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SignOutIcon;