From fc7eacffbdd90438aa0550e1a91f0b98d52fd6f2 Mon Sep 17 00:00:00 2001
From: robonen <robonenandrew@gmail.com>
Date: Sun, 15 Jun 2025 15:36:18 +0700
Subject: [PATCH] feat(icons): add multiple new icon components and update
 index export

---
 src/shared/icons/ArrowIcon.vue           |  5 +++++
 src/shared/icons/ChatIcon.vue            |  5 +++++
 src/shared/icons/CheckIcon.vue           |  5 +++++
 src/shared/icons/ClockIcon.vue           |  5 +++++
 src/shared/icons/Logo.vue                |  2 +-
 src/shared/icons/MagnifyingGlassIcon.vue |  5 +++++
 src/shared/icons/PlusIcon.vue            |  5 +++++
 src/shared/icons/SearchListIcon.vue      |  6 ++++++
 src/shared/icons/XIcon.vue               |  5 +++++
 src/shared/icons/index.ts                | 10 +++++++++-
 10 files changed, 51 insertions(+), 2 deletions(-)
 create mode 100644 src/shared/icons/ArrowIcon.vue
 create mode 100644 src/shared/icons/ChatIcon.vue
 create mode 100644 src/shared/icons/CheckIcon.vue
 create mode 100644 src/shared/icons/ClockIcon.vue
 create mode 100644 src/shared/icons/MagnifyingGlassIcon.vue
 create mode 100644 src/shared/icons/PlusIcon.vue
 create mode 100644 src/shared/icons/SearchListIcon.vue
 create mode 100644 src/shared/icons/XIcon.vue

diff --git a/src/shared/icons/ArrowIcon.vue b/src/shared/icons/ArrowIcon.vue
new file mode 100644
index 0000000..a03c3de
--- /dev/null
+++ b/src/shared/icons/ArrowIcon.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true">
+    <path d="M8.00002 11.4667c-.08774.0005-.17471-.0163-.25594-.0495-.08122-.0332-.1551-.0821-.21739-.1439l-4-3.99996c-.06216-.06216-.11147-.13595-.14511-.21716-.03364-.08122-.05095-.16826-.05095-.25617 0-.17754.07052-.3478.19606-.47333.12553-.12554.2958-.19606.47333-.19606.17754 0 .3478.07052.47334.19606l3.52666 3.52666 3.52668-3.52666c.0621-.06216.1359-.11147.2172-.14511.0812-.03364.1682-.05095.2561-.05095s.175.01731.2562.05095.155.08295.2172.14511c.0621.06216.1114.13595.1451.21716.0336.08122.0509.16826.0509.25617 0 .08791-.0173.17495-.0509.25617-.0337.08121-.083.155-.1451.21716L8.47335 11.2733c-.06229.0618-.13617.1107-.21739.1439-.08123.0332-.1682.05-.25594.0495Z" />
+  </svg>
+</template>
diff --git a/src/shared/icons/ChatIcon.vue b/src/shared/icons/ChatIcon.vue
new file mode 100644
index 0000000..1da82a3
--- /dev/null
+++ b/src/shared/icons/ChatIcon.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
+    <path d="M14.45 13.7333V8.23333c-.0022-.69551-.2795-1.36192-.7713-1.85372-.4918-.49181-1.1582-.76908-1.8537-.77128H4.32501V4.9c-.00002-1.0234.4048-2.00525 1.12611-2.73124.7213-.72599 1.70051-1.13716 2.72389-1.14376h6.86669c1.0277 0 2.0133.40826 2.74 1.13496.7267.72671 1.135 1.71233 1.135 2.74004v5c-.0022 1.0191-.4057 1.9963-1.1231 2.72-.7175.7238-1.6912 1.1357-2.7103 1.1467l-.6333-.0334Zm-2.625-9.37497c1.0277 0 2.0133.40826 2.74 1.13497.7268.7267 1.135 1.71232 1.135 2.74003V12.4c.5563-.144 1.0499-.4666 1.4051-.9182.3553-.4516.5526-1.0073.5616-1.5818v-5c-.0022-.69552-.2795-1.36192-.7713-1.85373-.4918-.4918-1.1582-.76907-1.8537-.77127H8.17501c-.60339-.00074-1.18849.20708-1.65623.58825-.46774.38118-.78937.9123-.91044 1.50342l6.21666-.00834ZM8.39168 18.975c-.27226.0013-.5407-.064-.78185-.1904-.24115-.1264-.44766-.31-.60149-.5346l-.75-1.0583c-.02598-.04-.06192-.0726-.10429-.0945-.04237-.0219-.08971-.0324-.13737-.0305H5.00001c-.51237.0055-1.02074-.0907-1.4957-.283-.47495-.1922-.90706-.4768-1.27131-.8372-.36426-.3603-.65342-.7894-.85076-1.2622-.19733-.4729-.29893-.9802-.2989-1.4926V8.23333c-.00003-.51239.10157-1.01971.2989-1.49258.19734-.47287.4865-.90191.85076-1.26229.36425-.36038.79636-.64494 1.27131-.8372.47496-.19227.98333-.28843 1.4957-.28293h6.86669c1.0277 0 2.0133.40826 2.74 1.13497.7267.7267 1.135 1.71232 1.135 2.74003v4.95837c0 1.0277-.4083 2.0133-1.135 2.74-.7267.7267-1.7123 1.135-2.74 1.135h-1.1c-.0476-.0011-.0946.0097-.1368.0316-.0423.0218-.0783.0539-.1049.0934L9.77501 18.25c-.15382.2246-.36034.4082-.60149.5346-.24115.1264-.50959.1917-.78184.1904ZM5.00001 5.60833c-.34791-.0044-.69324.06018-1.01604.19002-.32281.12985-.61668.32237-.86463.56646-.24796.24408-.44509.53488-.58.8556-.13491.32072-.20492.66499-.206 1.01292v4.95837c-.00226.3496.06535.6962.19888 1.0194.13352.3231.33027.6164.57868.8624.24841.2461.54348.4401.86788.5706.32441.1304.67161.1948 1.02123.1892h1.01667c.24869-.0012.49395.0581.71462.1728.22067.1147.41013.2813.55204.4856L8.02501 17.5c.04133.059.0962.1071.16.1405.0638.0333.13467.0509.20667.0512.07199-.0003.14286-.0179.20666-.0512.06381-.0334.11867-.0815.16-.1405l.74167-1.0583c.14736-.1951.33921-.352.55959-.4578.2203-.1059.4627-.1575.7071-.1506h1.0583c.6962 0 1.3639-.2765 1.8562-.7688.4922-.4923.7688-1.16.7688-1.8562V8.23333c-.0022-.69551-.2795-1.36192-.7713-1.85372-.4918-.49181-1.1582-.76908-1.8537-.77128H5.00001ZM5.48334 10c-.15493 0-.30637.0459-.43519.132-.12882.0861-.22922.2084-.28851.3516-.05929.1431-.0748.3006-.04458.4526.03023.1519.10483.2915.21438.401.10955.1096.24913.1842.40108.2144.15195.0302.30946.0147.45259-.0446.14314-.0592.26548-.1596.35155-.2885.08608-.1288.13202-.2802.13202-.4352-.00217-.207-.0854-.405-.23183-.5515-.14644-.1464-.34443-.2296-.55151-.2318Zm2.91667 0c-.15341-.00295-.3043.0392-.43395.1213-.12965.082-.23236.2003-.29536.3402s-.08353.2953-.05904.4467c.02449.1515.09293.2924.19681.4054.10388.1129.23864.1928.38754.2298.14891.037.3054.0295.45006-.0217.14466-.0511.27111-.1436.36366-.266.09255-.1224.14712-.2692.15695-.4224.0056-.1053-.00991-.2107-.04562-.31-.03571-.0992-.0909-.1904-.16232-.268-.07143-.0776-.15764-.1402-.25359-.184-.09595-.0439-.1997-.0681-.30514-.0713Zm2.90829 0c-.1549 0-.3063.0459-.4352.132-.1288.0861-.2292.2084-.2885.3516-.0593.1431-.0748.3006-.0445.4526.0302.1519.1048.2915.2143.401.1096.1096.2492.1842.4011.2144.152.0302.3095.0147.4526-.0446.1431-.0592.2655-.1596.3516-.2885.086-.1288.132-.2802.132-.4352-.0022-.207-.0854-.405-.2319-.5515-.1464-.1464-.3444-.2296-.5515-.2318Z" />
+  </svg>
+</template>
diff --git a/src/shared/icons/CheckIcon.vue b/src/shared/icons/CheckIcon.vue
new file mode 100644
index 0000000..9cf9289
--- /dev/null
+++ b/src/shared/icons/CheckIcon.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
+    <path d="M14.3667 6.54167 8.80001 12.1083 5.56668 8.87501c-.15614-.15521-.36735-.24233-.5875-.24233s-.43136.08712-.5875.24233c-.15521.15613-.24233.36734-.24233.5875 0 .22015.08712.43136.24233.58749l3.825 3.825c.15614.1552.36734.2423.5875.2423.22015 0 .43136-.0871.5875-.2423l6.15002-6.14999c.0781-.07747.1401-.16964.1824-.27119.0423-.10155.0641-.21047.0641-.32048s-.0218-.21893-.0641-.32048c-.0423-.10155-.1043-.19372-.1824-.27119-.1562-.15521-.3674-.24232-.5875-.24232-.2202 0-.4314.08711-.5875.24232Z" />
+  </svg>
+</template>
diff --git a/src/shared/icons/ClockIcon.vue b/src/shared/icons/ClockIcon.vue
new file mode 100644
index 0000000..7a5c089
--- /dev/null
+++ b/src/shared/icons/ClockIcon.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 20 20" aria-hidden="true">
+    <path stroke-linejoin="round" stroke-width=".5" d="M10.043 4.04199c-1.3845 0-2.73788.41054-3.88902 1.17971-1.15114.76917-2.04835 1.86242-2.57816 3.14151-.52982 1.27908-.66844 2.68659-.39835 4.04439.2701 1.3579.93679 2.6052 1.91575 3.5841.97897.979 2.22625 1.6457 3.58412 1.9158 1.35786.2701 2.76536.1315 4.04446-.3984 1.279-.5298 2.3723-1.427 3.1415-2.5781.7691-1.1512 1.1797-2.5045 1.1797-3.889 0-1.85652-.7375-3.637-2.0503-4.94976-1.3127-1.31275-3.0932-2.05025-4.9497-2.05025Zm0 13.02321c-1.19445 0-2.36201-.3543-3.35496-1.0182-.99294-.6638-1.76661-1.6073-2.2231-2.7111-.45648-1.1037-.57526-2.3181-.34129-3.48935.23397-1.17128.81016-2.24681 1.65565-3.09048.8455-.84367 1.92227-1.41754 3.09405-1.64898 1.17175-.23144 2.38585-.11004 3.48865.34883 1.1027.45887 2.0446 1.23458 2.7063 2.22895.6617.99438 1.0135 2.16271 1.0109 3.35713-.0017 1.6004-.6382 3.1347-1.7698 4.2664-1.1317 1.1316-2.666 1.7681-4.2664 1.7699v-.0131Zm3.2558-6.0232c0 .1278-.0508.2504-.1412.3407-.0903.0904-.2129.1412-.3407.1412H10.043c-.12783 0-.25039-.0508-.34076-.1412-.09036-.0903-.14113-.2129-.14113-.3407V7.08292c0-.1278.05077-.25036.14113-.34073.09037-.09036.21293-.14113.34076-.14113.1278 0 .2503.05077.3407.14113.0904.09037.1411.21293.1411.34073v3.47718h2.3117c.1243.0051.2419.0581.3281.1479s.1343.2095.1342.334Z" />
+  </svg>
+</template>
diff --git a/src/shared/icons/Logo.vue b/src/shared/icons/Logo.vue
index 4db66ca..1c35838 100644
--- a/src/shared/icons/Logo.vue
+++ b/src/shared/icons/Logo.vue
@@ -1,5 +1,5 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 256 47">
+  <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 256 47" aria-hidden="true">
     <path d="M23.4859 47C36.4727 47 47 36.479 47 23.5V7.05c0-1.86978-.7432-3.66297-2.0661-4.9851C43.6109.742766 41.8167 0 39.9458 0H24.6616v10.3094c0 2.3524.1434 4.7893 1.3779 6.7915.8838 1.435 2.066 2.6631 3.4666 3.6012 1.4005.938 2.9865 1.5641 4.6505 1.8356l.4503.0728c.1856.0634.3468.1833.4609.3428.1141.1595.1754.3506.1754.5467 0 .1961-.0613.3872-.1754.5467-.1141.1595-.2753.2794-.4609.3428l-.4503.0728c-2.4312.3969-4.6762 1.547-6.418 3.2878-1.7419 1.7408-2.8927 3.9845-3.2898 6.4142l-.0729.45c-.0635.1856-.1834.3466-.343.4606-.1595.1141-.3508.1754-.547.1754-.1962 0-.3875-.0613-.5471-.1754-.1596-.114-.2795-.275-.3429-.4606l-.0729-.45c-.2718-1.6629-.8982-3.248-1.8368-4.6477-.9386-1.3996-2.1675-2.5812-3.6032-3.4645-2.0034-1.2337-4.4418-1.3771-6.7956-1.3771H0C.614894 37.1077 10.8941 47 23.4859 47Z" />
     <path d="M0 22.0811h10.2097c2.3296 0 4.743-.1418 6.7259-1.3621 1.5499-.9538 2.8547-2.2569 3.8097-3.8049 1.2218-1.9803 1.3638-4.3906 1.3638-6.7173V0H6.98182c-1.8517 0-3.62755.73465-4.93689 2.04234C.735582 3.35002 0 5.12363 0 6.97297V22.0811ZM54.0567 2.32432c0 .61645-.2452 1.20765-.6816 1.64355-.4365.4359-1.0284.68078-1.6456.68078-.6173 0-1.2092-.24488-1.6457-.68078-.4364-.4359-.6816-1.0271-.6816-1.64355 0-.61644.2452-1.20765.6816-1.643541C50.5203.244884 51.1122 0 51.7295 0c.6172 0 1.2091.244884 1.6456.680779.4364.435891.6816 1.027101.6816 1.643541ZM246.355 14.0668c6.505 0 9.645 4.5383 9.645 9.7947v9.8726h-6.808V25.033c0-2.3825-.871-4.3488-3.367-4.3488s-3.328 1.9663-3.328 4.3488v8.6999h-6.808V25.033c0-2.3825-.832-4.3488-3.329-4.3488-2.496 0-3.367 1.9663-3.367 4.3488v8.6999h-6.807v-9.8725c0-5.2565 3.138-9.7948 9.644-9.7948 3.556 0 6.128 1.3993 7.301 3.7062 1.247-2.3069 3.971-3.7073 7.224-3.7073v.0023Zm-36.404 13.6159c2.194 0 3.14-2.0047 3.14-4.3883v-8.4722h6.807v9.3043c0 5.5598-3.252 10.1747-9.947 10.1747-6.695 0-9.948-4.6138-9.948-10.1747v-9.3043h6.809v8.4722c0 2.3824.945 4.3883 3.139 4.3883Zm-19.958 6.6557c-4.274 0-7.036-1.4748-8.662-4.3488l4.917-2.7613c.681 1.2098 1.701 1.8153 3.404 1.8153 1.4 0 2.042-.4916 2.042-1.0971 0-2.3069-9.985.0384-9.985-7.2984 0-3.5562 3.025-6.4302 8.17-6.4302 4.501 0 6.959 2.193 8.057 4.3116l-4.918 2.7985c-.415-1.1343-1.702-1.8153-2.988-1.8153-.983 0-1.513.4161-1.513.9832 0 2.3452 9.985.1894 9.985 7.2995 0 3.9711-3.895 6.543-8.509 6.543Zm-23.787 8.0945h-6.809V24.2404c0-5.7876 4.35-9.9853 10.402-9.9853 5.901 0 10.402 4.501 10.402 9.9853 0 6.0514-4.01 10.0608-10.024 10.0608-1.4 0-2.798-.416-3.971-1.0599v9.1916Zm3.593-14.5236c2.156 0 3.593-1.6642 3.593-3.6317 0-2.0036-1.437-3.6306-3.593-3.6306-2.156 0-3.593 1.627-3.593 3.6317 0 1.9664 1.437 3.6306 3.593 3.6306Zm-17.222-15.0907c-2.232 0-4.084-1.8536-4.084-4.08495s1.852-4.085 4.084-4.085c2.232 0 4.086 1.85365 4.086 4.085s-1.854 4.08495-4.086 4.08495Zm-3.403 2.0036h6.808v18.9119h-6.808V14.8222Zm-13.063 19.479c-5.901 0-10.402-4.5382-10.402-10.0608 0-5.4843 4.501-10.0225 10.402-10.0225 5.9 0 10.401 4.5382 10.401 10.0225 0 5.5226-4.501 10.0608-10.401 10.0608Zm0-6.3919c2.156 0 3.593-1.6642 3.593-3.6317 0-2.0036-1.437-3.6678-3.593-3.6678-2.157 0-3.594 1.6642-3.594 3.6678 0 1.9675 1.437 3.6317 3.594 3.6317ZM112.853 43c-4.69 0-8.094-2.0803-9.834-5.7876l5.636-3.0251c.605 1.2865 1.739 2.6102 4.084 2.6102 2.46 0 4.085-1.5514 4.275-4.2744-.908.7949-2.346 1.3993-4.501 1.3993-5.258 0-9.495-4.0467-9.495-9.7204 0-5.4831 4.502-9.9469 10.403-9.9469 6.052 0 10.402 4.1989 10.402 9.9853v7.489c0 6.8079-4.729 11.2706-10.97 11.2706Zm.454-15.4684c2.042 0 3.593-1.4004 3.593-3.4807 0-2.0419-1.55-3.4039-3.593-3.4039-2.005 0-3.594 1.362-3.594 3.4051 0 2.0803 1.589 3.4784 3.594 3.4784v.0011ZM91.47 34.3012c-5.9008 0-10.4029-4.5382-10.4029-10.0608 0-5.4843 4.5021-10.0225 10.4029-10.0225 5.8996 0 10.402 4.5382 10.402 10.0225 0 5.5226-4.5012 10.0608-10.402 10.0608Zm0-6.3919c2.1562 0 3.5933-1.6642 3.5933-3.6317 0-2.0036-1.4371-3.6678-3.5933-3.6678-2.1563 0-3.5934 1.6642-3.5934 3.6678 0 1.9675 1.4371 3.6317 3.5934 3.6317ZM68.6697 8.20486V27.3038h11.2721v6.4303H67.7236c-4.3112 0-6.0509-2.2697-6.0509-5.8631V8.20486h6.997Z" />
   </svg>
diff --git a/src/shared/icons/MagnifyingGlassIcon.vue b/src/shared/icons/MagnifyingGlassIcon.vue
new file mode 100644
index 0000000..fcbeb36
--- /dev/null
+++ b/src/shared/icons/MagnifyingGlassIcon.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 14 14" aria-hidden="true">
+    <path d="M12.5825 11.3225 10.71 9.57249c.7957-1.06076 1.1636-2.3819 1.0307-3.70128-.1329-1.31938-.757-2.54057-1.74836-3.42126-.99136-.8807-2.27758-1.35654-3.60343-1.3331-1.32585.02344-2.59444.54445-3.55406 1.45964-.95961.91519-1.54012 2.15767-1.62633 3.48093-.08622 1.32325.32816 2.63056 1.16091 3.66253.83275 1.03195 2.02301 1.71315 3.33461 1.90845 1.3116.1953 2.64869-.1096 3.74595-.8542L11.375 12.6c.16.1462.3667.231.5833.2392.1198.001.2384-.0235.348-.0717.1096-.0483.2077-.1193.2879-.2083.081-.0817.1451-.1786.1884-.2851.0434-.1066.0652-.2207.0641-.3357-.0011-.115-.025-.2287-.0704-.3344-.0453-.1058-.1112-.2014-.1938-.2815Zm-6.10751-1.2133c-.73789-.0012-1.45888-.22098-2.07193-.63165-.61305-.41067-1.09066-.99379-1.3725-1.67573-.28185-.68194-.35529-1.43211-.21105-2.15576.14424-.72365.49969-1.38833 1.02145-1.9101.52176-.52176 1.18644-.87721 1.9101-1.02144.72365-.14424 1.47381-.0708 2.15575.21104.68194.28185 1.26507.75945 1.67573 1.3725.41067.61305.63046 1.33405.63166 2.07193 0 .49104-.0968.97726-.28467 1.43092-.18791.45366-.46334.86586-.81055 1.21307-.34722.34722-.75942.62264-1.21308.81055-.45365.18787-.93988.28467-1.43091.28467Z" />
+  </svg>
+</template>
diff --git a/src/shared/icons/PlusIcon.vue b/src/shared/icons/PlusIcon.vue
new file mode 100644
index 0000000..3fea138
--- /dev/null
+++ b/src/shared/icons/PlusIcon.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
+    <path d="M15 10.8333h-4.1667V15c0 .221-.0878.433-.2441.5893-.1562.1562-.3682.244-.58921.244-.22101 0-.43298-.0878-.58926-.244-.15628-.1563-.24407-.3683-.24407-.5893v-4.1667H4.99999c-.22101 0-.43298-.0878-.58926-.244-.15628-.1563-.24407-.3683-.24407-.5893 0-.221.08779-.43296.24407-.58925.15628-.15628.36825-.24407.58926-.24407h4.16667V5.00001c0-.22101.08779-.43298.24407-.58926.15628-.15628.36825-.24407.58926-.24407.22101 0 .43301.08779.58921.24407.1563.15628.2441.36825.2441.58926v4.16667H15c.221 0 .433.08779.5892.24407.1563.15629.2441.36825.2441.58925 0 .221-.0878.433-.2441.5893-.1562.1562-.3682.244-.5892.244Z" />
+  </svg>
+</template>
diff --git a/src/shared/icons/SearchListIcon.vue b/src/shared/icons/SearchListIcon.vue
new file mode 100644
index 0000000..1ec73cc
--- /dev/null
+++ b/src/shared/icons/SearchListIcon.vue
@@ -0,0 +1,6 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 46 46" aria-hidden="true">
+    <path d="M33.7717 43.6041H12.2283c-1.5758 0-3.08708-.6259-4.20136-1.7402-1.11428-1.1143-1.74027-2.6256-1.74027-4.2014V8.33748c0-1.57583.62599-3.08711 1.74027-4.20139s2.62556-1.74028 4.20136-1.74028h13.2059c.5204.00082 1.0356.10454 1.5159.30519.4802.20065.916.49428 1.2824.86398l10.35 10.48412c.7251.7357 1.1313 1.7272 1.1308 2.76v20.8534c0 1.5758-.626 3.0871-1.7402 4.2014-1.1143 1.1143-2.6256 1.7402-4.2014 1.7402ZM12.2283 5.27081c-.8133 0-1.5933.3231-2.1684.89821-.57514.57511-.89823 1.35513-.89823 2.16846V37.6625c0 .8133.32309 1.5933.89823 2.1684.5751.5752 1.3551.8982 2.1684.8982h21.5434c.8133 0 1.5933-.323 2.1684-.8982.5751-.5751.8982-1.3551.8982-2.1684V16.8091c-.0067-.2784-.1158-.5446-.3066-.7475l-10.35-10.48412c-.0983-.09776-.215-.17517-.3432-.22779-.1283-.05262-.2657-.07943-.4043-.07888H12.2283Z" />
+    <path d="M38.2183 17.7292H31.855c-1.9588 0-3.8377-.7769-5.2246-2.1602-1.387-1.3833-2.1687-3.2602-2.1737-5.219V3.83334c-.0012-.19809.0391-.39424.1183-.5758.0792-.18156.1956-.34452.3417-.47836.1617-.13807.3528-.23744.5587-.29058.2059-.05314.4212-.05864.6296-.01609.787.13945 1.5108.52143 2.07 1.0925l10.35 10.48419c.5179.5292.8765 1.1933 1.035 1.9166.0462.2085.0447.4247-.0043.6325-.0491.2079-.1444.4019-.2789.5678-.1345.1658-.3048.2991-.498.39-.1932.0908-.4045.1369-.618.1347l.0575.0384ZM27.3317 6.74668V10.35c.005 1.1963.4838 2.342 1.3316 3.1861.8477.8442 1.9954 1.3181 3.1917 1.3181h3.4883l-8.0116-8.10752Zm3.8141 26.29662L27.1592 29.21c.9012-1.2509 1.3903-2.7516 1.3991-4.2934.0188-1.7085-.5337-3.3743-1.5698-4.7329-1.036-1.3587-2.4962-2.3323-4.1488-2.7664-1.6525-.434-3.4027-.3036-4.9727.3706-1.5699.6742-2.8697 1.8535-3.693 3.3507-.8232 1.4972-1.1227 3.2265-.8509 4.9133.2717 1.6869 1.0992 3.2346 2.351 4.3975s2.8561 1.8743 4.5584 2.0213c1.7023.147 3.4049-.2788 4.8375-1.2099l4.1017 3.8333c.2676.258.6249.4023.9966.4025.1955.0022.3891-.0378.5677-.1172.1786-.0793.338-.1963.4673-.3428.2501-.2751.3839-.6365.3731-1.0082-.0107-.3717-.165-.7248-.4306-.9851ZM16.33 24.9166c.0001-.9216.2726-1.8227.7831-2.59.5106-.7674 1.2365-1.3667 2.0866-1.7228.8501-.3561 1.7865-.4531 2.6915-.2788s1.7384.6122 2.3954 1.2586 1.1083 1.4725 1.2973 2.3746c.189.9021.1073 1.8399-.2349 2.6956-.3423.8558-.9298 1.5914-1.6887 2.1144-.7589.5229-1.6554.81-2.577.8251-.6198.0076-1.2351-.1076-1.8102-.339-.5751-.2314-1.0988-.5744-1.5407-1.0091-.4419-.4348-.7933-.9528-1.034-1.5241-.2407-.5712-.3659-1.1845-.3684-1.8045Z" />
+  </svg>
+</template>
diff --git a/src/shared/icons/XIcon.vue b/src/shared/icons/XIcon.vue
new file mode 100644
index 0000000..ea4a11e
--- /dev/null
+++ b/src/shared/icons/XIcon.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
+    <path d="m11.175 10 2.9917-2.96667c.1591-.16134.2476-.37929.246-.60589-.0015-.22661-.093-.44331-.2544-.60244-.1613-.15913-.3793-.24765-.6059-.24609-.2266.00156-.4433.09308-.6024.25442L9.99999 8.825l-2.95-2.93334c-.15613-.15521-.36734-.24232-.5875-.24232-.22015 0-.43136.08711-.5875.24232-.0781.07747-.1401.16964-.18241.27119-.0423.10155-.06408.21047-.06408.32048s.02178.21893.06408.32048c.04231.10155.10431.19372.18241.27119l2.95 2.925-2.99166 2.9667c-.15913.1613-.24765.3792-.24609.6059.00156.2266.09308.4433.25442.6024.16134.1591.37929.2476.60589.2461.22661-.0016.44331-.0931.60244-.2544l2.95-2.9917L12.95 14.1083c.1561.1552.3673.2424.5875.2424.2201 0 .4314-.0872.5875-.2424.0781-.0774.1401-.1696.1824-.2712.0423-.1015.0641-.2104.0641-.3204 0-.11-.0218-.219-.0641-.3205-.0423-.1016-.1043-.1937-.1824-.2712L11.175 10Z" />
+  </svg>
+</template>
diff --git a/src/shared/icons/index.ts b/src/shared/icons/index.ts
index 96c994f..3fb26f1 100644
--- a/src/shared/icons/index.ts
+++ b/src/shared/icons/index.ts
@@ -1 +1,9 @@
-export { default as Logo } from './Logo.vue';
\ No newline at end of file
+export { default as ArrowIcon } from './ArrowIcon.vue';
+export { default as ChatIcon } from './ChatIcon.vue';
+export { default as CheckIcon } from './CheckIcon.vue';
+export { default as ClockIcon } from './ClockIcon.vue';
+export { default as Logo } from './Logo.vue';
+export { default as MagnifyingGlassIcon } from './MagnifyingGlassIcon.vue';
+export { default as PlusIcon } from './PlusIcon.vue';
+export { default as SearchListIcon } from './SearchListIcon.vue';
+export { default as XIcon } from './XIcon.vue';