@soul-refiner/design-system 0.0.25 → 0.1.0

package/src/icons/basic/heart.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Heart = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.0348 1.33332C10.0697 1.33331 9.44761 1.44829 8.73445 1.79736C8.47042 1.9266 8.22271 2.08224 7.99266 2.26382C7.77148 2.09242 7.53367 1.94393 7.28056 1.81874C6.55356 1.45916 5.89954 1.33331 4.96905 1.33331C2.47697 1.33331 0.666016 3.39816 0.666016 6.0799C0.666016 8.10515 1.79524 10.0615 3.89858 11.9532C5.00261 12.9462 6.41223 13.9289 7.42175 14.4516L7.99935 14.7507L8.57695 14.4516C9.58647 13.9289 10.9961 12.9462 12.1001 11.9532C14.2035 10.0615 15.3327 8.10515 15.3327 6.0799C15.3327 3.42654 13.5046 1.34355 11.0348 1.33332ZM13.9993 6.0799C13.9993 7.66658 13.0568 9.29952 11.2085 10.9619C10.2008 11.8682 8.90532 12.7739 7.99935 13.2491C7.09337 12.7739 5.7979 11.8682 4.7902 10.9619C2.9419 9.29952 1.99935 7.66658 1.99935 6.0799C1.99935 4.09846 3.25511 2.66665 4.96905 2.66665C5.70887 2.66665 6.16477 2.75437 6.68944 3.01388C6.99935 3.16716 7.27327 3.36956 7.51037 3.62249L8.00091 4.14578L8.48698 3.61835C8.72942 3.35528 9.00736 3.14827 9.32063 2.99493C9.82993 2.74564 10.2574 2.66665 11.0321 2.66665C12.7248 2.67367 13.9993 4.12596 13.9993 6.0799Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/heart_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const HeartSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.61031 0.861938L0.667496 1.80475L1.6268 2.76405C0.874343 3.60988 0.429688 4.77055 0.429688 6.07993C0.429688 8.11143 1.60009 10.0693 3.77837 11.9609C4.92049 12.9528 6.37866 13.9343 7.42198 14.4559L8.00083 14.7454L8.57968 14.4559C9.39986 14.0458 10.4764 13.3516 11.4543 12.5915L14.0008 15.1381L14.9436 14.1953L1.61031 0.861938ZM10.5036 11.6408L2.57191 3.70916C2.06251 4.30964 1.76302 5.13273 1.76302 6.07993C1.76302 7.66036 2.73829 9.2918 4.65262 10.9542C5.70475 11.8679 7.05951 12.7811 8.00083 13.2546C8.70389 12.9009 9.63758 12.302 10.5036 11.6408ZM14.2386 6.07993C14.2386 7.31249 13.6454 8.57609 12.4762 9.86121L13.42 10.8049C14.8271 9.27429 15.572 7.70054 15.572 6.07993C15.572 3.42203 13.6828 1.3435 11.1444 1.33335C10.1513 1.33334 9.51352 1.44715 8.78083 1.79344C8.50037 1.92598 8.23763 2.08663 7.99412 2.27492C7.75963 2.09691 7.50696 1.94339 7.23759 1.81475C6.4905 1.45797 5.81975 1.33334 4.86243 1.33334C4.57389 1.33334 4.29411 1.35949 4.02477 1.40974L5.29302 2.67799C5.82903 2.70912 6.22345 2.80801 6.663 3.01792C6.98698 3.17264 7.27289 3.37663 7.51981 3.63097L8.00223 4.12786L8.4804 3.62688C8.73284 3.36239 9.02296 3.15375 9.35056 2.99892C9.88394 2.74684 10.3331 2.66668 11.1417 2.66668C12.9146 2.67378 14.2386 4.13053 14.2386 6.07993Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/highlighter.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Highlighter = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M15.164 8.05028L9.46757 2.43744C9.45577 2.42558 9.44175 2.41617 9.4263 2.40975C9.41085 2.40333 9.39429 2.40002 9.37756 2.40002C9.36083 2.40002 9.34427 2.40333 9.32882 2.40975C9.31337 2.41617 9.29935 2.42558 9.28755 2.43744L5.45082 6.21791C5.42668 6.24186 5.41296 6.27438 5.41266 6.30839C5.41236 6.3424 5.4255 6.37516 5.44922 6.39954L5.45082 6.40114L6.09376 7.03444L4.20995 8.8877C4.18581 8.91166 4.17209 8.94418 4.17179 8.97819C4.17149 9.0122 4.18463 9.04495 4.20835 9.06933L4.20995 9.07094L4.84485 9.6962L1.80537 12.7019H0.930976C0.860253 12.7019 0.800781 12.7598 0.800781 12.8305V13.7178C0.800781 13.7885 0.858646 13.8464 0.929369 13.8464H6.47309C6.50685 13.8464 6.53899 13.8335 6.5631 13.8094L7.78629 12.5942L8.43566 13.234C8.44746 13.2458 8.46148 13.2552 8.47693 13.2616C8.49238 13.2681 8.50894 13.2714 8.52567 13.2714C8.5424 13.2714 8.55896 13.2681 8.57441 13.2616C8.58985 13.2552 8.60388 13.2458 8.61568 13.234L10.4979 11.3759L11.1424 12.0108C11.1542 12.0226 11.1682 12.032 11.1837 12.0385C11.1991 12.0449 11.2157 12.0482 11.2324 12.0482C11.2492 12.0482 11.2657 12.0449 11.2812 12.0385C11.2966 12.032 11.3106 12.0226 11.3224 12.0108L15.1592 8.2303C15.2138 8.18208 15.2138 8.10171 15.164 8.05028ZM6.0375 12.6923H3.46254L5.62281 10.5545L6.91029 11.8227L6.0375 12.6923ZM8.52567 11.6941L5.77068 8.97932L6.87332 7.89276L9.62831 10.6076L8.52567 11.6941ZM11.234 10.4709L7.00994 6.30953L9.37756 3.97727L13.6017 8.14029L11.234 10.4709Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/home.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Home = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.92513 6.66665L7.92602 2.66576L11.9269 6.66665H11.926V13.3333H3.92603V6.66665H3.92513ZM2.59269 7.99908L1.60815 8.98363L0.666016 8.0415L6.98401 1.72351C7.50426 1.20325 8.34777 1.20325 8.86803 1.72351L15.186 8.0415L14.2439 8.98363L13.2594 7.9991V13.3333C13.2594 14.0697 12.6624 14.6666 11.926 14.6666H3.92603C3.18965 14.6666 2.59269 14.0697 2.59269 13.3333V7.99908Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/image.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Image = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 1.33331H13.334C14.0704 1.33331 14.6673 1.93027 14.6673 2.66665V13.3333C14.6673 14.0697 14.0704 14.6666 13.334 14.6666H2.66732C1.93094 14.6666 1.33398 14.0697 1.33398 13.3333V2.66665C1.33398 1.93027 1.93094 1.33331 2.66732 1.33331ZM2.66732 2.66665V10.3905L5.33398 7.72384L7.66732 10.0572L12.0007 5.72384L13.334 7.05717V2.66665H2.66732ZM2.66732 13.3333V12.2761L5.33398 9.60946L9.05784 13.3333H2.66732ZM13.334 13.3333H10.9435L8.61013 11L12.0007 7.60946L13.334 8.94279V13.3333ZM9.33398 5.33331C9.33398 4.22874 8.43855 3.33331 7.33398 3.33331C6.22941 3.33331 5.33398 4.22874 5.33398 5.33331C5.33398 6.43788 6.22941 7.33331 7.33398 7.33331C8.43855 7.33331 9.33398 6.43788 9.33398 5.33331ZM6.66732 5.33331C6.66732 4.96512 6.96579 4.66665 7.33398 4.66665C7.70217 4.66665 8.00065 4.96512 8.00065 5.33331C8.00065 5.7015 7.70217 5.99998 7.33398 5.99998C6.96579 5.99998 6.66732 5.7015 6.66732 5.33331Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/inbox.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Inbox = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 12.6667C14.6673 13.403 14.0704 14 13.334 14H2.66732C1.93094 14 1.33398 13.403 1.33398 12.6667V7.86316L1.38789 7.73739L3.40223 3.03951C3.70267 2.42761 4.08161 2.04867 4.66732 2H11.334L11.4212 2.00573C11.9231 2.07196 12.2907 2.43957 12.6134 3.07072L14.6673 7.86316V12.6667ZM2.66732 8.66667V12.6667H13.334V8.66667H10.6673C10.6673 9.40305 10.0704 10 9.33398 10H6.66732C5.93094 10 5.33398 9.40305 5.33398 8.66667H2.66732ZM3.01168 7.33333H6.66732V8.66667H9.33398V7.33333H12.99L11.4078 3.6382C11.3331 3.49296 11.2642 3.39103 11.2085 3.33329L4.7846 3.33082C4.73312 3.38631 4.66953 3.48353 4.61341 3.59595L3.01168 7.33333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/index.ts

@@ -0,0 +1,126 @@
+export { AASansSerif } from './aa_sansserif';
+export { AASerif } from './aa_serif';
+export { Anchor } from './anchor';
+export { Bible } from './bible';
+export { Bold } from './bold';
+export { Book } from './book';
+export { Bookmark } from './bookmark';
+export { BookmarkAdd } from './bookmark_add';
+export { Bookmarks } from './bookmarks';
+export { BookmarkSlash } from './bookmark_slash';
+export { BookOpen } from './book_open';
+export { Books } from './books';
+export { Box } from './box';
+export { Briefcase } from './briefcase';
+export { BrowseActivity } from './browse_activity';
+export { Browser } from './browser';
+export { BrowserSlash } from './browser_slash';
+export { Calculator } from './calculator';
+export { Camera } from './camera';
+export { CameraAdd } from './camera_add';
+export { CameraSlash } from './camera_slash';
+export { Checkmark } from './checkmark';
+export { CheckmarkCircle } from './checkmark_circle';
+export { Checkmarks } from './checkmarks';
+export { Circle } from './circle';
+export { CircleSlash } from './circle_slash';
+export { ClearTextStyle } from './clear_text_style';
+export { Close } from './close';
+export { CloseCircle } from './close_circle';
+export { Copy } from './copy';
+export { Delete } from './delete';
+export { Detail } from './detail';
+export { Dot } from './dot';
+export { Download } from './download';
+export { DownloadArrow } from './download_arrow';
+export { Droplet } from './droplet';
+export { EllipsisHorizontal } from './ellipsis_horizontal';
+export { EllipsisHorizontalCircle } from './ellipsis_horizontal_circle';
+export { EllipsisVertical } from './ellipsis_vertical';
+export { EllipsisVerticalCircle } from './ellipsis_vertical_circle';
+export { Eye } from './eye';
+export { EyeSlash } from './eye_slash';
+export { Fingerprint } from './fingerprint';
+export { Flag } from './flag';
+export { FlagWave } from './flag_wave';
+export { FlagWaveFilled } from './flag_wave_filled';
+export { Flame } from './flame';
+export { Gauge } from './gauge';
+export { Glasses } from './glasses';
+export { GraduationCap } from './graduation_cap';
+export { Hashmark } from './hashmark';
+export { Heart } from './heart';
+export { HeartSlash } from './heart_slash';
+export { Highlighter } from './highlighter';
+export { Home } from './home';
+export { Image } from './image';
+export { Italic } from './italic';
+export { Inbox } from './inbox';
+export { Layers } from './layers';
+export { Lightening } from './lightening';
+export { LighteningSlash } from './lightening_slash';
+export { Link } from './link';
+export { LinkSlash } from './link_slash';
+export { Loudspeaker } from './loudspeaker';
+export { Maximize } from './maximize';
+export { Menu } from './menu';
+export { MenuCircle } from './menu_circle';
+export { MenuDots } from './menu_dots';
+export { Minimize } from './minimize';
+export { Microphone } from './microphone';
+export { MicrophoneSlash } from './microphone_slash';
+export { Minus } from './minus';
+export { MinusCircle } from './minus_circle';
+export { New } from './new';
+export { Newspaper } from './newspaper';
+export { Note } from './note';
+export { Options } from './options';
+export { PaintBrush } from './paint_brush';
+export { Paperclip } from './paperclip';
+export { PaperclipSlash } from './paperclip_slash';
+export { Pencil } from './pencil';
+export { PencilPad } from './pencil_pad';
+export { Presentation } from './presentation';
+export { Printer } from './printer';
+export { Profile } from './profile';
+export { Plus } from './plus';
+export { PlusCircle } from './plus_circle';
+export { Pulse } from './pulse';
+export { QRCode } from './qr_code';
+export { Resize } from './resize';
+export { Scan } from './scan';
+export { Screenshot } from './screenshot';
+export { Settings } from './settings';
+export { Scissors } from './scissors';
+export { Search } from './search';
+export { SelectItem } from './select_item';
+export { Share } from './share';
+export { ShareExternal } from './share_external';
+export { Square } from './square';
+export { Star } from './star';
+export { StarCircle } from './star_circle';
+export { StarFilled } from './star_filled';
+export { StarFilledHalf } from './star_filled_half';
+export { StarSlash } from './star_slash';
+export { Sticker } from './sticker';
+export { Strikethrough } from './strikethrough';
+export { SubTask } from './subtask';
+export { Tax } from './tax';
+export { TextBox } from './textbox';
+export { TextBGColor } from './text_bg_color';
+export { TextColor } from './text_color';
+export { ThumbsDown } from './thumbs_down';
+export { ThumbsUp } from './thumbs_up';
+export { ThumbsUpFilled } from './thumbs_up_filled';
+export { ToggleLeft } from './toggle_left';
+export { ToggleRight } from './toggle_right';
+export { Translate } from './translate';
+export { Trash } from './trash';
+export { TrashSlash } from './trash_slash';
+export { Underline } from './underline';
+export { Upload } from './upload';
+export { Video } from './video';
+export { VideoAdd } from './video_add';
+export { VideoSlash } from './video_slash';
+export { ZoomIn } from './zoom_in';
+export { ZoomOut } from './zoom_out';

package/src/icons/basic/italic.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Italic = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M9.86746 2.66665L7.49709 13.3333H9.99935V14.6666H3.66602V13.3333H6.13123L8.50161 2.66665H6.33268V1.33331H12.666V2.66665H9.86746Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/layers.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Layers = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.7717 1.52014L14.1391 4.50205C14.8434 4.89329 14.8434 5.77334 14.1391 6.16458L13.2354 6.66665L14.1391 7.16872C14.8434 7.55996 14.8434 8.44 14.1391 8.83124L13.2354 9.33331L14.1391 9.83538C14.8434 10.2266 14.8434 11.1067 14.1391 11.4979L8.7717 14.4798C8.32332 14.7289 7.67798 14.7289 7.2296 14.4798L1.86216 11.4979C1.15793 11.1067 1.15793 10.2266 1.86216 9.83538L2.76589 9.33331L1.86216 8.83124C1.15793 8.44 1.15793 7.55996 1.86216 7.16872L2.76589 6.66665L1.86216 6.16458C1.15793 5.77334 1.15793 4.89329 1.86216 4.50205L7.2296 1.52014C7.67798 1.27104 8.32332 1.27104 8.7717 1.52014ZM8.7717 9.14649L11.8627 7.42929L12.8899 7.99998L11.8627 8.57067L10.4899 9.33331L8.12418 10.6476C8.07849 10.673 7.92281 10.673 7.87713 10.6476L5.51139 9.33331L4.13864 8.57067L3.11139 7.99998L4.13864 7.42929L7.2296 9.14649C7.67798 9.39559 8.32332 9.39559 8.7717 9.14649ZM4.13864 10.096L3.11139 10.6666L7.87713 13.3143C7.92281 13.3397 8.07849 13.3397 8.12418 13.3143L12.8899 10.6666L11.8627 10.096L8.7717 11.8132C8.32332 12.0623 7.67798 12.0623 7.2296 11.8132L4.13864 10.096ZM7.87713 2.68568C7.92281 2.6603 8.0785 2.6603 8.12418 2.68568L12.8899 5.33331L8.12418 7.98095C8.0785 8.00632 7.92281 8.00632 7.87713 7.98095L3.11139 5.33331L7.87713 2.68568Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/lightening.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Lightening = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.61328 10H6.00036V15.2339L13.3874 6.00003H10.0004V0.766174L2.61328 10ZM7.3337 8.66669H5.38745L8.66703 4.56722V7.33336H10.6133L7.3337 11.4328V8.66669Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/lightening_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LighteningSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.47644 6.41988L0.861328 1.80477L1.80414 0.861957L15.1375 14.1953L14.1947 15.1381L9.68431 10.6277L5.9994 15.2339V10H2.61232L5.47644 6.41988ZM8.7357 9.67914L6.42505 7.36849L5.38648 8.6667H7.33273V11.4328L8.7357 9.67914ZM7.14201 4.33791L9.9994 0.766174V6.00003H13.3865L11.3499 8.54578L10.4013 7.59716L10.6123 7.33336H10.1375L8.66607 5.86196V4.56722L8.09063 5.28652L7.14201 4.33791Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/link.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Link = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.66602 10V11.3334H3.99935C2.1584 11.3334 0.666016 9.84097 0.666016 8.00002C0.666016 6.15907 2.1584 4.66669 3.99935 4.66669H6.66602V6.00002H3.99935C2.89478 6.00002 1.99935 6.89545 1.99935 8.00002C1.99935 9.10459 2.89478 10 3.99935 10H6.66602ZM9.33268 6.00002V4.66669H11.9993C13.8403 4.66669 15.3327 6.15907 15.3327 8.00002C15.3327 9.84097 13.8403 11.3334 11.9993 11.3334H9.33268V10H11.9993C13.1039 10 13.9993 9.10459 13.9993 8.00002C13.9993 6.89545 13.1039 6.00002 11.9993 6.00002H9.33268ZM11.3327 7.33335H4.66602V8.66669H11.3327V7.33335Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/link_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LinkSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.861278 1.80475L3.73364 4.67711C2.01692 4.8125 0.666016 6.2485 0.666016 8.00001C0.666016 9.84096 2.1584 11.3333 3.99935 11.3333H6.66602V10H3.99935C2.89478 10 1.99935 9.10458 1.99935 8.00001C1.99935 6.89544 2.89478 6.00001 3.99935 6.00001H5.05654L6.38987 7.33334H4.66602V8.66668H7.72321L14.1946 15.1381L15.1374 14.1953L1.80409 0.861938L0.861278 1.80475ZM12.6873 9.87853L13.6851 10.8763C14.6709 10.2973 15.3327 9.22592 15.3327 8.00001C15.3327 6.15906 13.8403 4.66668 11.9993 4.66668H9.33268V6.00001H11.9993C13.1039 6.00001 13.9993 6.89544 13.9993 8.00001C13.9993 8.86283 13.453 9.59804 12.6873 9.87853Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/loudspeaker.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Loudspeaker = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M12.0007 8.66669V7.33335H14.6673V8.66669H12.0007ZM12.8007 13.3334L10.6673 11.7334L11.4673 10.6667L13.6006 12.2667L12.8007 13.3334ZM11.4673 5.33335L10.6673 4.26669L12.8007 2.66669L13.6006 3.73335L11.4673 5.33335ZM3.33398 12.6667V10H2.66732C2.30065 10 1.98687 9.86935 1.72598 9.60802C1.46465 9.34713 1.33398 9.03335 1.33398 8.66669V7.33335C1.33398 6.96669 1.46465 6.65269 1.72598 6.39135C1.98687 6.13046 2.30065 6.00002 2.66732 6.00002H5.33398L8.66732 4.00002V12L5.33398 10H4.66732V12.6667H3.33398ZM9.33398 10.2334V5.76669C9.63398 6.03335 9.87576 6.35846 10.0593 6.74202C10.2424 7.12513 10.334 7.54446 10.334 8.00002C10.334 8.45558 10.2424 8.87491 10.0593 9.25802C9.87576 9.64158 9.63398 9.96669 9.33398 10.2334ZM2.66732 7.33335V8.66669H5.70065L7.33398 9.63335V6.36669L5.70065 7.33335H2.66732Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/maximize.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Maximize = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 2.66665V7.99998H1.33398V1.33331H8.00065V2.66665H2.66732ZM10.4721 6.47138L13.334 3.60946V5.99998H14.6673V1.33331H10.0007V2.66665H12.3912L9.52925 5.52858L10.4721 6.47138ZM13.334 7.99998V13.3333H8.00065V14.6666H14.6673V7.99998H13.334ZM6.00065 14.6666V13.3333H3.61013L6.47206 10.4714L5.52925 9.52857L2.66732 12.3905V9.99998H1.33398V14.6666H6.00065Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/menu.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Menu = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 4.66665V3.33331H1.33398V4.66665H14.6673ZM14.6673 7.33331V8.66665H1.33398V7.33331H14.6673ZM14.6673 11.3333V12.6666H1.33398V11.3333H14.6673Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/menu_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const MenuCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.666016 8.00002C0.666016 12.0501 3.94926 15.3334 7.99935 15.3334C12.0494 15.3334 15.3327 12.0501 15.3327 8.00002C15.3327 3.94993 12.0494 0.666687 7.99935 0.666687C3.94926 0.666687 0.666016 3.94993 0.666016 8.00002ZM13.9993 8.00002C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 8.00002C1.99935 4.68631 4.68564 2.00002 7.99935 2.00002C11.3131 2.00002 13.9993 4.68631 13.9993 8.00002Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/menu_dots.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const MenuDots = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.0007 2.66665C12.0007 3.40303 12.5976 3.99998 13.334 3.99998C14.0704 3.99998 14.6673 3.40303 14.6673 2.66665C14.6673 1.93027 14.0704 1.33331 13.334 1.33331C12.5976 1.33331 12.0007 1.93027 12.0007 2.66665ZM13.334 9.33331C12.5976 9.33331 12.0007 8.73636 12.0007 7.99998C12.0007 7.2636 12.5976 6.66665 13.334 6.66665C14.0704 6.66665 14.6673 7.2636 14.6673 7.99998C14.6673 8.73636 14.0704 9.33331 13.334 9.33331ZM13.334 14.6666C12.5976 14.6666 12.0007 14.0697 12.0007 13.3333C12.0007 12.5969 12.5976 12 13.334 12C14.0704 12 14.6673 12.5969 14.6673 13.3333C14.6673 14.0697 14.0704 14.6666 13.334 14.6666ZM8.00065 14.6666C7.26427 14.6666 6.66732 14.0697 6.66732 13.3333C6.66732 12.5969 7.26427 12 8.00065 12C8.73703 12 9.33398 12.5969 9.33398 13.3333C9.33398 14.0697 8.73703 14.6666 8.00065 14.6666ZM6.66732 7.99998C6.66732 8.73636 7.26427 9.33331 8.00065 9.33331C8.73703 9.33331 9.33398 8.73636 9.33398 7.99998C9.33398 7.2636 8.73703 6.66665 8.00065 6.66665C7.26427 6.66665 6.66732 7.2636 6.66732 7.99998ZM8.00065 3.99998C7.26427 3.99998 6.66732 3.40303 6.66732 2.66665C6.66732 1.93027 7.26427 1.33331 8.00065 1.33331C8.73703 1.33331 9.33398 1.93027 9.33398 2.66665C9.33398 3.40303 8.73703 3.99998 8.00065 3.99998ZM1.33398 13.3333C1.33398 14.0697 1.93094 14.6666 2.66732 14.6666C3.4037 14.6666 4.00065 14.0697 4.00065 13.3333C4.00065 12.5969 3.4037 12 2.66732 12C1.93094 12 1.33398 12.5969 1.33398 13.3333ZM2.66732 9.33331C1.93094 9.33331 1.33398 8.73636 1.33398 7.99998C1.33398 7.2636 1.93094 6.66665 2.66732 6.66665C3.4037 6.66665 4.00065 7.2636 4.00065 7.99998C4.00065 8.73636 3.4037 9.33331 2.66732 9.33331ZM1.33398 2.66665C1.33398 3.40303 1.93094 3.99998 2.66732 3.99998C3.4037 3.99998 4.00065 3.40303 4.00065 2.66665C4.00065 1.93027 3.4037 1.33331 2.66732 1.33331C1.93094 1.33331 1.33398 1.93027 1.33398 2.66665Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/microphone.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Microphone = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 0.666687C9.47211 0.666687 10.666 1.86059 10.666 3.33335V8.00002C10.666 9.47278 9.47211 10.6667 7.99935 10.6667C6.52659 10.6667 5.33268 9.47278 5.33268 8.00002V3.33335C5.33268 1.86059 6.52659 0.666687 7.99935 0.666687ZM8.66602 13.2921V14H10.666V15.3334H5.33268V14H7.33268V13.2921C4.70181 12.964 2.66602 10.7198 2.66602 8.00002V6.66669H3.99935V8.00002C3.99935 10.2092 5.79021 12 7.99935 12C10.2085 12 11.9993 10.2092 11.9993 8.00002V6.66669H13.3327V8.00002C13.3327 10.7198 11.2969 12.964 8.66602 13.2921ZM6.66602 3.33335C6.66602 2.59697 7.26297 2.00002 7.99935 2.00002C8.73573 2.00002 9.33268 2.59697 9.33268 3.33335V8.00002C9.33268 8.7364 8.73573 9.33335 7.99935 9.33335C7.26297 9.33335 6.66602 8.7364 6.66602 8.00002V3.33335Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/microphone_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const MicrophoneSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.33273 6.27616L0.861328 1.80476L1.80414 0.861949L15.1375 14.1953L14.1947 15.1381L11.2698 12.2133C10.5321 12.7867 9.63987 13.1707 8.66607 13.2921V14H10.6661V15.3334H5.33273V14H7.33273V13.2921C4.70186 12.964 2.66607 10.7198 2.66607 8.00002V6.66669H3.9994V8.00002C3.9994 10.2092 5.79026 12 7.9994 12C8.86329 12 9.66321 11.7262 10.3171 11.2605L9.35404 10.2975C8.95704 10.5321 8.49394 10.6667 7.9994 10.6667C6.52664 10.6667 5.33273 9.47278 5.33273 8.00002V6.27616ZM8.34476 9.28819C8.23461 9.31765 8.11884 9.33335 7.9994 9.33335C7.26302 9.33335 6.66607 8.7364 6.66607 8.00002V7.6095L8.34476 9.28819ZM9.33273 3.33335V6.52388L10.6661 7.85721V3.33335C10.6661 1.86059 9.47216 0.666687 7.9994 0.666687C6.77361 0.666687 5.74099 1.49375 5.42914 2.62028L6.66607 3.85721V3.33335C6.66607 2.59697 7.26302 2.00002 7.9994 2.00002C8.73578 2.00002 9.33273 2.59697 9.33273 3.33335ZM12.905 10.0962L11.8599 9.05103C11.9509 8.71612 11.9994 8.36374 11.9994 8.00002V6.66669H13.3327V8.00002C13.3327 8.74417 13.1803 9.45273 12.905 10.0962Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/minimize.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Minimize = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.0007 6.6667V5.33336H11.6102L14.4721 2.47143L13.5293 1.52863L10.6674 4.39055V2.00003H9.33403V6.6667H14.0007ZM4.66737 4.6667V8.00003H3.33403V3.33336H8.0007V4.6667H4.66737ZM11.334 8.00003V11.3334H8.0007V12.6667H12.6674V8.00003H11.334ZM2.47211 14.4714L5.33403 11.6095V14H6.66737V9.33336H2.0007V10.6667H4.39123L1.5293 13.5286L2.47211 14.4714Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/minus.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Minus = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 7.33331V8.66665H1.33398V7.33331H14.6673Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/minus_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const MinusCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3334C3.94926 15.3334 0.666016 12.0501 0.666016 8.00002C0.666016 3.94993 3.94926 0.666687 7.99935 0.666687C12.0494 0.666687 15.3327 3.94993 15.3327 8.00002C15.3327 12.0501 12.0494 15.3334 7.99935 15.3334ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 8.00002C13.9993 4.68631 11.3131 2.00002 7.99935 2.00002C4.68564 2.00002 1.99935 4.68631 1.99935 8.00002C1.99935 11.3137 4.68564 14 7.99935 14ZM4.66602 7.33335V8.66669H11.3327V7.33335H4.66602Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/new.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const New = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M1.99935 13.3333C1.63268 13.3333 1.3189 13.2028 1.05802 12.942C0.796682 12.6806 0.666016 12.3666 0.666016 12V3.99996C0.666016 3.63329 0.796682 3.31951 1.05802 3.05863C1.3189 2.79729 1.63268 2.66663 1.99935 2.66663H13.9993C14.366 2.66663 14.68 2.79729 14.9413 3.05863C15.2022 3.31951 15.3327 3.63329 15.3327 3.99996V12C15.3327 12.3666 15.2022 12.6806 14.9413 12.942C14.68 13.2028 14.366 13.3333 13.9993 13.3333H1.99935ZM1.99935 12H13.9993V3.99996H1.99935V12ZM2.33268 9.99996H3.16602V7.66663L4.86602 9.99996H5.66602V5.99996H4.83268V8.33329L3.16602 5.99996H2.33268V9.99996ZM6.33268 9.99996H8.99935V9.16663H7.33268V8.43329H8.99935V7.59996H7.33268V6.83329H8.99935V5.99996H6.33268V9.99996ZM10.3327 9.99996H12.9993C13.1882 9.99996 13.3465 9.93596 13.474 9.80796C13.602 9.6804 13.666 9.52218 13.666 9.33329V5.99996H12.8327V8.99996H12.0993V6.66663H11.266V8.99996H10.4993V5.99996H9.66602V9.33329C9.66602 9.52218 9.73002 9.6804 9.85802 9.80796C9.98557 9.93596 10.1438 9.99996 10.3327 9.99996Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/newspaper.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Newspaper = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 12V3.33333H10.6673V12C10.6673 12.2338 10.7074 12.4581 10.7811 12.6667H3.33398C2.96579 12.6667 2.66732 12.3682 2.66732 12ZM12.6673 14H3.33398C2.22941 14 1.33398 13.1046 1.33398 12V2H10.6673H11.334H12.0007L12.0007 5.33333H14.6673L14.6673 6V12C14.6673 13.1046 13.7719 14 12.6673 14ZM12.0007 6.66667H13.334V12C13.334 12.3682 13.0355 12.6667 12.6673 12.6667C12.2991 12.6667 12.0007 12.3682 12.0007 12L12.0007 6.66667ZM6.66732 4.66667V7.33333H4.00065V4.66667H6.66732ZM9.33398 6.66667V5.33333H7.33398V6.66667H9.33398ZM9.33398 8V9.33333H4.00065V8H9.33398ZM9.33398 11.3333V10H4.00065V11.3333H9.33398Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/note.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Note = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.37316 1.33337H2.66732C1.93094 1.33337 1.33398 1.93033 1.33398 2.66671V13.3334C1.33398 14.0698 1.93094 14.6667 2.66732 14.6667H10.3366C11.0729 14.6667 11.6699 14.0698 11.6699 13.3334V9.81822H10.3366V13.3334H4.96419V2.66671H9.37316V1.33337ZM3.63086 2.66671V13.3334H2.66732L2.66732 2.66671H3.63086Z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.2085 4.49268L8.00659 11.0381H5.472V8.36297L11.6739 1.81751C11.9272 1.55025 12.3377 1.55025 12.591 1.81752L14.2085 3.52477C14.4618 3.79205 14.4618 4.22541 14.2085 4.49268ZM6.80534 8.89433L12.1324 3.27217L12.8303 4.0087L7.43314 9.70478H6.80534V8.89433Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/options.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Options = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.66732 7.33333C7.42476 7.33333 6.38069 6.48348 6.08466 5.33333H1.33398V4H6.08466C6.38069 2.84985 7.42476 2 8.66732 2C10.1401 2 11.334 3.19391 11.334 4.66667C11.334 6.13943 10.1401 7.33333 8.66732 7.33333ZM12.6673 4H14.6673V5.33333H12.6673V4ZM5.33398 14C4.09142 14 3.04736 13.1502 2.75133 12H1.33398V10.6667H2.75133C3.04736 9.51651 4.09142 8.66667 5.33398 8.66667C6.80674 8.66667 8.00065 9.86057 8.00065 11.3333C8.00065 12.8061 6.80674 14 5.33398 14ZM9.33398 12H14.6673V10.6667H9.33398V12ZM6.66732 11.3333C6.66732 12.0697 6.07036 12.6667 5.33398 12.6667C4.5976 12.6667 4.00065 12.0697 4.00065 11.3333C4.00065 10.597 4.5976 10 5.33398 10C6.07036 10 6.66732 10.597 6.66732 11.3333ZM10.0007 4.66667C10.0007 5.40305 9.4037 6 8.66732 6C7.93094 6 7.33398 5.40305 7.33398 4.66667C7.33398 3.93029 7.93094 3.33333 8.66732 3.33333C9.4037 3.33333 10.0007 3.93029 10.0007 4.66667Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/paint_brush.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PaintBrush = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.3327 0.666687V6.00002H13.3327L13.3327 6.6667L13.3327 7.33335L13.3327 8.66285C13.3385 9.67768 12.7723 9.9989 11.1936 10.472C10.2683 10.7492 9.99935 10.9016 9.99935 11C9.99935 11.5118 10.0462 11.8554 10.1461 12.255C10.1268 12.1777 10.2407 12.618 10.2658 12.7353C10.31 12.9417 10.3327 13.1295 10.3327 13.3334C10.3327 14.4406 9.29113 15.3334 7.99935 15.3334C6.70756 15.3334 5.66602 14.4406 5.66602 13.3334C5.66602 13.1295 5.68868 12.9417 5.7329 12.7353C5.75804 12.618 5.87191 12.1777 5.85259 12.255C5.95249 11.8554 5.99935 11.5118 5.99935 11C5.99935 10.9009 5.73116 10.7489 4.80778 10.4719C3.23116 9.99892 2.66602 9.67867 2.66602 8.66669V7.33335V6.00002V0.666687H13.3327ZM8.61697 7.33335H11.9994L11.9993 8.66669C11.9999 8.76699 11.733 8.91842 10.8109 9.19474L10.808 9.1956C9.23221 9.66779 8.66602 9.98849 8.66602 11C8.66602 11.6272 8.72749 12.078 8.85259 12.5784C8.84066 12.5307 8.9438 12.9295 8.96206 13.0147C8.98775 13.1346 8.99935 13.2307 8.99935 13.3334C8.99935 13.6547 8.59645 14 7.99935 14C7.40224 14 6.99935 13.6547 6.99935 13.3334C6.99935 13.2307 7.01095 13.1346 7.03663 13.0147C7.0549 12.9295 7.15804 12.5307 7.14611 12.5784C7.27121 12.078 7.33268 11.6272 7.33268 11C7.33268 9.98804 6.76754 9.66779 5.19091 9.1948C4.26754 8.91779 3.99935 8.76582 3.99935 8.66669V7.33335H8.61697ZM3.99935 6.00002V2.00002H5.33268V4.66669H6.66602V2.00002H7.99935V4.00002H9.33268V2.00002H11.9993V6.00002H3.99935Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/paperclip.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Paperclip = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.16302 4.62968L10.1132 5.56542L5.90027 9.8434C5.68887 10.0592 5.68887 10.4064 5.90027 10.6222C6.10087 10.8269 6.43598 10.826 6.63444 10.6211L11.2696 5.91242C11.9463 5.22187 11.9463 4.11284 11.2696 3.42229C10.624 2.76343 9.48164 2.77808 8.8489 3.42354L3.78973 8.55931C2.6475 9.72448 2.6475 11.5955 3.78973 12.7607C4.89888 13.8921 6.80424 13.8737 7.89607 12.7596L13.7965 6.76696L14.7468 7.70262L8.84743 13.6942C7.23784 15.3365 4.47355 15.3632 2.8374 13.6942C1.18682 12.0105 1.18682 9.30949 2.83854 7.62459L7.89771 2.48882C9.04688 1.31655 11.0482 1.29087 12.2221 2.48892C13.4069 3.69799 13.4069 5.63671 12.221 6.84687L7.58867 11.5527C6.87209 12.2928 5.67329 12.2961 4.94768 11.5555C4.22827 10.8212 4.22827 9.64438 4.94888 8.90889L9.16302 4.62968Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/paperclip_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PaperclipSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.57929 13.4251L10.5154 11.4588L14.1947 15.1381L15.1375 14.1953L1.80414 0.861938L0.861328 1.80475L4.47801 5.42143L2.57157 7.35673C0.920167 9.04131 0.920167 11.7418 2.57043 13.4252C4.20626 15.0939 6.97002 15.0672 8.57929 13.4251ZM5.6327 9.57512L7.12072 8.06414L7.87601 8.81943L6.36673 10.3526C6.16831 10.5575 5.83326 10.5585 5.6327 10.3538C5.42134 10.138 5.42134 9.79085 5.6327 9.57512ZM8.81884 9.76226L7.32078 11.2841C6.60433 12.024 5.40577 12.0273 4.6803 11.2869C3.96103 10.5527 3.96103 9.37614 4.6815 8.64079L6.17788 7.1213L5.42084 6.36426L3.52257 8.29128C2.38057 9.45622 2.38057 11.3269 3.52257 12.4918C4.63151 13.623 6.5365 13.6046 7.62812 12.4908L9.57255 10.516L8.81884 9.76226ZM8.03965 5.23079L8.98249 6.17362L9.84483 5.29797L8.89483 4.36241L8.03965 5.23079ZM9.7374 6.92853L11.001 5.6449C11.6775 4.95448 11.6775 3.84567 11.001 3.15525C10.3555 2.49652 9.21338 2.51117 8.58076 3.1565L7.28289 4.47403L6.34006 3.53119L7.62976 2.22196C8.77871 1.04992 10.7796 1.02425 11.9533 2.22206C13.1379 3.4309 13.1379 5.36924 11.9523 6.57917L10.6802 7.87137L9.7374 6.92853ZM13.5275 6.49928L11.4341 8.62529L12.377 9.56812L14.4775 7.43475L13.5275 6.49928Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/pencil.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Pencil = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.9589 1.33331C11.3954 1.33331 11.8138 1.50759 12.1194 1.81559L14.1867 3.88286C14.4944 4.19065 14.6674 4.60809 14.6674 5.04337C14.6674 5.47864 14.4944 5.89609 14.1867 6.20387L6.63899 13.7491C6.17333 14.2863 5.51325 14.6163 4.75705 14.6682H1.33398V14.0015L1.33615 11.1915C1.39294 10.4885 1.71976 9.83487 2.21832 9.39559L9.79758 1.8164C10.1049 1.5072 10.5229 1.33331 10.9589 1.33331ZM4.70997 13.3365C5.06612 13.3113 5.39764 13.1456 5.66385 12.8411L10.7051 7.79979L8.2022 5.29678L3.13139 10.3664C2.86129 10.6053 2.69419 10.9395 2.66732 11.2452V13.3353L4.70997 13.3365ZM9.14512 4.35408L11.6479 6.85698L13.2438 5.26106C13.3016 5.20332 13.334 5.12502 13.334 5.04337C13.334 4.96171 13.3016 4.88341 13.2438 4.82567L11.1747 2.75655C11.1176 2.69901 11.0399 2.66665 10.9589 2.66665C10.8778 2.66665 10.8001 2.69901 10.743 2.75655L9.14512 4.35408Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/pencil_pad.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PencilPad = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 13.3333V8.66665H13.334V13.3333H2.66732V2.66665H7.33398V1.33331H2.66732C1.93094 1.33331 1.33398 1.93027 1.33398 2.66665V13.3333C1.33398 14.0697 1.93094 14.6666 2.66732 14.6666H13.334C14.0704 14.6666 14.6673 14.0697 14.6673 13.3333ZM12.7861 1.81559C12.4805 1.50759 12.062 1.33331 11.6256 1.33331C11.1896 1.33331 10.7716 1.5072 10.4642 1.8164L4.88498 7.39559C4.38643 7.83487 4.05961 8.48854 4.00282 9.19151L4.00065 11.3349V12.0015H6.75705C7.51325 11.9497 8.17333 11.6196 8.63899 11.0825L14.1867 5.5372C14.4944 5.22942 14.6674 4.81197 14.6674 4.3767C14.6674 3.94143 14.4944 3.52398 14.1867 3.21619L12.7861 1.81559ZM6.70997 10.6699C7.06612 10.6447 7.39764 10.4789 7.66385 10.1744L11.7051 6.13313L9.86893 4.29683L5.79805 8.36637C5.52795 8.60526 5.36086 8.93947 5.33398 9.2452V10.6686L6.70997 10.6699ZM10.8119 3.35417L12.6479 5.19032L13.2438 4.59439C13.3016 4.53666 13.334 4.45835 13.334 4.3767C13.334 4.29505 13.3016 4.21674 13.2438 4.159L11.8414 2.75655C11.7843 2.69901 11.7066 2.66665 11.6256 2.66665C11.5445 2.66665 11.4668 2.69901 11.4097 2.75655L10.8119 3.35417Z"
+      />
+    </Icon>
+  );
+};