From 110394a40a836e61edea3baeddb47f8f853bcd9a Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Thu, 8 May 2025 13:10:06 +0200
Subject: [PATCH] Make icons into vue components

---
 src/assets/css/main.scss                      |  4 ++
 src/assets/icons/audio_message.svg            | 10 ----
 src/assets/icons/audio_message.vue            | 27 +++++++++++
 src/assets/icons/{ic_add.svg => ic_add.vue}   | 17 +++++--
 .../icons/{ic_check.svg => ic_check.vue}      | 11 +++--
 ...{ic_check_small.svg => ic_check_small.vue} | 11 +++--
 src/assets/icons/ic_export.svg                | 12 +++--
 src/assets/icons/{ic_poll.svg => ic_poll.vue} | 26 ++++++++---
 src/assets/icons/ic_share.svg                 |  3 --
 src/assets/icons/ic_share.vue                 | 10 ++++
 src/assets/icons/{timer.svg => timer.vue}     | 46 +++++++++++++++----
 src/assets/icons/{trash.svg => trash.vue}     | 21 +++++++--
 .../{trash_black.svg => trash_black.vue}      | 21 +++++++--
 src/assets/icons/video_message.svg            |  5 --
 src/assets/icons/video_message.vue            | 13 ++++++
 src/components/Chat.vue                       |  4 +-
 src/components/CreatePollDialog.vue           |  2 +-
 src/components/DeviceList.vue                 |  4 +-
 src/components/GetLink.vue                    |  2 +-
 src/components/Invite.vue                     |  8 ++--
 src/components/MoreMenuPopup.vue              |  3 +-
 src/components/PurgeRoomDialog.vue            | 11 ++---
 src/components/QuoteView.vue                  |  2 +-
 src/components/RoomInfo.vue                   | 15 +++---
 .../messages/MessageIncomingPoll.vue          |  6 +--
 .../messages/MessageOutgoingPoll.vue          |  6 +--
 26 files changed, 209 insertions(+), 91 deletions(-)
 delete mode 100644 src/assets/icons/audio_message.svg
 create mode 100644 src/assets/icons/audio_message.vue
 rename src/assets/icons/{ic_add.svg => ic_add.vue} (58%)
 rename src/assets/icons/{ic_check.svg => ic_check.vue} (57%)
 rename src/assets/icons/{ic_check_small.svg => ic_check_small.vue} (57%)
 rename src/assets/icons/{ic_poll.svg => ic_poll.vue} (55%)
 delete mode 100644 src/assets/icons/ic_share.svg
 create mode 100644 src/assets/icons/ic_share.vue
 rename src/assets/icons/{timer.svg => timer.vue} (64%)
 rename src/assets/icons/{trash.svg => trash.vue} (69%)
 rename src/assets/icons/{trash_black.svg => trash_black.vue} (69%)
 delete mode 100644 src/assets/icons/video_message.svg
 create mode 100644 src/assets/icons/video_message.vue

diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index 327cf50..07173b7 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -170,3 +170,7 @@ body { position:absolute; top:0; bottom:0; right:0; left:0; }
     letter-spacing: 0.4px;
     color: rgba(0, 0, 0, 0.6);
 }
+
+.v-card-title {
+    display: flex;
+}
\ No newline at end of file
diff --git a/src/assets/icons/audio_message.svg b/src/assets/icons/audio_message.svg
deleted file mode 100644
index fc15311..0000000
--- a/src/assets/icons/audio_message.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="70" height="70" rx="13" fill="#242424"/>
-<g opacity="0.3">
-<path d="M37.5633 34.8373C37.5612 34.8158 37.5586 34.7943 37.5549 34.7712C37.5517 34.7466 37.5475 34.723 37.5402 34.6852L36.8998 31.9058L41.4038 25.5387C41.4069 25.5319 41.4111 25.5272 41.4148 25.5225L41.4279 25.501C41.4504 25.469 41.4698 25.4365 41.4893 25.4066L41.5113 25.3651C41.527 25.3368 41.5412 25.3095 41.5553 25.2775C41.5637 25.2628 41.57 25.2476 41.5727 25.2413L41.5984 25.1789C41.6104 25.1459 41.623 25.1128 41.6324 25.0798C41.6377 25.0651 41.6429 25.0483 41.6471 25.0268C41.6555 24.9953 41.6639 24.966 41.6713 24.9292C41.6755 24.9109 41.6781 24.8931 41.6807 24.8747L41.162 24.7939L41.6854 24.8516C41.6891 24.8285 41.6922 24.8055 41.6959 24.7787C41.6975 24.7541 41.6991 24.7289 41.7012 24.7058L41.1772 24.6759L41.7027 24.6827C41.7033 24.6644 41.7043 24.6465 41.7043 24.6298C41.7043 24.5999 41.7043 24.5721 41.7027 24.5369C41.7012 24.5186 41.7012 24.5007 41.6985 24.474C41.6959 24.4462 41.6922 24.4184 41.687 24.3764C41.6844 24.3602 41.6818 24.3439 41.6786 24.3266C41.6744 24.3051 41.6702 24.2836 41.6629 24.2521L41.6587 24.2343C41.654 24.2159 41.6487 24.196 41.645 24.1797C41.6366 24.1535 41.6288 24.1267 41.6235 24.1121C41.6151 24.0869 41.6062 24.0607 41.5921 24.026C41.5831 24.0061 41.5753 23.9846 41.5706 23.9762C41.559 23.95 41.5475 23.9248 41.5291 23.887L41.5008 23.8356C41.4877 23.8126 41.4735 23.7879 41.4562 23.7596C41.4462 23.7449 41.4363 23.7297 41.42 23.7082C41.4053 23.6851 41.3891 23.6636 41.367 23.6337C41.3529 23.6169 41.3387 23.6007 41.324 23.5839L40.9291 23.929L41.3104 23.5671C41.2962 23.5508 41.2821 23.5346 41.2732 23.5246C41.2501 23.501 41.2259 23.4779 41.1992 23.4533C41.184 23.4386 41.1677 23.4234 41.1609 23.4187C41.1315 23.3924 41.1011 23.3688 41.0791 23.3526C41.0681 23.3442 41.0586 23.3363 41.0476 23.3295L41.0119 23.3048C40.9941 23.2917 40.9726 23.2797 40.9469 23.2634C40.9286 23.2519 40.9097 23.2403 40.896 23.2335C40.8808 23.223 40.864 23.2151 40.8341 23.2005C40.8153 23.1921 40.7974 23.1826 40.7791 23.1742L31.3562 19.1926L27.7098 12.7967C27.4307 12.3047 26.9052 12 26.3403 12C26.067 12 25.7984 12.0719 25.5614 12.2067C25.1953 12.4149 24.9325 12.7537 24.8218 13.1597C24.7101 13.5646 24.7641 13.9895 24.9718 14.3561L28.8946 21.2393C29.1003 21.5996 29.4438 21.8671 29.8451 21.9778L37.7133 25.3006L33.92 30.6617C33.9127 30.6727 33.9048 30.6847 33.8969 30.6978L33.855 30.7639C33.8434 30.7833 33.8335 30.8017 33.8151 30.8347C33.8041 30.8562 33.7931 30.8799 33.7826 30.9008C33.7716 30.9244 33.7611 30.9475 33.7495 30.9758C33.7411 30.9973 33.7333 31.0183 33.7196 31.0566C33.7113 31.0781 33.705 31.0996 33.6966 31.1258C33.6897 31.1474 33.685 31.1673 33.6787 31.1935C33.6735 31.215 33.6677 31.2386 33.6619 31.2685C33.6572 31.2932 33.653 31.3178 33.6494 31.3456C33.6457 31.3708 33.6425 31.3939 33.6404 31.4117C33.6373 31.4385 33.6357 31.4652 33.6347 31.4909L33.6336 31.5108C33.6331 31.5308 33.632 31.5502 33.632 31.5701C33.632 31.5969 33.6336 31.6231 33.6347 31.6525C33.6362 31.6776 33.6383 31.7007 33.6404 31.7254C33.6425 31.7505 33.6457 31.7768 33.6509 31.803C33.6541 31.8261 33.6577 31.8476 33.663 31.8775L34.1214 33.8654L23.0579 36.8598L23.028 36.8698C23.0023 36.8782 22.9766 36.8861 22.9519 36.895L22.933 36.9013C22.9157 36.9081 22.8995 36.9128 22.8874 36.918C22.8591 36.9291 22.8313 36.9427 22.8103 36.9521C22.7867 36.9637 22.7636 36.9736 22.7484 36.982C22.7232 36.9952 22.6991 37.0088 22.6828 37.0182C22.6566 37.035 22.6299 37.0502 22.6068 37.0665C22.5868 37.0796 22.5669 37.0932 22.5433 37.1111C22.5223 37.1258 22.5024 37.141 22.4872 37.1525C22.4715 37.1656 22.4547 37.1787 22.44 37.1934L22.7888 37.5852L22.4253 37.2065C22.409 37.2212 22.3917 37.2364 22.3676 37.2595C22.3545 37.2726 22.343 37.2863 22.3288 37.3009C22.3099 37.3209 22.291 37.3424 22.2721 37.3639C22.2575 37.3817 22.2438 37.398 22.2302 37.4169L22.6472 37.7358L22.216 37.4347C22.205 37.4515 22.1929 37.4667 22.1814 37.4829C22.1678 37.5029 22.1541 37.5244 22.1421 37.5438L22.5884 37.8197L22.1326 37.5585C22.1216 37.5768 22.1111 37.5931 22.1027 37.6083C22.0896 37.6335 22.0775 37.6581 22.0613 37.6891C22.0529 37.7059 22.045 37.7221 22.0345 37.7452C22.0246 37.7667 22.0167 37.7898 22.0073 37.8129L21.98 37.8858C21.9716 37.911 21.9653 37.9356 21.9532 37.9786C21.9485 38.0001 21.9422 38.0195 21.9401 38.0316C21.9344 38.0547 21.9302 38.0798 21.9239 38.1176C21.9186 38.1438 21.9155 38.1706 21.9118 38.2L21.906 38.2577C21.9039 38.2844 21.9024 38.3106 21.9018 38.3437L21.9008 38.3799C21.9008 44.7915 27.1176 50.0083 33.5292 50.0083C34.3984 50.0083 35.1049 49.3008 35.1049 48.4332C35.1049 47.5641 34.3984 46.857 33.5292 46.857C29.3221 46.857 25.7161 43.6874 25.1344 39.5632L36.4025 36.5126C36.4235 36.5079 36.444 36.5016 36.4702 36.4932C36.4927 36.4843 36.5153 36.4785 36.5368 36.4717C36.5615 36.4612 36.5872 36.4518 36.606 36.4418C36.6328 36.4313 36.659 36.4203 36.6852 36.4087C36.7052 36.3988 36.7246 36.3872 36.7597 36.3694C36.7802 36.3579 36.8012 36.3458 36.8137 36.3374C36.8379 36.3248 36.8615 36.3075 36.884 36.2928C36.904 36.2797 36.9228 36.2645 36.947 36.2482C36.9685 36.232 36.9889 36.2157 37.0041 36.2021C37.0241 36.1858 37.044 36.169 37.0687 36.146C37.086 36.1297 37.1022 36.1134 37.1185 36.0982C37.1358 36.0799 37.1531 36.062 37.1715 36.0421C37.1898 36.0222 37.2061 36.0007 37.2171 35.9891C37.2328 35.9708 37.247 35.9508 37.2674 35.9246C37.2821 35.9047 37.2968 35.8832 37.3073 35.8669C37.3209 35.847 37.3346 35.8255 37.355 35.7924L37.3939 35.7211C37.4033 35.7027 37.4127 35.6849 37.4211 35.6666C37.4321 35.6451 37.4411 35.6215 37.4531 35.5968C37.4631 35.5721 37.4725 35.547 37.4762 35.536C37.4862 35.5124 37.4935 35.4893 37.503 35.4583C37.5113 35.4337 37.5182 35.4069 37.5239 35.387C37.5308 35.3587 37.537 35.3314 37.5412 35.3099C37.5475 35.2816 37.5523 35.2553 37.5554 35.237C37.5596 35.2102 37.5622 35.1824 37.5654 35.1562C37.569 35.1295 37.5706 35.1048 37.5722 35.0754C37.5738 35.0487 37.5738 35.0219 37.5738 35.0025C37.5748 34.9758 37.5748 34.949 37.5738 34.9275C37.5685 34.9034 37.5669 34.8787 37.5633 34.8373Z" fill="white"/>
-<path d="M25.8838 22.8244C26.1203 22.4756 26.2058 22.0555 26.1251 21.6427C26.0459 21.2294 25.8093 20.8722 25.4605 20.6377C25.1988 20.461 24.894 20.3665 24.5798 20.3665C24.0543 20.3665 23.566 20.6262 23.2728 21.0605C22.5757 22.0938 21.6405 22.8517 20.6381 23.1989C19.7994 23.49 19.021 23.4402 18.4572 23.0583C18.1949 22.8811 17.8912 22.7887 17.576 22.7887C17.0515 22.7887 16.5621 23.0479 16.2689 23.4827C15.7832 24.2028 15.9736 25.1826 16.6933 25.6704C17.0352 25.9017 17.405 26.09 17.7921 26.2301C18.3591 26.4357 18.9644 26.5395 19.5917 26.5395C19.5928 26.5395 19.5928 26.5395 19.5928 26.5395C20.2725 26.5395 20.9717 26.4173 21.6693 26.1761C23.3105 25.608 24.808 24.4189 25.8838 22.8244Z" fill="white"/>
-<path d="M42.9357 38.1438C42.6121 37.8202 42.182 37.6419 41.7246 37.6419C41.2667 37.6419 40.8371 37.8202 40.513 38.1438C40.1894 38.4664 40.0121 38.8981 40.0121 39.3555C40.0121 39.8134 40.1894 40.2429 40.513 40.5671C41.4199 41.4729 41.9192 42.6772 41.9192 43.9581C41.9192 45.2368 41.4204 46.4416 40.513 47.349C40.1894 47.6727 40.0121 48.1028 40.0121 48.5607C40.0121 49.018 40.1894 49.4476 40.513 49.7718C40.8366 50.0938 41.2667 50.2727 41.7246 50.2727C42.182 50.2727 42.6116 50.0938 42.9357 49.7718C44.4893 48.2187 45.3453 46.1532 45.3453 43.9586C45.3453 41.764 44.4888 39.6974 42.9357 38.1438Z" fill="white"/>
-<path d="M46.8611 34.4475C46.538 34.1255 46.1074 33.9466 45.6506 33.9466C45.1927 33.9466 44.7626 34.1255 44.4389 34.4475C44.1153 34.7711 43.9365 35.2012 43.9365 35.6586C43.9365 36.1165 44.1153 36.5461 44.4389 36.8702C46.4861 38.9174 47.6133 41.636 47.6133 44.5281C47.6133 47.4182 46.4866 50.1378 44.4389 52.186C43.7718 52.8532 43.7718 53.9395 44.4389 54.6082C44.762 54.9303 45.1927 55.1091 45.6506 55.1091C46.1074 55.1091 46.5375 54.9303 46.8611 54.6082C49.5556 51.9127 51.0394 48.334 51.0394 44.5281C51.0394 40.7223 49.5556 37.1425 46.8611 34.4475Z" fill="white"/>
-<path d="M51.1224 30.3507C50.7993 30.0271 50.3681 29.8482 49.9113 29.8482C49.4539 29.8482 49.0243 30.0271 48.7007 30.3507C48.0335 31.0179 48.0335 32.1041 48.7007 32.7713C51.8431 35.9142 53.574 40.0904 53.574 44.5272C53.574 48.9641 51.8431 53.1397 48.7007 56.281C48.0325 56.9503 48.0335 58.0361 48.7002 58.7038C49.0233 59.0279 49.4539 59.2063 49.9123 59.2063C50.3692 59.2063 50.7993 59.0279 51.1224 58.7043C54.913 54.9147 57.0001 49.8799 57.0001 44.5278C57.0001 39.1756 54.9125 34.1403 51.1224 30.3507Z" fill="white"/>
-</g>
-</svg>
diff --git a/src/assets/icons/audio_message.vue b/src/assets/icons/audio_message.vue
new file mode 100644
index 0000000..a25d72c
--- /dev/null
+++ b/src/assets/icons/audio_message.vue
@@ -0,0 +1,27 @@
+<template>
+  <svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="70" height="70" rx="13" fill="#242424" />
+    <g opacity="0.3">
+      <path
+        d="M37.5633 34.8373C37.5612 34.8158 37.5586 34.7943 37.5549 34.7712C37.5517 34.7466 37.5475 34.723 37.5402 34.6852L36.8998 31.9058L41.4038 25.5387C41.4069 25.5319 41.4111 25.5272 41.4148 25.5225L41.4279 25.501C41.4504 25.469 41.4698 25.4365 41.4893 25.4066L41.5113 25.3651C41.527 25.3368 41.5412 25.3095 41.5553 25.2775C41.5637 25.2628 41.57 25.2476 41.5727 25.2413L41.5984 25.1789C41.6104 25.1459 41.623 25.1128 41.6324 25.0798C41.6377 25.0651 41.6429 25.0483 41.6471 25.0268C41.6555 24.9953 41.6639 24.966 41.6713 24.9292C41.6755 24.9109 41.6781 24.8931 41.6807 24.8747L41.162 24.7939L41.6854 24.8516C41.6891 24.8285 41.6922 24.8055 41.6959 24.7787C41.6975 24.7541 41.6991 24.7289 41.7012 24.7058L41.1772 24.6759L41.7027 24.6827C41.7033 24.6644 41.7043 24.6465 41.7043 24.6298C41.7043 24.5999 41.7043 24.5721 41.7027 24.5369C41.7012 24.5186 41.7012 24.5007 41.6985 24.474C41.6959 24.4462 41.6922 24.4184 41.687 24.3764C41.6844 24.3602 41.6818 24.3439 41.6786 24.3266C41.6744 24.3051 41.6702 24.2836 41.6629 24.2521L41.6587 24.2343C41.654 24.2159 41.6487 24.196 41.645 24.1797C41.6366 24.1535 41.6288 24.1267 41.6235 24.1121C41.6151 24.0869 41.6062 24.0607 41.5921 24.026C41.5831 24.0061 41.5753 23.9846 41.5706 23.9762C41.559 23.95 41.5475 23.9248 41.5291 23.887L41.5008 23.8356C41.4877 23.8126 41.4735 23.7879 41.4562 23.7596C41.4462 23.7449 41.4363 23.7297 41.42 23.7082C41.4053 23.6851 41.3891 23.6636 41.367 23.6337C41.3529 23.6169 41.3387 23.6007 41.324 23.5839L40.9291 23.929L41.3104 23.5671C41.2962 23.5508 41.2821 23.5346 41.2732 23.5246C41.2501 23.501 41.2259 23.4779 41.1992 23.4533C41.184 23.4386 41.1677 23.4234 41.1609 23.4187C41.1315 23.3924 41.1011 23.3688 41.0791 23.3526C41.0681 23.3442 41.0586 23.3363 41.0476 23.3295L41.0119 23.3048C40.9941 23.2917 40.9726 23.2797 40.9469 23.2634C40.9286 23.2519 40.9097 23.2403 40.896 23.2335C40.8808 23.223 40.864 23.2151 40.8341 23.2005C40.8153 23.1921 40.7974 23.1826 40.7791 23.1742L31.3562 19.1926L27.7098 12.7967C27.4307 12.3047 26.9052 12 26.3403 12C26.067 12 25.7984 12.0719 25.5614 12.2067C25.1953 12.4149 24.9325 12.7537 24.8218 13.1597C24.7101 13.5646 24.7641 13.9895 24.9718 14.3561L28.8946 21.2393C29.1003 21.5996 29.4438 21.8671 29.8451 21.9778L37.7133 25.3006L33.92 30.6617C33.9127 30.6727 33.9048 30.6847 33.8969 30.6978L33.855 30.7639C33.8434 30.7833 33.8335 30.8017 33.8151 30.8347C33.8041 30.8562 33.7931 30.8799 33.7826 30.9008C33.7716 30.9244 33.7611 30.9475 33.7495 30.9758C33.7411 30.9973 33.7333 31.0183 33.7196 31.0566C33.7113 31.0781 33.705 31.0996 33.6966 31.1258C33.6897 31.1474 33.685 31.1673 33.6787 31.1935C33.6735 31.215 33.6677 31.2386 33.6619 31.2685C33.6572 31.2932 33.653 31.3178 33.6494 31.3456C33.6457 31.3708 33.6425 31.3939 33.6404 31.4117C33.6373 31.4385 33.6357 31.4652 33.6347 31.4909L33.6336 31.5108C33.6331 31.5308 33.632 31.5502 33.632 31.5701C33.632 31.5969 33.6336 31.6231 33.6347 31.6525C33.6362 31.6776 33.6383 31.7007 33.6404 31.7254C33.6425 31.7505 33.6457 31.7768 33.6509 31.803C33.6541 31.8261 33.6577 31.8476 33.663 31.8775L34.1214 33.8654L23.0579 36.8598L23.028 36.8698C23.0023 36.8782 22.9766 36.8861 22.9519 36.895L22.933 36.9013C22.9157 36.9081 22.8995 36.9128 22.8874 36.918C22.8591 36.9291 22.8313 36.9427 22.8103 36.9521C22.7867 36.9637 22.7636 36.9736 22.7484 36.982C22.7232 36.9952 22.6991 37.0088 22.6828 37.0182C22.6566 37.035 22.6299 37.0502 22.6068 37.0665C22.5868 37.0796 22.5669 37.0932 22.5433 37.1111C22.5223 37.1258 22.5024 37.141 22.4872 37.1525C22.4715 37.1656 22.4547 37.1787 22.44 37.1934L22.7888 37.5852L22.4253 37.2065C22.409 37.2212 22.3917 37.2364 22.3676 37.2595C22.3545 37.2726 22.343 37.2863 22.3288 37.3009C22.3099 37.3209 22.291 37.3424 22.2721 37.3639C22.2575 37.3817 22.2438 37.398 22.2302 37.4169L22.6472 37.7358L22.216 37.4347C22.205 37.4515 22.1929 37.4667 22.1814 37.4829C22.1678 37.5029 22.1541 37.5244 22.1421 37.5438L22.5884 37.8197L22.1326 37.5585C22.1216 37.5768 22.1111 37.5931 22.1027 37.6083C22.0896 37.6335 22.0775 37.6581 22.0613 37.6891C22.0529 37.7059 22.045 37.7221 22.0345 37.7452C22.0246 37.7667 22.0167 37.7898 22.0073 37.8129L21.98 37.8858C21.9716 37.911 21.9653 37.9356 21.9532 37.9786C21.9485 38.0001 21.9422 38.0195 21.9401 38.0316C21.9344 38.0547 21.9302 38.0798 21.9239 38.1176C21.9186 38.1438 21.9155 38.1706 21.9118 38.2L21.906 38.2577C21.9039 38.2844 21.9024 38.3106 21.9018 38.3437L21.9008 38.3799C21.9008 44.7915 27.1176 50.0083 33.5292 50.0083C34.3984 50.0083 35.1049 49.3008 35.1049 48.4332C35.1049 47.5641 34.3984 46.857 33.5292 46.857C29.3221 46.857 25.7161 43.6874 25.1344 39.5632L36.4025 36.5126C36.4235 36.5079 36.444 36.5016 36.4702 36.4932C36.4927 36.4843 36.5153 36.4785 36.5368 36.4717C36.5615 36.4612 36.5872 36.4518 36.606 36.4418C36.6328 36.4313 36.659 36.4203 36.6852 36.4087C36.7052 36.3988 36.7246 36.3872 36.7597 36.3694C36.7802 36.3579 36.8012 36.3458 36.8137 36.3374C36.8379 36.3248 36.8615 36.3075 36.884 36.2928C36.904 36.2797 36.9228 36.2645 36.947 36.2482C36.9685 36.232 36.9889 36.2157 37.0041 36.2021C37.0241 36.1858 37.044 36.169 37.0687 36.146C37.086 36.1297 37.1022 36.1134 37.1185 36.0982C37.1358 36.0799 37.1531 36.062 37.1715 36.0421C37.1898 36.0222 37.2061 36.0007 37.2171 35.9891C37.2328 35.9708 37.247 35.9508 37.2674 35.9246C37.2821 35.9047 37.2968 35.8832 37.3073 35.8669C37.3209 35.847 37.3346 35.8255 37.355 35.7924L37.3939 35.7211C37.4033 35.7027 37.4127 35.6849 37.4211 35.6666C37.4321 35.6451 37.4411 35.6215 37.4531 35.5968C37.4631 35.5721 37.4725 35.547 37.4762 35.536C37.4862 35.5124 37.4935 35.4893 37.503 35.4583C37.5113 35.4337 37.5182 35.4069 37.5239 35.387C37.5308 35.3587 37.537 35.3314 37.5412 35.3099C37.5475 35.2816 37.5523 35.2553 37.5554 35.237C37.5596 35.2102 37.5622 35.1824 37.5654 35.1562C37.569 35.1295 37.5706 35.1048 37.5722 35.0754C37.5738 35.0487 37.5738 35.0219 37.5738 35.0025C37.5748 34.9758 37.5748 34.949 37.5738 34.9275C37.5685 34.9034 37.5669 34.8787 37.5633 34.8373Z"
+        fill="white"
+      />
+      <path
+        d="M25.8838 22.8244C26.1203 22.4756 26.2058 22.0555 26.1251 21.6427C26.0459 21.2294 25.8093 20.8722 25.4605 20.6377C25.1988 20.461 24.894 20.3665 24.5798 20.3665C24.0543 20.3665 23.566 20.6262 23.2728 21.0605C22.5757 22.0938 21.6405 22.8517 20.6381 23.1989C19.7994 23.49 19.021 23.4402 18.4572 23.0583C18.1949 22.8811 17.8912 22.7887 17.576 22.7887C17.0515 22.7887 16.5621 23.0479 16.2689 23.4827C15.7832 24.2028 15.9736 25.1826 16.6933 25.6704C17.0352 25.9017 17.405 26.09 17.7921 26.2301C18.3591 26.4357 18.9644 26.5395 19.5917 26.5395C19.5928 26.5395 19.5928 26.5395 19.5928 26.5395C20.2725 26.5395 20.9717 26.4173 21.6693 26.1761C23.3105 25.608 24.808 24.4189 25.8838 22.8244Z"
+        fill="white"
+      />
+      <path
+        d="M42.9357 38.1438C42.6121 37.8202 42.182 37.6419 41.7246 37.6419C41.2667 37.6419 40.8371 37.8202 40.513 38.1438C40.1894 38.4664 40.0121 38.8981 40.0121 39.3555C40.0121 39.8134 40.1894 40.2429 40.513 40.5671C41.4199 41.4729 41.9192 42.6772 41.9192 43.9581C41.9192 45.2368 41.4204 46.4416 40.513 47.349C40.1894 47.6727 40.0121 48.1028 40.0121 48.5607C40.0121 49.018 40.1894 49.4476 40.513 49.7718C40.8366 50.0938 41.2667 50.2727 41.7246 50.2727C42.182 50.2727 42.6116 50.0938 42.9357 49.7718C44.4893 48.2187 45.3453 46.1532 45.3453 43.9586C45.3453 41.764 44.4888 39.6974 42.9357 38.1438Z"
+        fill="white"
+      />
+      <path
+        d="M46.8611 34.4475C46.538 34.1255 46.1074 33.9466 45.6506 33.9466C45.1927 33.9466 44.7626 34.1255 44.4389 34.4475C44.1153 34.7711 43.9365 35.2012 43.9365 35.6586C43.9365 36.1165 44.1153 36.5461 44.4389 36.8702C46.4861 38.9174 47.6133 41.636 47.6133 44.5281C47.6133 47.4182 46.4866 50.1378 44.4389 52.186C43.7718 52.8532 43.7718 53.9395 44.4389 54.6082C44.762 54.9303 45.1927 55.1091 45.6506 55.1091C46.1074 55.1091 46.5375 54.9303 46.8611 54.6082C49.5556 51.9127 51.0394 48.334 51.0394 44.5281C51.0394 40.7223 49.5556 37.1425 46.8611 34.4475Z"
+        fill="white"
+      />
+      <path
+        d="M51.1224 30.3507C50.7993 30.0271 50.3681 29.8482 49.9113 29.8482C49.4539 29.8482 49.0243 30.0271 48.7007 30.3507C48.0335 31.0179 48.0335 32.1041 48.7007 32.7713C51.8431 35.9142 53.574 40.0904 53.574 44.5272C53.574 48.9641 51.8431 53.1397 48.7007 56.281C48.0325 56.9503 48.0335 58.0361 48.7002 58.7038C49.0233 59.0279 49.4539 59.2063 49.9123 59.2063C50.3692 59.2063 50.7993 59.0279 51.1224 58.7043C54.913 54.9147 57.0001 49.8799 57.0001 44.5278C57.0001 39.1756 54.9125 34.1403 51.1224 30.3507Z"
+        fill="white"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/assets/icons/ic_add.svg b/src/assets/icons/ic_add.vue
similarity index 58%
rename from src/assets/icons/ic_add.svg
rename to src/assets/icons/ic_add.vue
index f7efc88..9395937 100644
--- a/src/assets/icons/ic_add.svg
+++ b/src/assets/icons/ic_add.vue
@@ -1,4 +1,13 @@
-<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.7674 6.32558H8.55814V1.11628C8.55814 0.483721 8.07442 0 7.44186 0C6.8093 0 6.32558 0.483721 6.32558 1.11628V6.32558H1.11628C0.483721 6.32558 0 6.8093 0 7.44186C0 8.07442 0.483721 8.55814 1.11628 8.55814H6.32558V13.7674C6.32558 14.4 6.8093 14.8837 7.44186 14.8837C8.07442 14.8837 8.55814 14.4 8.55814 13.7674V8.55814H13.7674C14.4 8.55814 14.8837 8.07442 14.8837 7.44186C14.8837 6.8093 14.4 6.32558 13.7674 6.32558Z" fill="black" fill-opacity="0.5"/>
-<path d="M13.7674 6.32558H8.55814V1.11628C8.55814 0.483721 8.07442 0 7.44186 0C6.8093 0 6.32558 0.483721 6.32558 1.11628V6.32558H1.11628C0.483721 6.32558 0 6.8093 0 7.44186C0 8.07442 0.483721 8.55814 1.11628 8.55814H6.32558V13.7674C6.32558 14.4 6.8093 14.8837 7.44186 14.8837C8.07442 14.8837 8.55814 14.4 8.55814 13.7674V8.55814H13.7674C14.4 8.55814 14.8837 8.07442 14.8837 7.44186C14.8837 6.8093 14.4 6.32558 13.7674 6.32558Z" fill="#242424"/>
-</svg>
+<template>
+  <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M13.7674 6.32558H8.55814V1.11628C8.55814 0.483721 8.07442 0 7.44186 0C6.8093 0 6.32558 0.483721 6.32558 1.11628V6.32558H1.11628C0.483721 6.32558 0 6.8093 0 7.44186C0 8.07442 0.483721 8.55814 1.11628 8.55814H6.32558V13.7674C6.32558 14.4 6.8093 14.8837 7.44186 14.8837C8.07442 14.8837 8.55814 14.4 8.55814 13.7674V8.55814H13.7674C14.4 8.55814 14.8837 8.07442 14.8837 7.44186C14.8837 6.8093 14.4 6.32558 13.7674 6.32558Z"
+      fill="black"
+      fill-opacity="0.5"
+    />
+    <path
+      d="M13.7674 6.32558H8.55814V1.11628C8.55814 0.483721 8.07442 0 7.44186 0C6.8093 0 6.32558 0.483721 6.32558 1.11628V6.32558H1.11628C0.483721 6.32558 0 6.8093 0 7.44186C0 8.07442 0.483721 8.55814 1.11628 8.55814H6.32558V13.7674C6.32558 14.4 6.8093 14.8837 7.44186 14.8837C8.07442 14.8837 8.55814 14.4 8.55814 13.7674V8.55814H13.7674C14.4 8.55814 14.8837 8.07442 14.8837 7.44186C14.8837 6.8093 14.4 6.32558 13.7674 6.32558Z"
+      fill="#242424"
+    />
+  </svg>
+</template>
diff --git a/src/assets/icons/ic_check.svg b/src/assets/icons/ic_check.vue
similarity index 57%
rename from src/assets/icons/ic_check.svg
rename to src/assets/icons/ic_check.vue
index 229191f..da75cc6 100644
--- a/src/assets/icons/ic_check.svg
+++ b/src/assets/icons/ic_check.vue
@@ -1,3 +1,8 @@
-<svg width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.9265 0.278549C13.6041 -0.0706278 13.0413 -0.0953257 12.6944 0.225985L4.74201 7.59645C4.66894 7.6675 4.55947 7.67068 4.48341 7.6057L2.44807 5.93997C2.20767 5.74531 1.92476 5.64018 1.62665 5.64018C1.22503 5.64018 0.844759 5.83181 0.586146 6.15932L0.321439 6.49622C-0.153089 7.10185 -0.095373 7.992 0.449243 8.52339L3.64365 11.6229C3.89315 11.8671 4.2187 12 4.55335 12C4.93661 12 5.30168 11.827 5.5603 11.521L13.9508 1.5886C14.2672 1.21487 14.2581 0.64014 13.9265 0.278521L13.9265 0.278549Z" fill="black"/>
-</svg>
+<template>
+  <svg width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M13.9265 0.278549C13.6041 -0.0706278 13.0413 -0.0953257 12.6944 0.225985L4.74201 7.59645C4.66894 7.6675 4.55947 7.67068 4.48341 7.6057L2.44807 5.93997C2.20767 5.74531 1.92476 5.64018 1.62665 5.64018C1.22503 5.64018 0.844759 5.83181 0.586146 6.15932L0.321439 6.49622C-0.153089 7.10185 -0.095373 7.992 0.449243 8.52339L3.64365 11.6229C3.89315 11.8671 4.2187 12 4.55335 12C4.93661 12 5.30168 11.827 5.5603 11.521L13.9508 1.5886C14.2672 1.21487 14.2581 0.64014 13.9265 0.278521L13.9265 0.278549Z"
+      fill="black"
+    />
+  </svg>
+</template>
diff --git a/src/assets/icons/ic_check_small.svg b/src/assets/icons/ic_check_small.vue
similarity index 57%
rename from src/assets/icons/ic_check_small.svg
rename to src/assets/icons/ic_check_small.vue
index 36e9a13..4705b80 100644
--- a/src/assets/icons/ic_check_small.svg
+++ b/src/assets/icons/ic_check_small.vue
@@ -1,3 +1,8 @@
-<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.83799 0.185699C8.63338 -0.0470852 8.2762 -0.0635505 8.05605 0.150657L3.00935 5.0643C2.96298 5.11167 2.89351 5.11379 2.84524 5.07047L1.55358 3.95998C1.40102 3.83021 1.22148 3.76012 1.03229 3.76012C0.777422 3.76012 0.536097 3.88787 0.371977 4.10621L0.20399 4.33081C-0.0971529 4.73456 -0.0605251 5.328 0.285096 5.68226L2.31232 7.74863C2.47065 7.91143 2.67725 8 2.88963 8C3.13285 8 3.36453 7.88467 3.52865 7.68068L8.85337 1.05907C9.0542 0.809911 9.04842 0.42676 8.83794 0.185681L8.83799 0.185699Z" fill="black"/>
-</svg>
+<template>
+  <svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M8.83799 0.185699C8.63338 -0.0470852 8.2762 -0.0635505 8.05605 0.150657L3.00935 5.0643C2.96298 5.11167 2.89351 5.11379 2.84524 5.07047L1.55358 3.95998C1.40102 3.83021 1.22148 3.76012 1.03229 3.76012C0.777422 3.76012 0.536097 3.88787 0.371977 4.10621L0.20399 4.33081C-0.0971529 4.73456 -0.0605251 5.328 0.285096 5.68226L2.31232 7.74863C2.47065 7.91143 2.67725 8 2.88963 8C3.13285 8 3.36453 7.88467 3.52865 7.68068L8.85337 1.05907C9.0542 0.809911 9.04842 0.42676 8.83794 0.185681L8.83799 0.185699Z"
+      fill="black"
+    />
+  </svg>
+</template>
diff --git a/src/assets/icons/ic_export.svg b/src/assets/icons/ic_export.svg
index d6f2d8e..00be4d9 100644
--- a/src/assets/icons/ic_export.svg
+++ b/src/assets/icons/ic_export.svg
@@ -1,4 +1,8 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
-    xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.55 3H7.25C7.71944 3 8.1 3.38056 8.1 3.85C8.1 4.28591 7.77187 4.64518 7.34913 4.69428L7.25 4.7H5.55C5.11409 4.7 4.75482 5.02813 4.70572 5.45087L4.7 5.55V17.45C4.7 17.8859 5.02813 18.2452 5.45087 18.2943L5.55 18.3H17.45C17.8859 18.3 18.2452 17.9719 18.2943 17.5491L18.3 17.45V15.75C18.3 15.2806 18.6806 14.9 19.15 14.9C19.5859 14.9 19.9452 15.2281 19.9943 15.6509L20 15.75V17.45C20 18.808 18.9384 19.9181 17.5998 19.9957L17.45 20H5.55C4.19197 20 3.08189 18.9384 3.00433 17.5998L3 17.45V5.55C3 4.19197 4.06158 3.08189 5.40017 3.00433L5.55 3ZM19.15 3L19.2188 3.00255L19.3206 3.0172L19.4153 3.04228L19.5097 3.07962L19.5926 3.1241L19.6742 3.18087L19.751 3.24896L19.8331 3.34399L19.894 3.43855L19.9204 3.49037L19.9491 3.5596L19.9695 3.62391L19.9941 3.74962L20 3.85V8.95C20 9.41944 19.6194 9.8 19.15 9.8C18.6806 9.8 18.3 9.41944 18.3 8.95V5.9019L12.951 11.251C12.6446 11.5575 12.1625 11.581 11.829 11.3218L11.749 11.251C11.4425 10.9446 11.419 10.4625 11.6782 10.129L11.749 10.049L17.0964 4.7H14.05C13.5806 4.7 13.2 4.31944 13.2 3.85C13.2 3.38056 13.5806 3 14.05 3H19.15Z" fill="black"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M5.55 3H7.25C7.71944 3 8.1 3.38056 8.1 3.85C8.1 4.28591 7.77187 4.64518 7.34913 4.69428L7.25 4.7H5.55C5.11409 4.7 4.75482 5.02813 4.70572 5.45087L4.7 5.55V17.45C4.7 17.8859 5.02813 18.2452 5.45087 18.2943L5.55 18.3H17.45C17.8859 18.3 18.2452 17.9719 18.2943 17.5491L18.3 17.45V15.75C18.3 15.2806 18.6806 14.9 19.15 14.9C19.5859 14.9 19.9452 15.2281 19.9943 15.6509L20 15.75V17.45C20 18.808 18.9384 19.9181 17.5998 19.9957L17.45 20H5.55C4.19197 20 3.08189 18.9384 3.00433 17.5998L3 17.45V5.55C3 4.19197 4.06158 3.08189 5.40017 3.00433L5.55 3ZM19.15 3L19.2188 3.00255L19.3206 3.0172L19.4153 3.04228L19.5097 3.07962L19.5926 3.1241L19.6742 3.18087L19.751 3.24896L19.8331 3.34399L19.894 3.43855L19.9204 3.49037L19.9491 3.5596L19.9695 3.62391L19.9941 3.74962L20 3.85V8.95C20 9.41944 19.6194 9.8 19.15 9.8C18.6806 9.8 18.3 9.41944 18.3 8.95V5.9019L12.951 11.251C12.6446 11.5575 12.1625 11.581 11.829 11.3218L11.749 11.251C11.4425 10.9446 11.419 10.4625 11.6782 10.129L11.749 10.049L17.0964 4.7H14.05C13.5806 4.7 13.2 4.31944 13.2 3.85C13.2 3.38056 13.5806 3 14.05 3H19.15Z"
+      fill="black"
+    />
+  </svg>
diff --git a/src/assets/icons/ic_poll.svg b/src/assets/icons/ic_poll.vue
similarity index 55%
rename from src/assets/icons/ic_poll.svg
rename to src/assets/icons/ic_poll.vue
index 4e711d5..c9851e3 100644
--- a/src/assets/icons/ic_poll.svg
+++ b/src/assets/icons/ic_poll.vue
@@ -1,6 +1,20 @@
-<svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.31462 16.4718C3.31462 16.9496 3.70026 17.3368 4.17609 17.3368L16.1385 17.3368C16.6144 17.3368 17 16.9496 17 16.4718L16.9998 13.6229C16.9998 13.1452 16.6142 12.7579 16.1383 12.7579L4.1764 12.7579C3.70056 12.7579 3.31492 13.1452 3.31492 13.6229L3.31512 16.4718L3.31462 16.4718Z" fill="white"/>
-<path d="M3.31462 10.4557C3.31462 10.9335 3.70026 11.3208 4.17609 11.3208L11.3428 11.3208C11.8186 11.3208 12.2043 10.9335 12.2043 10.4557L12.2043 7.60711C12.2043 7.12931 11.8186 6.74208 11.3428 6.74208L4.17609 6.74208C3.70026 6.74208 3.31462 7.12932 3.31462 7.60711L3.31462 10.4557Z" fill="white"/>
-<path d="M3.31451 1.59127L3.31451 4.44011C3.31451 4.91791 3.70016 5.30514 4.17598 5.30514L6.99509 5.30514C7.47093 5.30514 7.85657 4.91791 7.85657 4.44011L7.85637 1.59127C7.85637 1.11347 7.47073 0.726242 6.9949 0.726242L4.17599 0.726242C3.70035 0.726242 3.31452 1.11348 3.31452 1.59127L3.31451 1.59127Z" fill="white"/>
-<path d="M-2.00529e-05 0.587841L-2.0791e-05 17.4747C-2.08052e-05 17.7995 0.262306 18.0625 0.585404 18.0625L1.38198 18.0625C1.70528 18.0625 1.96741 17.7995 1.96741 17.4747L1.96741 0.587841C1.96741 0.263208 1.70508 -1.14667e-08 1.38198 -2.55897e-08L0.585405 -6.04092e-08C0.261911 -7.45496e-08 -2.00387e-05 0.263213 -2.00529e-05 0.587841Z" fill="white"/>
-</svg>
+<template>
+  <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M3.31462 16.4718C3.31462 16.9496 3.70026 17.3368 4.17609 17.3368L16.1385 17.3368C16.6144 17.3368 17 16.9496 17 16.4718L16.9998 13.6229C16.9998 13.1452 16.6142 12.7579 16.1383 12.7579L4.1764 12.7579C3.70056 12.7579 3.31492 13.1452 3.31492 13.6229L3.31512 16.4718L3.31462 16.4718Z"
+      fill="white"
+    />
+    <path
+      d="M3.31462 10.4557C3.31462 10.9335 3.70026 11.3208 4.17609 11.3208L11.3428 11.3208C11.8186 11.3208 12.2043 10.9335 12.2043 10.4557L12.2043 7.60711C12.2043 7.12931 11.8186 6.74208 11.3428 6.74208L4.17609 6.74208C3.70026 6.74208 3.31462 7.12932 3.31462 7.60711L3.31462 10.4557Z"
+      fill="white"
+    />
+    <path
+      d="M3.31451 1.59127L3.31451 4.44011C3.31451 4.91791 3.70016 5.30514 4.17598 5.30514L6.99509 5.30514C7.47093 5.30514 7.85657 4.91791 7.85657 4.44011L7.85637 1.59127C7.85637 1.11347 7.47073 0.726242 6.9949 0.726242L4.17599 0.726242C3.70035 0.726242 3.31452 1.11348 3.31452 1.59127L3.31451 1.59127Z"
+      fill="white"
+    />
+    <path
+      d="M-2.00529e-05 0.587841L-2.0791e-05 17.4747C-2.08052e-05 17.7995 0.262306 18.0625 0.585404 18.0625L1.38198 18.0625C1.70528 18.0625 1.96741 17.7995 1.96741 17.4747L1.96741 0.587841C1.96741 0.263208 1.70508 -1.14667e-08 1.38198 -2.55897e-08L0.585405 -6.04092e-08C0.261911 -7.45496e-08 -2.00387e-05 0.263213 -2.00529e-05 0.587841Z"
+      fill="white"
+    />
+  </svg>
+</template>
diff --git a/src/assets/icons/ic_share.svg b/src/assets/icons/ic_share.svg
deleted file mode 100644
index 1ef4e66..0000000
--- a/src/assets/icons/ic_share.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="17" viewBox="0 0 24 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2477 0.000670823C16.1384 0.00531075 16.0311 0.0307591 15.9314 0.0754688C15.7815 0.142957 15.6546 0.25192 15.5656 0.389005C15.4766 0.526231 15.4291 0.685951 15.4291 0.849038V3.32107C14.7529 3.28142 14.0829 3.28494 13.4234 3.33598C6.62122 3.86253 0.885374 9.07191 0.00664931 16.0431H0.00679109C-0.0251098 16.2933 0.0564145 16.5444 0.229528 16.7288C0.402641 16.9133 0.649181 17.0122 0.902999 16.9988C1.15679 16.9853 1.39143 16.8609 1.54355 16.6591C4.61977 12.5918 9.44481 10.1994 14.572 10.1994H15.4292V12.7494C15.4295 12.9682 15.5147 13.1784 15.6674 13.3364C15.8199 13.4945 16.0281 13.5881 16.2484 13.5978C16.4687 13.6075 16.6845 13.5326 16.8505 13.3886L23.7079 7.43851C23.8935 7.2771 24 7.04413 24 6.79934C24 6.55455 23.8935 6.3216 23.7079 6.16016L16.8505 0.210072C16.6844 0.0659577 16.4685 -0.00898088 16.2478 0.000859754L16.2477 0.000670823Z" fill="currentColor"/>
-</svg>
diff --git a/src/assets/icons/ic_share.vue b/src/assets/icons/ic_share.vue
new file mode 100644
index 0000000..a1f5fae
--- /dev/null
+++ b/src/assets/icons/ic_share.vue
@@ -0,0 +1,10 @@
+<template>
+  <svg width="24" height="17" viewBox="0 0 24 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M16.2477 0.000670823C16.1384 0.00531075 16.0311 0.0307591 15.9314 0.0754688C15.7815 0.142957 15.6546 0.25192 15.5656 0.389005C15.4766 0.526231 15.4291 0.685951 15.4291 0.849038V3.32107C14.7529 3.28142 14.0829 3.28494 13.4234 3.33598C6.62122 3.86253 0.885374 9.07191 0.00664931 16.0431H0.00679109C-0.0251098 16.2933 0.0564145 16.5444 0.229528 16.7288C0.402641 16.9133 0.649181 17.0122 0.902999 16.9988C1.15679 16.9853 1.39143 16.8609 1.54355 16.6591C4.61977 12.5918 9.44481 10.1994 14.572 10.1994H15.4292V12.7494C15.4295 12.9682 15.5147 13.1784 15.6674 13.3364C15.8199 13.4945 16.0281 13.5881 16.2484 13.5978C16.4687 13.6075 16.6845 13.5326 16.8505 13.3886L23.7079 7.43851C23.8935 7.2771 24 7.04413 24 6.79934C24 6.55455 23.8935 6.3216 23.7079 6.16016L16.8505 0.210072C16.6844 0.0659577 16.4685 -0.00898088 16.2478 0.000859754L16.2477 0.000670823Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
diff --git a/src/assets/icons/timer.svg b/src/assets/icons/timer.vue
similarity index 64%
rename from src/assets/icons/timer.svg
rename to src/assets/icons/timer.vue
index 054a588..ff4c1d2 100644
--- a/src/assets/icons/timer.svg
+++ b/src/assets/icons/timer.vue
@@ -1,10 +1,36 @@
-<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.08333 5.77777H0.361111C0.161778 5.77777 0 5.93955 0 6.13888C0 6.33822 0.161778 6.49999 0.361111 6.49999H1.08333C1.28267 6.49999 1.44444 6.33822 1.44444 6.13888C1.44444 5.93955 1.28267 5.77777 1.08333 5.77777Z" fill="black"/>
-<path d="M1.08333 5.77777H0.361111C0.161778 5.77777 0 5.93955 0 6.13888C0 6.33822 0.161778 6.49999 0.361111 6.49999H1.08333C1.28267 6.49999 1.44444 6.33822 1.44444 6.13888C1.44444 5.93955 1.28267 5.77777 1.08333 5.77777Z" fill="black"/>
-<path d="M1.08333 8.66669H0.361111C0.161778 8.66669 0 8.82846 0 9.0278C0 9.22713 0.161778 9.38891 0.361111 9.38891H1.08333C1.28267 9.38891 1.44444 9.22713 1.44444 9.0278C1.44444 8.82846 1.28267 8.66669 1.08333 8.66669Z" fill="black"/>
-<path d="M1.08333 8.66669H0.361111C0.161778 8.66669 0 8.82846 0 9.0278C0 9.22713 0.161778 9.38891 0.361111 9.38891H1.08333C1.28267 9.38891 1.44444 9.22713 1.44444 9.0278C1.44444 8.82846 1.28267 8.66669 1.08333 8.66669Z" fill="black"/>
-<path d="M11.6553 4.02206L12.1724 3.50494C12.3132 3.36411 12.3132 3.13517 12.1724 2.99433C12.0316 2.8535 11.8026 2.8535 11.6618 2.99433L11.1447 3.51144C10.2766 2.75239 9.1658 2.26633 7.94453 2.18472V0.722222H9.02786C9.22719 0.722222 9.38897 0.560444 9.38897 0.361111C9.38897 0.161778 9.22719 0 9.02786 0H6.13897C5.93964 0 5.77786 0.161778 5.77786 0.361111C5.77786 0.560444 5.93964 0.722222 6.13897 0.722222H7.2223V2.18472C4.40419 2.37178 2.16675 4.71828 2.16675 7.58333C2.16675 10.5704 4.5963 13 7.58341 13C10.5705 13 13.0001 10.5704 13.0001 7.58333C13.0001 6.21978 12.4895 4.97611 11.6553 4.02206ZM7.58341 12.2778C4.99497 12.2778 2.88897 10.1718 2.88897 7.58333C2.88897 4.99489 4.99497 2.88889 7.58341 2.88889C10.1719 2.88889 12.2779 4.99489 12.2779 7.58333C12.2779 10.1718 10.1719 12.2778 7.58341 12.2778Z" fill="black"/>
-<path d="M11.6553 4.02206L12.1724 3.50494C12.3132 3.36411 12.3132 3.13517 12.1724 2.99433C12.0316 2.8535 11.8026 2.8535 11.6618 2.99433L11.1447 3.51144C10.2766 2.75239 9.1658 2.26633 7.94453 2.18472V0.722222H9.02786C9.22719 0.722222 9.38897 0.560444 9.38897 0.361111C9.38897 0.161778 9.22719 0 9.02786 0H6.13897C5.93964 0 5.77786 0.161778 5.77786 0.361111C5.77786 0.560444 5.93964 0.722222 6.13897 0.722222H7.2223V2.18472C4.40419 2.37178 2.16675 4.71828 2.16675 7.58333C2.16675 10.5704 4.5963 13 7.58341 13C10.5705 13 13.0001 10.5704 13.0001 7.58333C13.0001 6.21978 12.4895 4.97611 11.6553 4.02206ZM7.58341 12.2778C4.99497 12.2778 2.88897 10.1718 2.88897 7.58333C2.88897 4.99489 4.99497 2.88889 7.58341 2.88889C10.1719 2.88889 12.2779 4.99489 12.2779 7.58333C12.2779 10.1718 10.1719 12.2778 7.58341 12.2778Z" fill="black"/>
-<path d="M7.58328 4.33331C7.38395 4.33331 7.22217 4.49509 7.22217 4.69442V7.58331C7.22217 7.78265 7.38395 7.94442 7.58328 7.94442C7.78261 7.94442 7.94439 7.78265 7.94439 7.58331V4.69442C7.94439 4.49509 7.78261 4.33331 7.58328 4.33331Z" fill="black"/>
-<path d="M7.58328 4.33331C7.38395 4.33331 7.22217 4.49509 7.22217 4.69442V7.58331C7.22217 7.78265 7.38395 7.94442 7.58328 7.94442C7.78261 7.94442 7.94439 7.78265 7.94439 7.58331V4.69442C7.94439 4.49509 7.78261 4.33331 7.58328 4.33331Z" fill="black"/>
-</svg>
+<template>
+  <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M1.08333 5.77777H0.361111C0.161778 5.77777 0 5.93955 0 6.13888C0 6.33822 0.161778 6.49999 0.361111 6.49999H1.08333C1.28267 6.49999 1.44444 6.33822 1.44444 6.13888C1.44444 5.93955 1.28267 5.77777 1.08333 5.77777Z"
+      fill="black"
+    />
+    <path
+      d="M1.08333 5.77777H0.361111C0.161778 5.77777 0 5.93955 0 6.13888C0 6.33822 0.161778 6.49999 0.361111 6.49999H1.08333C1.28267 6.49999 1.44444 6.33822 1.44444 6.13888C1.44444 5.93955 1.28267 5.77777 1.08333 5.77777Z"
+      fill="black"
+    />
+    <path
+      d="M1.08333 8.66669H0.361111C0.161778 8.66669 0 8.82846 0 9.0278C0 9.22713 0.161778 9.38891 0.361111 9.38891H1.08333C1.28267 9.38891 1.44444 9.22713 1.44444 9.0278C1.44444 8.82846 1.28267 8.66669 1.08333 8.66669Z"
+      fill="black"
+    />
+    <path
+      d="M1.08333 8.66669H0.361111C0.161778 8.66669 0 8.82846 0 9.0278C0 9.22713 0.161778 9.38891 0.361111 9.38891H1.08333C1.28267 9.38891 1.44444 9.22713 1.44444 9.0278C1.44444 8.82846 1.28267 8.66669 1.08333 8.66669Z"
+      fill="black"
+    />
+    <path
+      d="M11.6553 4.02206L12.1724 3.50494C12.3132 3.36411 12.3132 3.13517 12.1724 2.99433C12.0316 2.8535 11.8026 2.8535 11.6618 2.99433L11.1447 3.51144C10.2766 2.75239 9.1658 2.26633 7.94453 2.18472V0.722222H9.02786C9.22719 0.722222 9.38897 0.560444 9.38897 0.361111C9.38897 0.161778 9.22719 0 9.02786 0H6.13897C5.93964 0 5.77786 0.161778 5.77786 0.361111C5.77786 0.560444 5.93964 0.722222 6.13897 0.722222H7.2223V2.18472C4.40419 2.37178 2.16675 4.71828 2.16675 7.58333C2.16675 10.5704 4.5963 13 7.58341 13C10.5705 13 13.0001 10.5704 13.0001 7.58333C13.0001 6.21978 12.4895 4.97611 11.6553 4.02206ZM7.58341 12.2778C4.99497 12.2778 2.88897 10.1718 2.88897 7.58333C2.88897 4.99489 4.99497 2.88889 7.58341 2.88889C10.1719 2.88889 12.2779 4.99489 12.2779 7.58333C12.2779 10.1718 10.1719 12.2778 7.58341 12.2778Z"
+      fill="black"
+    />
+    <path
+      d="M11.6553 4.02206L12.1724 3.50494C12.3132 3.36411 12.3132 3.13517 12.1724 2.99433C12.0316 2.8535 11.8026 2.8535 11.6618 2.99433L11.1447 3.51144C10.2766 2.75239 9.1658 2.26633 7.94453 2.18472V0.722222H9.02786C9.22719 0.722222 9.38897 0.560444 9.38897 0.361111C9.38897 0.161778 9.22719 0 9.02786 0H6.13897C5.93964 0 5.77786 0.161778 5.77786 0.361111C5.77786 0.560444 5.93964 0.722222 6.13897 0.722222H7.2223V2.18472C4.40419 2.37178 2.16675 4.71828 2.16675 7.58333C2.16675 10.5704 4.5963 13 7.58341 13C10.5705 13 13.0001 10.5704 13.0001 7.58333C13.0001 6.21978 12.4895 4.97611 11.6553 4.02206ZM7.58341 12.2778C4.99497 12.2778 2.88897 10.1718 2.88897 7.58333C2.88897 4.99489 4.99497 2.88889 7.58341 2.88889C10.1719 2.88889 12.2779 4.99489 12.2779 7.58333C12.2779 10.1718 10.1719 12.2778 7.58341 12.2778Z"
+      fill="black"
+    />
+    <path
+      d="M7.58328 4.33331C7.38395 4.33331 7.22217 4.49509 7.22217 4.69442V7.58331C7.22217 7.78265 7.38395 7.94442 7.58328 7.94442C7.78261 7.94442 7.94439 7.78265 7.94439 7.58331V4.69442C7.94439 4.49509 7.78261 4.33331 7.58328 4.33331Z"
+      fill="black"
+    />
+    <path
+      d="M7.58328 4.33331C7.38395 4.33331 7.22217 4.49509 7.22217 4.69442V7.58331C7.22217 7.78265 7.38395 7.94442 7.58328 7.94442C7.78261 7.94442 7.94439 7.78265 7.94439 7.58331V4.69442C7.94439 4.49509 7.78261 4.33331 7.58328 4.33331Z"
+      fill="black"
+    />
+  </svg>
+</template>
diff --git a/src/assets/icons/trash.svg b/src/assets/icons/trash.vue
similarity index 69%
rename from src/assets/icons/trash.svg
rename to src/assets/icons/trash.vue
index 275eaa2..a8efb8c 100644
--- a/src/assets/icons/trash.svg
+++ b/src/assets/icons/trash.vue
@@ -1,5 +1,16 @@
-<svg width="28" height="33" viewBox="0 0 28 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.4989 0C9.22596 0 8.16477 1.0612 8.16477 2.33409V4.66819C5.83219 4.66819 3.49962 4.66819 1.16705 4.66819C0.52251 4.66819 0 5.1907 0 5.83524C0 6.47977 0.52251 7.00228 1.16705 7.00228H2.32953V29.1762C2.32953 31.0956 3.91123 32.6773 5.83067 32.6773H22.1693C24.0888 32.6773 25.6705 31.0956 25.6705 29.1762V7.00228H26.833C27.4775 7.00228 28 6.47977 28 5.83524C28 5.1907 27.4775 4.66819 26.833 4.66819C24.5004 4.66819 22.1678 4.66819 19.8352 4.66819V2.33409C19.8352 1.0612 18.774 0 17.5011 0H10.4989ZM10.4989 2.33409H17.5011V4.66819H10.4989V2.33409ZM4.66362 7.00228C10.8879 7.00228 17.1121 7.00228 23.3364 7.00228V29.1762C23.3364 29.8429 22.8361 30.3432 22.1693 30.3432H5.83067C5.16394 30.3432 4.66362 29.8429 4.66362 29.1762V7.00228Z" fill="white"/>
-<path d="M10.4991 12.8374C10.1896 12.8374 9.89272 12.9604 9.67385 13.1792C9.45499 13.3981 9.33203 13.6949 9.33203 14.0044V23.3408C9.33203 23.6503 9.45499 23.9472 9.67385 24.1661C9.89272 24.3849 10.1896 24.5079 10.4991 24.5079C10.8086 24.5079 11.1054 24.3849 11.3243 24.1661C11.5432 23.9472 11.6661 23.6503 11.6661 23.3408V14.0044C11.6661 13.6949 11.5432 13.3981 11.3243 13.1792C11.1054 12.9604 10.8086 12.8374 10.4991 12.8374Z" fill="white"/>
-<path d="M17.5015 12.8374C17.192 12.8374 16.8952 12.9604 16.6763 13.1792C16.4574 13.3981 16.3345 13.6949 16.3345 14.0044V23.3408C16.3345 23.6503 16.4574 23.9472 16.6763 24.1661C16.8952 24.3849 17.192 24.5079 17.5015 24.5079C17.811 24.5079 18.1079 24.3849 18.3267 24.1661C18.5456 23.9472 18.6686 23.6503 18.6686 23.3408V14.0044C18.6686 13.6949 18.5456 13.3981 18.3267 13.1792C18.1079 12.9604 17.811 12.8374 17.5015 12.8374Z" fill="white"/>
-</svg>
+<template>
+  <svg width="28" height="33" viewBox="0 0 28 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M10.4989 0C9.22596 0 8.16477 1.0612 8.16477 2.33409V4.66819C5.83219 4.66819 3.49962 4.66819 1.16705 4.66819C0.52251 4.66819 0 5.1907 0 5.83524C0 6.47977 0.52251 7.00228 1.16705 7.00228H2.32953V29.1762C2.32953 31.0956 3.91123 32.6773 5.83067 32.6773H22.1693C24.0888 32.6773 25.6705 31.0956 25.6705 29.1762V7.00228H26.833C27.4775 7.00228 28 6.47977 28 5.83524C28 5.1907 27.4775 4.66819 26.833 4.66819C24.5004 4.66819 22.1678 4.66819 19.8352 4.66819V2.33409C19.8352 1.0612 18.774 0 17.5011 0H10.4989ZM10.4989 2.33409H17.5011V4.66819H10.4989V2.33409ZM4.66362 7.00228C10.8879 7.00228 17.1121 7.00228 23.3364 7.00228V29.1762C23.3364 29.8429 22.8361 30.3432 22.1693 30.3432H5.83067C5.16394 30.3432 4.66362 29.8429 4.66362 29.1762V7.00228Z"
+      fill="white"
+    />
+    <path
+      d="M10.4991 12.8374C10.1896 12.8374 9.89272 12.9604 9.67385 13.1792C9.45499 13.3981 9.33203 13.6949 9.33203 14.0044V23.3408C9.33203 23.6503 9.45499 23.9472 9.67385 24.1661C9.89272 24.3849 10.1896 24.5079 10.4991 24.5079C10.8086 24.5079 11.1054 24.3849 11.3243 24.1661C11.5432 23.9472 11.6661 23.6503 11.6661 23.3408V14.0044C11.6661 13.6949 11.5432 13.3981 11.3243 13.1792C11.1054 12.9604 10.8086 12.8374 10.4991 12.8374Z"
+      fill="white"
+    />
+    <path
+      d="M17.5015 12.8374C17.192 12.8374 16.8952 12.9604 16.6763 13.1792C16.4574 13.3981 16.3345 13.6949 16.3345 14.0044V23.3408C16.3345 23.6503 16.4574 23.9472 16.6763 24.1661C16.8952 24.3849 17.192 24.5079 17.5015 24.5079C17.811 24.5079 18.1079 24.3849 18.3267 24.1661C18.5456 23.9472 18.6686 23.6503 18.6686 23.3408V14.0044C18.6686 13.6949 18.5456 13.3981 18.3267 13.1792C18.1079 12.9604 17.811 12.8374 17.5015 12.8374Z"
+      fill="white"
+    />
+  </svg>
+</template>
diff --git a/src/assets/icons/trash_black.svg b/src/assets/icons/trash_black.vue
similarity index 69%
rename from src/assets/icons/trash_black.svg
rename to src/assets/icons/trash_black.vue
index 024337a..bccd705 100644
--- a/src/assets/icons/trash_black.svg
+++ b/src/assets/icons/trash_black.vue
@@ -1,5 +1,16 @@
-<svg width="28" height="33" viewBox="0 0 28 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.4989 0C9.22596 0 8.16477 1.0612 8.16477 2.33409V4.66819C5.83219 4.66819 3.49962 4.66819 1.16705 4.66819C0.52251 4.66819 0 5.1907 0 5.83524C0 6.47977 0.52251 7.00228 1.16705 7.00228H2.32953V29.1762C2.32953 31.0956 3.91123 32.6773 5.83067 32.6773H22.1693C24.0888 32.6773 25.6705 31.0956 25.6705 29.1762V7.00228H26.833C27.4775 7.00228 28 6.47977 28 5.83524C28 5.1907 27.4775 4.66819 26.833 4.66819C24.5004 4.66819 22.1678 4.66819 19.8352 4.66819V2.33409C19.8352 1.0612 18.774 0 17.5011 0H10.4989ZM10.4989 2.33409H17.5011V4.66819H10.4989V2.33409ZM4.66362 7.00228C10.8879 7.00228 17.1121 7.00228 23.3364 7.00228V29.1762C23.3364 29.8429 22.8361 30.3432 22.1693 30.3432H5.83067C5.16394 30.3432 4.66362 29.8429 4.66362 29.1762V7.00228Z" fill="currentColor"/>
-<path d="M10.4991 12.8374C10.1896 12.8374 9.89272 12.9604 9.67385 13.1792C9.45499 13.3981 9.33203 13.6949 9.33203 14.0044V23.3408C9.33203 23.6503 9.45499 23.9472 9.67385 24.1661C9.89272 24.3849 10.1896 24.5079 10.4991 24.5079C10.8086 24.5079 11.1054 24.3849 11.3243 24.1661C11.5432 23.9472 11.6661 23.6503 11.6661 23.3408V14.0044C11.6661 13.6949 11.5432 13.3981 11.3243 13.1792C11.1054 12.9604 10.8086 12.8374 10.4991 12.8374Z" fill="currentColor"/>
-<path d="M17.5015 12.8374C17.192 12.8374 16.8952 12.9604 16.6763 13.1792C16.4574 13.3981 16.3345 13.6949 16.3345 14.0044V23.3408C16.3345 23.6503 16.4574 23.9472 16.6763 24.1661C16.8952 24.3849 17.192 24.5079 17.5015 24.5079C17.811 24.5079 18.1079 24.3849 18.3267 24.1661C18.5456 23.9472 18.6686 23.6503 18.6686 23.3408V14.0044C18.6686 13.6949 18.5456 13.3981 18.3267 13.1792C18.1079 12.9604 17.811 12.8374 17.5015 12.8374Z" fill="currentColor"/>
-</svg>
+<template>
+  <svg width="28" height="33" viewBox="0 0 28 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M10.4989 0C9.22596 0 8.16477 1.0612 8.16477 2.33409V4.66819C5.83219 4.66819 3.49962 4.66819 1.16705 4.66819C0.52251 4.66819 0 5.1907 0 5.83524C0 6.47977 0.52251 7.00228 1.16705 7.00228H2.32953V29.1762C2.32953 31.0956 3.91123 32.6773 5.83067 32.6773H22.1693C24.0888 32.6773 25.6705 31.0956 25.6705 29.1762V7.00228H26.833C27.4775 7.00228 28 6.47977 28 5.83524C28 5.1907 27.4775 4.66819 26.833 4.66819C24.5004 4.66819 22.1678 4.66819 19.8352 4.66819V2.33409C19.8352 1.0612 18.774 0 17.5011 0H10.4989ZM10.4989 2.33409H17.5011V4.66819H10.4989V2.33409ZM4.66362 7.00228C10.8879 7.00228 17.1121 7.00228 23.3364 7.00228V29.1762C23.3364 29.8429 22.8361 30.3432 22.1693 30.3432H5.83067C5.16394 30.3432 4.66362 29.8429 4.66362 29.1762V7.00228Z"
+      fill="currentColor"
+    />
+    <path
+      d="M10.4991 12.8374C10.1896 12.8374 9.89272 12.9604 9.67385 13.1792C9.45499 13.3981 9.33203 13.6949 9.33203 14.0044V23.3408C9.33203 23.6503 9.45499 23.9472 9.67385 24.1661C9.89272 24.3849 10.1896 24.5079 10.4991 24.5079C10.8086 24.5079 11.1054 24.3849 11.3243 24.1661C11.5432 23.9472 11.6661 23.6503 11.6661 23.3408V14.0044C11.6661 13.6949 11.5432 13.3981 11.3243 13.1792C11.1054 12.9604 10.8086 12.8374 10.4991 12.8374Z"
+      fill="currentColor"
+    />
+    <path
+      d="M17.5015 12.8374C17.192 12.8374 16.8952 12.9604 16.6763 13.1792C16.4574 13.3981 16.3345 13.6949 16.3345 14.0044V23.3408C16.3345 23.6503 16.4574 23.9472 16.6763 24.1661C16.8952 24.3849 17.192 24.5079 17.5015 24.5079C17.811 24.5079 18.1079 24.3849 18.3267 24.1661C18.5456 23.9472 18.6686 23.6503 18.6686 23.3408V14.0044C18.6686 13.6949 18.5456 13.3981 18.3267 13.1792C18.1079 12.9604 17.811 12.8374 17.5015 12.8374Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
diff --git a/src/assets/icons/video_message.svg b/src/assets/icons/video_message.svg
deleted file mode 100644
index d4aff6c..0000000
--- a/src/assets/icons/video_message.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="70" height="70" rx="12" fill="#242424"/>
-<circle cx="35" cy="35" r="14" fill="white" fill-opacity="0.8"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M32.6875 30.1891C32.2879 29.9393 31.7695 30.2266 31.7695 30.6979V39.302C31.7695 39.7733 32.2879 40.0606 32.6875 39.8108L39.5708 35.5088C39.9468 35.2738 39.9468 34.7262 39.5708 34.4912L32.6875 30.1891Z" fill="#242424"/>
-</svg>
diff --git a/src/assets/icons/video_message.vue b/src/assets/icons/video_message.vue
new file mode 100644
index 0000000..6f1ba79
--- /dev/null
+++ b/src/assets/icons/video_message.vue
@@ -0,0 +1,13 @@
+<template>
+  <svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="70" height="70" rx="12" fill="#242424" />
+    <circle cx="35" cy="35" r="14" fill="white" fill-opacity="0.8" />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M32.6875 30.1891C32.2879 29.9393 31.7695 30.2266 31.7695 30.6979V39.302C31.7695 39.7733 32.2879 40.0606 32.6875 39.8108L39.5708 35.5088C39.9468 35.2738 39.9468 34.7262 39.5708 34.4912L32.6875 30.1891Z"
+      fill="#242424"
+    />
+  </svg>
+  <template></template>
+</template>
diff --git a/src/components/Chat.vue b/src/components/Chat.vue
index 2e22618..666ee0c 100644
--- a/src/components/Chat.vue
+++ b/src/components/Chat.vue
@@ -143,8 +143,8 @@
             <div class="col col-auto" v-if="replyToContentType !== 'm.text'">
               <img v-if="replyToContentType === 'm.image'" width="50px" height="50px" :src="replyToImg"
                 class="rounded" />
-              <v-img v-if="replyToContentType === 'm.audio'" src="@/assets/icons/audio_message.svg" />
-              <v-img v-if="replyToContentType === 'm.video'" src="@/assets/icons/video_message.svg" />
+              <v-icon v-if="replyToContentType === 'm.audio'">$vuetify.icons.audio_message</v-icon>
+              <v-icon v-if="replyToContentType === 'm.video'">$vuetify.icons.video_message</v-icon>
               <v-icon v-if="replyToContentType === 'm.poll'" theme="light">$vuetify.icons.poll</v-icon>
             </div>
             <div class="col col-auto">
diff --git a/src/components/CreatePollDialog.vue b/src/components/CreatePollDialog.vue
index efc9489..28d83e7 100644
--- a/src/components/CreatePollDialog.vue
+++ b/src/components/CreatePollDialog.vue
@@ -59,7 +59,7 @@
             <v-row cols="12" no-gutters class="ma-0 pa-0">
               <v-col class="ma-0 pa-0">
                   <div :class="{'add-answer-button':true, 'clickable': true, 'hidden': addingAnswer}" @click.stop="addAnswer">
-                    <img src="@/assets/icons/ic_add.svg" />
+                    <v-icon>$vuetify.icons.ic_add</v-icon>
                   </div>
               </v-col>
             </v-row>
diff --git a/src/components/DeviceList.vue b/src/components/DeviceList.vue
index 567aaa5..ab305e8 100644
--- a/src/components/DeviceList.vue
+++ b/src/components/DeviceList.vue
@@ -5,11 +5,13 @@
         :key="device.deviceId"
         :value="device.deviceId"
       >
-        <template v-slot:default="{ isActive }">
+        <template v-slot:default>
             <v-list-item-title>{{ displayName(device) }}</v-list-item-title>
             <v-list-item-subtitle>{{
               verificationStatus(device)
             }}</v-list-item-subtitle>
+        </template>
+        <template v-slot:append="{ isActive }">
           <v-list-item-action v-if="isActive">
             <v-btn icon>
               <v-icon
diff --git a/src/components/GetLink.vue b/src/components/GetLink.vue
index c5e4920..29fb362 100644
--- a/src/components/GetLink.vue
+++ b/src/components/GetLink.vue
@@ -36,7 +36,7 @@
         <template v-slot:share>
           <div v-if="shareSupported" class="clickable create-share" @click="shareLink">
             <div>{{ $t("getlink.share_qr") }}</div>
-            <v-img src="@/assets/icons/ic_share.svg" />
+            <v-icon>$vuetify.icons.ic_share</v-icon>
           </div>
         </template>
       </copy-link>
diff --git a/src/components/Invite.vue b/src/components/Invite.vue
index f3b9b36..a2a54a6 100644
--- a/src/components/Invite.vue
+++ b/src/components/Invite.vue
@@ -43,11 +43,11 @@
                 }}</span>
               </v-avatar>
             </template>
-            <template v-slot:default="{ isActive }">
+            <template v-slot:default>
                 <v-list-item-title>{{ memberName(member) }}</v-list-item-title>
-              <v-list-item-subtitle
-                v-text="member.userId"
-              ></v-list-item-subtitle>
+              <v-list-item-subtitle>{{ member.userId }}</v-list-item-subtitle>
+            </template>
+            <template v-slot:append="{ isActive }">
               <v-list-item-action>
                 <v-btn icon v-if="isActive">
                   <v-icon color="grey-lighten-1">check</v-icon>
diff --git a/src/components/MoreMenuPopup.vue b/src/components/MoreMenuPopup.vue
index 9b28297..fb2105a 100644
--- a/src/components/MoreMenuPopup.vue
+++ b/src/components/MoreMenuPopup.vue
@@ -103,10 +103,11 @@ export default {
   font-weight: 400;
   letter-spacing: 0.4px;
   position: fixed;
-  margin: 0px;
+  margin: 0px !important;
   top: 70px;
   right: 10px;
   display: flex;
+  align-items: flex-end;
   justify-content: flex-end;
   box-shadow: none;
   pointer-events: none;
diff --git a/src/components/PurgeRoomDialog.vue b/src/components/PurgeRoomDialog.vue
index 757ca10..e8dc893 100644
--- a/src/components/PurgeRoomDialog.vue
+++ b/src/components/PurgeRoomDialog.vue
@@ -7,7 +7,7 @@
   >
     <div v-if="timeout == -1" class="dialog-content text-center">
       <template>
-        <v-img contain height="28" src="@/assets/icons/trash_black.svg" />
+        <v-icon size="28">$vuetify.icons.trash_black</v-icon>
         <h2 class="dialog-title">{{ $t("purge_room.title") }}</h2>
         <div class="dialog-text">
           {{ $t("purge_room.info") }}
@@ -49,12 +49,9 @@
     <!-- Timer -->
     <div v-if="timeout >= 0 && !isPurging" class="dialog-content text-center">
       <template>
-        <v-img
-          contain
-          width="20"
-          class="d-inline-block me-2"
-          src="@/assets/icons/timer.svg"
-        />{{ $t("purge_room.n_seconds", { seconds: timeout }) }}
+        <v-icon size="20"
+          class="d-inline-block me-2">$vuetify.icons.timer</v-icon>
+        {{ $t("purge_room.n_seconds", { seconds: timeout }) }}
         <h2 class="dialog-title mb-0">{{ $t("purge_room.self_destruct") }}</h2>
         <div class="dialog-text text-center mb-5">
           {{ $t("purge_room.notified") }}
diff --git a/src/components/QuoteView.vue b/src/components/QuoteView.vue
index 4db00ed..5b8e11b 100644
--- a/src/components/QuoteView.vue
+++ b/src/components/QuoteView.vue
@@ -6,7 +6,7 @@
         class="text-center d-flex flex-column goodbye-wrapper"
       >
         <div v-if="roomWasPurged">
-          <v-img src="@/assets/icons/trash.svg" />
+          <v-icon>$vuetify.icons.trash</v-icon>
         </div>
         <h2 v-if="roomWasPurged" class="text-white mt-2 mb-8">
           {{ $t("goodbye.room_deleted") }}
diff --git a/src/components/RoomInfo.vue b/src/components/RoomInfo.vue
index b293219..89499ef 100644
--- a/src/components/RoomInfo.vue
+++ b/src/components/RoomInfo.vue
@@ -135,20 +135,17 @@
           <v-list-item link v-on:click="showMessageRetentionDialog = true" class="px-0 pb-0">
             <template v-slot:prepend>
               <v-avatar class="mr-0 pb-0 mb-0">
-                <v-img
-                  contain
-                  width="24"
-                  height="24"
-                  src="@/assets/icons/timer.svg"
-                />
+                <v-icon>$vuetify.icons.timer</v-icon>
               </v-avatar>
             </template>
 
             {{ messageRetentionDisplay }}
 
-            <v-list-item-action class="pb-0 mb-0">
-              <v-icon>arrow_drop_down</v-icon>
-            </v-list-item-action>
+            <template v-slot:append>
+              <v-list-item-action class="pb-0 mb-0">
+                <v-icon>arrow_drop_down</v-icon>
+              </v-list-item-action>
+            </template>
           </v-list-item>
           <hr />
         </v-list>
diff --git a/src/components/messages/MessageIncomingPoll.vue b/src/components/messages/MessageIncomingPoll.vue
index fef2be5..cee6217 100644
--- a/src/components/messages/MessageIncomingPoll.vue
+++ b/src/components/messages/MessageIncomingPoll.vue
@@ -22,8 +22,8 @@
         >
           <v-col cols="auto" class="ma-0 pa-0 poll-answer-title">{{ answer.text }} {{ answer.max }}</v-col>
           <v-col v-if="answer.id == pollTentativeAnswer" cols="auto" class="ma-0 pa-0 poll-answer-title"
-            ><v-img class="poll-check-icon" src="@/assets/icons/ic_check.svg"
-          /></v-col>
+            ><v-icon class="poll-check-icon">$vuetify.icons.ic_check</v-icon>
+          </v-col>
           <v-col
             v-if="
               pollIsClosed || (pollIsDisclosed && userHasVoted) || (pollIsAdmin && (userHasVoted || pollViewResults))
@@ -71,7 +71,7 @@
               {{ $t("poll_create.close_poll") }}
             </div>
             <div class="poll-status-closed clickable" v-else-if="pollIsAdmin && pollIsClosed" @click.stop="pollClose">
-              <img class="icon" src="@/assets/icons/ic_check_small.svg" />
+              <v-icon class="icon">$vuetify.icons.ic_check_small</v-icon>
               {{ $t("poll_create.poll_status_closed") }}
             </div>
           </v-col>
diff --git a/src/components/messages/MessageOutgoingPoll.vue b/src/components/messages/MessageOutgoingPoll.vue
index 110aa6c..0563560 100644
--- a/src/components/messages/MessageOutgoingPoll.vue
+++ b/src/components/messages/MessageOutgoingPoll.vue
@@ -22,8 +22,8 @@
         >
           <v-col cols="auto" class="ma-0 pa-0 poll-answer-title">{{ answer.text }} {{ answer.max }}</v-col>
           <v-col v-if="answer.id == pollTentativeAnswer" cols="auto" class="ma-0 pa-0 poll-answer-title"
-            ><v-img class="poll-check-icon" src="@/assets/icons/ic_check.svg"
-          /></v-col>
+            ><v-icon class="poll-check-icon">$vuetify.icons.ic_check</v-icon>
+          </v-col>
           <v-col
             v-if="
               pollIsClosed || (pollIsDisclosed && userHasVoted) || (pollIsAdmin && (userHasVoted || pollViewResults))
@@ -71,7 +71,7 @@
               {{ $t("poll_create.close_poll") }}
             </div>
             <div class="poll-status-closed clickable" v-else-if="pollIsAdmin && pollIsClosed" @click.stop="pollClose">
-              <img class="icon" src="@/assets/icons/ic_check_small.svg" />
+              <v-icon class="icon">$vuetify.icons.ic_check_small</v-icon>
               {{ $t("poll_create.poll_status_closed") }}
             </div>
           </v-col>