feat: New Chat and Help icons (#509)

src/components/icons/ChatIcon.tsx

@@ -0,0 +1,16 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="m11.358,12.4676h-.3803l-.101501.3666-.651899,2.3541-.0002-.0001-.0033.0134c-.0008.0034-.0038.0132-.0105.0276-.0065.0141-.013901.026999-.020201.0365h0l-.004499.007c-.0886.139199-.24779.2273-.407821.2273-.148219,0-.291389-.0727-.36895-.1771l-.01829-.0247-.02116-.0222-2.52839-2.6533-.14777-.1551h-3.13766c-1.67475,0-3.05556-1.3874-3.05556-3.09104V3.59102C.5,1.88741,1.88081.5,3.55556.5h8.88884c1.6748,0,3.0556,1.38741,3.0556,3.09102v5.78554c0,1.70364-1.3808,3.09104-3.0556,3.09104h-1.0864Z"
+      fill="none"
+      stroke={color}
+    />
+  </svg>
+))

src/components/icons/HelpIcon.tsx

@@ -0,0 +1,23 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill={color}
+      d="m7.1262,9.865466v-.099133c.002467-.460133.044667-.8262.1266-1.0982.0844-.272.2036-.4906.357466-.655867.153933-.167734.3414-.321533.562333-.4614.1514-.0966.286734-.202066.405867-.316467.121667-.116933.217267-.2466.286734-.388933.069533-.144933.104266-.306327.104266-.484273,0-.200827-.045933-.37496-.137733-.5224-.091867-.14744-.216-.26184-.3724-.343187-.153933-.081347-.326467-.12202-.5176-.12202-.176267,0-.343867.039406-.502733.118207-.1564.076267-.286734.1932-.391.350814-.1018.155067-.158867.35208-.171267.59104h-1.325706c.012413-.483.126607-.887194.342587-1.212587.218466-.325387.50644-.569427.86392-.732127.36-.162693.7572-.24404,1.1916-.24404.4742,0,.891267.08516,1.2512.25548.362467.17032.644267.413093.845333.728313.2036.31268.305333.683827.305333,1.11344,0,.2898-.045933.549074-.137733.777873-.0894.2288-.217267.4322-.3836.610133s-.363667.3368-.592066.4766c-.201067.127133-.3662.259333-.495267.3966-.1266.137267-.220933.298667-.283.484267-.0596.183-.0906.409267-.093133.678733v.099133l-1.24-.000002Zm.647933,2.3794c-.2234,0-.4158-.081333-.5772-.243999-.161333-.162734-.242-.361-.242-.594866,0-.2288.080667-.424534.242-.5872.1614-.162733.3538-.244067.5772-.244067.220933,0,.412134.081333.573467.244067.163867.162666.2458.3584.2458.5872,0,.155066-.038467.296134-.115466.423266-.074467.127066-.173733.2288-.297867.305066-.121667.073733-.257.110533-.405933.110533Z"
+    />
+    <circle
+      cx="8"
+      cy="8"
+      r="7.666667"
+      fill="none"
+      stroke={color}
+      strokeWidth={0.666667}
+    />
+  </svg>
+))

src/icons.ts

@@ -24,6 +24,7 @@ export { default as CaretLeftIcon } from './components/icons/CaretLeftIcon'
 export { default as CaretRightIcon } from './components/icons/CaretRightIcon'
 export { default as CaretUpIcon } from './components/icons/CaretUpIcon'
 export { default as CertificateIcon } from './components/icons/CertificateIcon'
+export { default as ChatIcon } from './components/icons/ChatIcon'
 export { default as CheckIcon } from './components/icons/CheckIcon'
 export { default as CheckOutlineIcon } from './components/icons/CheckOutlineIcon'
 export { default as CheckRoundedIcon } from './components/icons/CheckRoundedIcon'
@@ -79,6 +80,7 @@ export { default as HamburgerMenuCollapseIcon } from './components/icons/Hamburg
 export { default as HamburgerMenuCollapsedIcon } from './components/icons/HamburgerMenuCollapsedIcon'
 export { default as HamburgerMenuIcon } from './components/icons/HamburgerMenuIcon'
 export { default as HeartIcon } from './components/icons/HeartIcon'
+export { default as HelpIcon } from './components/icons/HelpIcon'
 export { default as HistoryIcon } from './components/icons/HistoryIcon'
 export { default as IdIcon } from './components/icons/IdIcon'
 export { default as InfoIcon } from './components/icons/InfoIcon'