From b007bc309a8ca14bb6f5d0d4fd3d04596f668483 Mon Sep 17 00:00:00 2001
From: Andrew Simachev <andrew.simachev@gmail.com>
Date: Fri, 30 May 2025 10:02:07 +0200
Subject: [PATCH] JS-7098: relation icons

---
 dist/img/icon/relation/big/checkbox.svg    |  4 ++++
 dist/img/icon/relation/big/date.svg        | 11 +++++++++++
 dist/img/icon/relation/big/description.svg |  5 +++++
 dist/img/icon/relation/big/email.svg       |  4 ++++
 dist/img/icon/relation/big/file.svg        |  9 +++++++++
 dist/img/icon/relation/big/longText.svg    |  5 +++++
 dist/img/icon/relation/big/multiSelect.svg |  7 +++++++
 dist/img/icon/relation/big/number.svg      |  6 ++++++
 dist/img/icon/relation/big/object.svg      |  4 ++++
 dist/img/icon/relation/big/phone.svg       |  3 +++
 dist/img/icon/relation/big/relations.svg   |  8 ++++++++
 dist/img/icon/relation/big/select.svg      |  4 ++++
 dist/img/icon/relation/big/shortText.svg   |  5 +++++
 dist/img/icon/relation/big/tag.svg         |  4 ++++
 dist/img/icon/relation/big/url.svg         |  4 ++++
 dist/img/icon/relation/checkbox.svg        |  6 +++---
 dist/img/icon/relation/date.svg            | 14 ++++----------
 dist/img/icon/relation/email.svg           |  6 +++---
 dist/img/icon/relation/file.svg            | 10 ++--------
 dist/img/icon/relation/longText.svg        | 10 +++++-----
 dist/img/icon/relation/multiSelect.svg     | 12 ++++++------
 dist/img/icon/relation/number.svg          | 12 ++++++------
 dist/img/icon/relation/object.svg          |  6 +++---
 dist/img/icon/relation/phone.svg           |  8 +++++---
 dist/img/icon/relation/select.svg          |  6 +++---
 dist/img/icon/relation/shortText.svg       |  8 ++++----
 dist/img/icon/relation/url.svg             |  6 +++---
 src/ts/component/util/iconObject.tsx       |  4 +++-
 28 files changed, 133 insertions(+), 58 deletions(-)
 create mode 100644 dist/img/icon/relation/big/checkbox.svg
 create mode 100644 dist/img/icon/relation/big/date.svg
 create mode 100644 dist/img/icon/relation/big/description.svg
 create mode 100644 dist/img/icon/relation/big/email.svg
 create mode 100644 dist/img/icon/relation/big/file.svg
 create mode 100644 dist/img/icon/relation/big/longText.svg
 create mode 100644 dist/img/icon/relation/big/multiSelect.svg
 create mode 100644 dist/img/icon/relation/big/number.svg
 create mode 100644 dist/img/icon/relation/big/object.svg
 create mode 100644 dist/img/icon/relation/big/phone.svg
 create mode 100644 dist/img/icon/relation/big/relations.svg
 create mode 100644 dist/img/icon/relation/big/select.svg
 create mode 100644 dist/img/icon/relation/big/shortText.svg
 create mode 100644 dist/img/icon/relation/big/tag.svg
 create mode 100644 dist/img/icon/relation/big/url.svg

diff --git a/dist/img/icon/relation/big/checkbox.svg b/dist/img/icon/relation/big/checkbox.svg
new file mode 100644
index 0000000000..f0280cbd34
--- /dev/null
+++ b/dist/img/icon/relation/big/checkbox.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 14.5L13.5 19L19.5 9" stroke="#B6B6B6" stroke-width="1.5"/>
+<rect x="3.75" y="3.75" width="20.5" height="20.5" rx="4.25" stroke="#B6B6B6" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/big/date.svg b/dist/img/icon/relation/big/date.svg
new file mode 100644
index 0000000000..3b7acf787d
--- /dev/null
+++ b/dist/img/icon/relation/big/date.svg
@@ -0,0 +1,11 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3.75" y="4.75" width="20.5" height="18.5" rx="4.25" stroke="#B6B6B6" stroke-width="1.5"/>
+<path d="M17 12.9C17 12.6791 17.1791 12.5 17.4 12.5H19.6C19.8209 12.5 20 12.6791 20 12.9V13.6C20 13.8209 19.8209 14 19.6 14H17.4C17.1791 14 17 13.8209 17 13.6V12.9Z" fill="#B6B6B6"/>
+<path d="M12.5 15.9547C12.5 15.7338 12.6791 15.5547 12.9 15.5547H15.1C15.3209 15.5547 15.5 15.7338 15.5 15.9547V16.6547C15.5 16.8756 15.3209 17.0547 15.1 17.0547H12.9C12.6791 17.0547 12.5 16.8756 12.5 16.6547V15.9547Z" fill="#B6B6B6"/>
+<path d="M17 15.9547C17 15.7338 17.1791 15.5547 17.4 15.5547H19.6C19.8209 15.5547 20 15.7338 20 15.9547V16.6547C20 16.8756 19.8209 17.0547 19.6 17.0547H17.4C17.1791 17.0547 17 16.8756 17 16.6547V15.9547Z" fill="#B6B6B6"/>
+<path d="M12.5 12.9C12.5 12.6791 12.6791 12.5 12.9 12.5H15.1C15.3209 12.5 15.5 12.6791 15.5 12.9V13.6C15.5 13.8209 15.3209 14 15.1 14H12.9C12.6791 14 12.5 13.8209 12.5 13.6V12.9Z" fill="#B6B6B6"/>
+<path d="M8 15.9C8 15.6791 8.17909 15.5 8.4 15.5H10.6C10.8209 15.5 11 15.6791 11 15.9V16.6C11 16.8209 10.8209 17 10.6 17H8.4C8.17909 17 8 16.8209 8 16.6V15.9Z" fill="#B6B6B6"/>
+<path d="M12.5 18.9C12.5 18.6791 12.6791 18.5 12.9 18.5H15.1C15.3209 18.5 15.5 18.6791 15.5 18.9V19.6C15.5 19.8209 15.3209 20 15.1 20H12.9C12.6791 20 12.5 19.8209 12.5 19.6V18.9Z" fill="#B6B6B6"/>
+<path d="M8 18.9C8 18.6791 8.17909 18.5 8.4 18.5H10.6C10.8209 18.5 11 18.6791 11 18.9V19.6C11 19.8209 10.8209 20 10.6 20H8.4C8.17909 20 8 19.8209 8 19.6V18.9Z" fill="#B6B6B6"/>
+<path d="M3.5 9.5C3.5 7.01472 5.51472 5 8 5H20C22.4853 5 24.5 7.01472 24.5 9.5V10H3.5V9.5Z" fill="#B6B6B6"/>
+</svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/big/description.svg b/dist/img/icon/relation/big/description.svg
new file mode 100644
index 0000000000..29162b52f3
--- /dev/null
+++ b/dist/img/icon/relation/big/description.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="10" cy="10" r="7.75" stroke="#B6B6B6" stroke-width="1.5"/>
+<path d="M10.748 8.5V14.999H9.24976V8.5H10.748Z" fill="#B6B6B6"/>
+<path d="M10 7C9.44772 7 9 6.55228 9 6C9 5.44772 9.44772 5 10 5C10.5523 5 11 5.44772 11 6C11 6.55228 10.5523 7 10 7Z" fill="#B6B6B6"/>
+</svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/big/email.svg b/dist/img/icon/relation/big/email.svg
new file mode 100644
index 0000000000..8d81fd3c07
--- /dev/null
+++ b/dist/img/icon/relation/big/email.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.02811 8.08286L3.9719 6.91699L14 15.035L24.0281 6.91699L24.9719 8.08286L14 16.9649L3.02811 8.08286Z" fill="#B6B6B6"/>
+<rect x="2.75" y="5.75" width="22.5" height="16.5" rx="3.25" stroke="#B6B6B6" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/big/file.svg b/dist/img/icon/relation/big/file.svg
new file mode 100644
index 0000000000..5f07e8f48f
--- /dev/null
+++ b/dist/img/icon/relation/big/file.svg
@@ -0,0 +1,9 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.182 3.50768L15.2426 4.56834L6.40381 13.4072L5.34315 12.3465L14.182 3.50768Z" fill="#b6b6b6"/>
+<path d="M21.2476 10.5733C22.7336 8.90437 22.6763 6.34518 21.076 4.7448C19.4756 3.14441 16.9164 3.08719 15.2474 4.57313L14.1854 3.51113C16.4415 1.44018 19.9503 1.49785 22.1366 3.68414C24.3229 5.87042 24.3806 9.37926 22.3096 11.6353L21.2476 10.5733Z" fill="#b6b6b6"/>
+<path d="M15.5962 22.5996C13.0578 25.138 8.94221 25.138 6.40381 22.5996C3.8654 20.0612 3.8654 15.9456 6.40381 13.4072L5.34315 12.3465C2.21895 15.4707 2.21895 20.536 5.34315 23.6602C8.46734 26.7844 13.5327 26.7844 16.6569 23.6602L15.5962 22.5996Z" fill="#b6b6b6"/>
+<path d="M16.3033 7.75032L17.364 8.81098L10.2929 15.882L9.23223 14.8214L16.3033 7.75032Z" fill="#b6b6b6"/>
+<path d="M13.1213 18.7105C12.3403 19.4915 11.0739 19.4915 10.2929 18.7105C9.51184 17.9294 9.51184 16.6631 10.2929 15.882L9.23223 14.8214C7.8654 16.1882 7.8654 18.4043 9.23223 19.7711C10.5991 21.138 12.8151 21.138 14.182 19.7711L13.1213 18.7105Z" fill="#b6b6b6"/>
+<path d="M21.253 10.5787L22.3137 11.6394L14.182 19.7711L13.1213 18.7105L21.253 10.5787Z" fill="#b6b6b6"/>
+<path d="M23.3744 14.8214L24.435 15.882L16.6569 23.6602L15.5962 22.5996L23.3744 14.8214Z" fill="#b6b6b6"/>
+</svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/big/longText.svg b/dist/img/icon/relation/big/longText.svg
new file mode 100644
index 0000000000..d547e67d24
--- /dev/null
+++ b/dist/img/icon/relation/big/longText.svg
@@ -0,0 +1,5 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3" y="20.25" width="16.5" height="1.5" fill="#b6b6b6"/>
+<rect x="3" y="6.25" width="22" height="1.5" fill="#b6b6b6"/>
+<rect x="3" y="13.25" width="22" height="1.5" fill="#b6b6b6"/>
+</svg>
diff --git a/dist/img/icon/relation/big/multiSelect.svg b/dist/img/icon/relation/big/multiSelect.svg
new file mode 100644
index 0000000000..ecc7b58067
--- /dev/null
+++ b/dist/img/icon/relation/big/multiSelect.svg
@@ -0,0 +1,7 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3" y="20.25" width="16" height="1.5" fill="#B6B6B6"/>
+<rect x="3" y="6.25" width="16" height="1.5" fill="#B6B6B6"/>
+<rect x="3" y="13.25" width="16" height="1.5" fill="#B6B6B6"/>
+<circle cx="23.5" cy="7" r="1.5" fill="#B6B6B6"/>
+<circle cx="23.5" cy="21" r="1.5" fill="#B6B6B6"/>
+</svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/big/number.svg b/dist/img/icon/relation/big/number.svg
new file mode 100644
index 0000000000..c6920a47a1
--- /dev/null
+++ b/dist/img/icon/relation/big/number.svg
@@ -0,0 +1,6 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="8" width="21.5" height="1.5" fill="#b6b6b6"/>
+<rect x="2.5" y="18.5" width="21.5" height="1.5" fill="#b6b6b6"/>
+<path d="M9.5 3H11.1L8.09961 25H6.5L9.5 3Z" fill="#b6b6b6"/>
+<path d="M19.9004 3H21.5004L18.5004 25H16.9004L19.9004 3Z" fill="#b6b6b6"/>
+</svg>
diff --git a/dist/img/icon/relation/big/object.svg b/dist/img/icon/relation/big/object.svg
new file mode 100644
index 0000000000..5ca809f3e6
--- /dev/null
+++ b/dist/img/icon/relation/big/object.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 17.0452C3.5 21.1614 6.83688 24.4983 10.9531 24.4983C15.0694 24.4983 18.4062 21.1614 18.4062 17.0452C18.4062 12.9289 15.0694 9.59204 10.9531 9.59204C6.83688 9.59204 3.5 12.9289 3.5 17.0452ZM10.9531 8.09204C6.00845 8.09204 2 12.1005 2 17.0452C2 21.9898 6.00845 25.9983 10.9531 25.9983C15.8978 25.9983 19.9062 21.9898 19.9062 17.0452C19.9062 12.1005 15.8978 8.09204 10.9531 8.09204Z" fill="#b6b6b6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 3.50171H22C23.3807 3.50171 24.5 4.621 24.5 6.00171V14.0017C24.5 15.3824 23.3807 16.5017 22 16.5017H19.89C19.9008 16.6815 19.9062 16.8627 19.9062 17.0452C19.9062 17.3683 19.8891 17.6874 19.8558 18.0017H22C24.2091 18.0017 26 16.2108 26 14.0017V6.00171C26 3.79257 24.2091 2.00171 22 2.00171H14C11.7909 2.00171 10 3.79257 10 6.00171V8.14218C10.3132 8.10904 10.6312 8.09204 10.9531 8.09204C11.1368 8.09204 11.3191 8.09757 11.5 8.10847V6.00171C11.5 4.621 12.6193 3.50171 14 3.50171Z" fill="#b6b6b6"/>
+</svg>
diff --git a/dist/img/icon/relation/big/phone.svg b/dist/img/icon/relation/big/phone.svg
new file mode 100644
index 0000000000..1776eb4aef
--- /dev/null
+++ b/dist/img/icon/relation/big/phone.svg
@@ -0,0 +1,3 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.38439 2.82226C6.18935 2.01751 7.50914 2.06817 8.25002 2.9323L11.7874 7.05819C12.4521 7.83346 12.4076 8.98969 11.6855 9.71169L9.74762 11.649C9.77938 11.7807 9.83916 11.9708 9.95184 12.2205C10.2549 12.8921 10.9388 13.99 12.474 15.5248C14.0092 17.0596 15.1073 17.7433 15.7793 18.0464C16.0292 18.1592 16.2195 18.219 16.3513 18.2507L18.2892 16.3133C19.0113 15.5913 20.1675 15.547 20.9429 16.2114L25.0697 19.7478C25.9342 20.4886 25.9849 21.8084 25.1797 22.6133L22.0714 25.7205C21.8736 25.736 21.6773 25.7515 21.4788 25.7498C21.2911 25.7482 21.0239 25.7372 20.6859 25.7017C20.0096 25.6307 19.0506 25.4612 17.8776 25.0711C15.5278 24.2896 12.341 22.6302 8.85868 19.1397C5.39334 15.6843 3.73411 12.4983 2.94614 10.1442C2.55278 8.969 2.37825 8.00623 2.30283 7.3271C2.26512 6.98763 2.2522 6.7192 2.24904 6.53067C2.24569 6.33057 2.25962 6.13244 2.27298 5.93288L5.38439 2.82226ZM3.75052 6.57677C3.75485 6.71859 3.76631 6.91524 3.79366 7.16152C3.85819 7.74257 4.01129 8.60064 4.36858 9.66807C5.08186 11.799 6.61587 14.7852 9.91849 18.0782L9.91991 18.0796C13.2411 21.4088 16.2279 22.9417 18.351 23.6477C19.4145 24.0014 20.2668 24.1494 20.8426 24.2099C21.087 24.2356 21.2818 24.2456 21.422 24.2487L24.1193 21.5524C24.3063 21.3655 24.2946 21.0589 24.0937 20.8868L19.9668 17.3504C19.7865 17.1959 19.5176 17.2062 19.3498 17.3741L16.9738 19.7494L16.7155 19.7799C16.7155 19.7799 16.7161 19.7798 16.7138 19.7801L16.7121 19.7803L16.7086 19.7807L16.7011 19.7815L16.6843 19.783C16.6724 19.784 16.6589 19.7848 16.644 19.7855C16.6141 19.7869 16.5782 19.7875 16.5363 19.7864C16.4525 19.7842 16.3454 19.7753 16.2151 19.7533C15.9542 19.7092 15.6036 19.6127 15.1625 19.4137C14.2826 19.0168 13.0389 18.2106 11.4134 16.5856C9.78799 14.9605 8.98158 13.7171 8.58462 12.8375C8.3856 12.3965 8.2891 12.046 8.24497 11.7851C8.22293 11.6548 8.21411 11.5477 8.21192 11.4638C8.21083 11.422 8.2114 11.3861 8.21277 11.3561C8.21346 11.3412 8.21435 11.3277 8.21533 11.3158L8.21685 11.299L8.21764 11.2915L8.21804 11.288L8.21823 11.2863C8.2185 11.284 8.21843 11.2846 8.21843 11.2846L8.249 11.0262L10.6249 8.6509C10.7927 8.48315 10.803 8.21461 10.6486 8.03452L7.11125 3.90863C6.93902 3.70775 6.63207 3.69594 6.44491 3.88306L3.75052 6.57677Z" fill="#b6b6b6"/>
+</svg>
diff --git a/dist/img/icon/relation/big/relations.svg b/dist/img/icon/relation/big/relations.svg
new file mode 100644
index 0000000000..cf44ccc8c0
--- /dev/null
+++ b/dist/img/icon/relation/big/relations.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path d="M4 7.0166C4 6.18817 4.67157 5.5166 5.5 5.5166C6.32843 5.5166 7 6.18817 7 7.0166C7 7.84503 6.32843 8.5166 5.5 8.5166C4.67157 8.5166 4 7.84503 4 7.0166Z" fill="#B6B6B6"/>
+    <path d="M4 12.0166C4 11.1882 4.67157 10.5166 5.5 10.5166C6.32843 10.5166 7 11.1882 7 12.0166C7 12.845 6.32843 13.5166 5.5 13.5166C4.67157 13.5166 4 12.845 4 12.0166Z" fill="#B6B6B6"/>
+    <path d="M4 17.0166C4 16.1882 4.67157 15.5166 5.5 15.5166C6.32843 15.5166 7 16.1882 7 17.0166C7 17.845 6.32843 18.5166 5.5 18.5166C4.67157 18.5166 4 17.845 4 17.0166Z" fill="#B6B6B6"/>
+    <path d="M9 7.0166C9 6.60239 9.33579 6.2666 9.75 6.2666H19.25C19.6642 6.2666 20 6.60239 20 7.0166C20 7.43082 19.6642 7.7666 19.25 7.7666H9.75C9.33579 7.7666 9 7.43082 9 7.0166Z" fill="#B6B6B6"/>
+    <path d="M9 12.0166C9 11.6024 9.33579 11.2666 9.75 11.2666H19.25C19.6642 11.2666 20 11.6024 20 12.0166C20 12.4308 19.6642 12.7666 19.25 12.7666H9.75C9.33579 12.7666 9 12.4308 9 12.0166Z" fill="#B6B6B6"/>
+    <path d="M9 17.0166C9 16.6024 9.33579 16.2666 9.75 16.2666H19.25C19.6642 16.2666 20 16.6024 20 17.0166C20 17.4308 19.6642 17.7666 19.25 17.7666H9.75C9.33579 17.7666 9 17.4308 9 17.0166Z" fill="#B6B6B6"/>
+</svg>
diff --git a/dist/img/icon/relation/big/select.svg b/dist/img/icon/relation/big/select.svg
new file mode 100644
index 0000000000..e894a1e589
--- /dev/null
+++ b/dist/img/icon/relation/big/select.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 11L14 3L22 11" stroke="#B6B6B6" stroke-width="1.5"/>
+<path d="M6 17L14 25L22 17" stroke="#B6B6B6" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/big/shortText.svg b/dist/img/icon/relation/big/shortText.svg
new file mode 100644
index 0000000000..e75cf47e5f
--- /dev/null
+++ b/dist/img/icon/relation/big/shortText.svg
@@ -0,0 +1,5 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 22H25.5V23.5H2.5V22Z" fill="#b6b6b6"/>
+<path d="M20.3444 16.7239C19.1309 16.7239 18.2281 16.1025 18.2281 15.0346C18.2281 13.9862 18.927 13.4328 20.5192 13.326L23.3346 13.1415V14.1027C23.3346 15.5977 22.0628 16.7239 20.3444 16.7239ZM20.0338 18.1898C21.4318 18.1898 22.5773 17.5782 23.2569 16.4617H23.4122V18.0053H25.0044V10.8407C25.0044 8.66607 23.5773 7.35547 21.024 7.35547C18.7911 7.35547 17.1407 8.4622 16.9175 10.1417H18.6067C18.8397 9.31652 19.7134 8.84082 20.9658 8.84082C22.5288 8.84082 23.3346 9.54952 23.3346 10.8407V11.7921L20.3153 11.9766C17.8786 12.1222 16.5 13.1998 16.5 15.0735C16.5 16.986 18.0048 18.1898 20.0338 18.1898Z" fill="#b6b6b6"/>
+<path d="M13.1739 18H15L9.8599 4H8.1401L3 18H4.82609L6.22705 13.9931H11.7729L13.1739 18ZM8.92271 6.26057H9.0773L11.2609 12.5087H6.73913L8.92271 6.26057Z" fill="#b6b6b6"/>
+</svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/big/tag.svg b/dist/img/icon/relation/big/tag.svg
new file mode 100644
index 0000000000..e4594cb2b7
--- /dev/null
+++ b/dist/img/icon/relation/big/tag.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0938 4.12857L3.69238 14.491C3.49907 14.6836 3.49817 14.9963 3.69037 15.19L12.7988 24.3694C12.9924 24.5645 13.308 24.5644 13.5014 24.3692L23.8723 13.9034C23.9641 13.8108 24.0156 13.6856 24.0156 13.5552V8.26746C24.0156 8.13623 23.9635 8.01039 23.8707 7.9176L20.0823 4.12922C19.9895 4.03644 19.8637 3.98431 19.7324 3.98431H14.443C14.3121 3.98431 14.1865 4.03618 14.0938 4.12857ZM2.64479 13.4395L13.0462 3.07704C13.4171 2.70749 13.9194 2.5 14.443 2.5H19.7324C20.2573 2.5 20.7607 2.70851 21.1319 3.07966L24.9202 6.86804C25.2914 7.23919 25.4999 7.74257 25.4999 8.26746V13.5552C25.4999 14.0769 25.2938 14.5776 24.9266 14.9482L14.5558 25.4139C13.7818 26.195 12.5196 26.1954 11.7452 25.4149L2.63674 16.2355C1.86796 15.4607 1.87156 14.2098 2.64479 13.4395Z" fill="#b6b6b6"/>
+<path d="M20 10C20 11.1046 19.1046 12 18 12C16.8954 12 16 11.1046 16 10C16 8.89543 16.8954 8 18 8C19.1046 8 20 8.89543 20 10Z" fill="#b6b6b6"/>
+</svg>
diff --git a/dist/img/icon/relation/big/url.svg b/dist/img/icon/relation/big/url.svg
new file mode 100644
index 0000000000..12dffbacd0
--- /dev/null
+++ b/dist/img/icon/relation/big/url.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.7647 14.6284L22.169 12.2241C23.9345 10.4587 23.9345 7.59638 22.169 5.83095C20.4036 4.06553 17.5413 4.06553 15.7759 5.83095L12.9345 8.67236C11.169 10.4378 11.169 13.3001 12.9345 15.0655C13.3619 15.493 13.8537 15.817 14.3787 16.0374C14.3975 16.5452 14.2631 17.0577 13.9755 17.4995C13.2077 17.206 12.4878 16.7499 11.8689 16.1311C9.51505 13.7772 9.51505 9.96073 11.8689 7.60683L14.7104 4.76542C17.0643 2.41153 20.8807 2.41153 23.2346 4.76542C25.5885 7.11932 25.5885 10.9357 23.2346 13.2896L20.3932 16.1311C20.233 16.2912 20.066 16.4405 19.8932 16.5789C19.9294 15.9271 19.8866 15.2718 19.7647 14.6284Z" fill="#b6b6b6"/>
+<path d="M8.23527 13.3716L5.83095 15.7759C4.06553 17.5413 4.06553 20.4036 5.83095 22.169C7.59638 23.9345 10.4587 23.9345 12.2241 22.169L15.0655 19.3276C16.831 17.5622 16.831 14.6999 15.0655 12.9345C14.6381 12.507 14.1463 12.183 13.6213 11.9626C13.6025 11.4548 13.7369 10.9423 14.0245 10.5005C14.7923 10.794 15.5122 11.2501 16.1311 11.8689C18.485 14.2228 18.485 18.0393 16.1311 20.3932L13.2896 23.2346C10.9357 25.5885 7.11932 25.5885 4.76542 23.2346C2.41153 20.8807 2.41153 17.0643 4.76542 14.7104L7.60683 11.8689C7.76701 11.7088 7.93395 11.5595 8.10675 11.4211C8.0706 12.0729 8.11344 12.7282 8.23527 13.3716Z" fill="#b6b6b6"/>
+</svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/checkbox.svg b/dist/img/icon/relation/checkbox.svg
index f0280cbd34..e081e89482 100644
--- a/dist/img/icon/relation/checkbox.svg
+++ b/dist/img/icon/relation/checkbox.svg
@@ -1,4 +1,4 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9 14.5L13.5 19L19.5 9" stroke="#B6B6B6" stroke-width="1.5"/>
-<rect x="3.75" y="3.75" width="20.5" height="20.5" rx="4.25" stroke="#B6B6B6" stroke-width="1.5"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3.25" y="3.25" width="13.5" height="13.5" rx="3" stroke="#9B9B9B" stroke-width="1.5"/>
+<path d="M6.5 10L9.5 13L13.5 6.5" stroke="#9B9B9B" stroke-width="1.5"/>
 </svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/date.svg b/dist/img/icon/relation/date.svg
index 3b7acf787d..238d74fcab 100644
--- a/dist/img/icon/relation/date.svg
+++ b/dist/img/icon/relation/date.svg
@@ -1,11 +1,5 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="3.75" y="4.75" width="20.5" height="18.5" rx="4.25" stroke="#B6B6B6" stroke-width="1.5"/>
-<path d="M17 12.9C17 12.6791 17.1791 12.5 17.4 12.5H19.6C19.8209 12.5 20 12.6791 20 12.9V13.6C20 13.8209 19.8209 14 19.6 14H17.4C17.1791 14 17 13.8209 17 13.6V12.9Z" fill="#B6B6B6"/>
-<path d="M12.5 15.9547C12.5 15.7338 12.6791 15.5547 12.9 15.5547H15.1C15.3209 15.5547 15.5 15.7338 15.5 15.9547V16.6547C15.5 16.8756 15.3209 17.0547 15.1 17.0547H12.9C12.6791 17.0547 12.5 16.8756 12.5 16.6547V15.9547Z" fill="#B6B6B6"/>
-<path d="M17 15.9547C17 15.7338 17.1791 15.5547 17.4 15.5547H19.6C19.8209 15.5547 20 15.7338 20 15.9547V16.6547C20 16.8756 19.8209 17.0547 19.6 17.0547H17.4C17.1791 17.0547 17 16.8756 17 16.6547V15.9547Z" fill="#B6B6B6"/>
-<path d="M12.5 12.9C12.5 12.6791 12.6791 12.5 12.9 12.5H15.1C15.3209 12.5 15.5 12.6791 15.5 12.9V13.6C15.5 13.8209 15.3209 14 15.1 14H12.9C12.6791 14 12.5 13.8209 12.5 13.6V12.9Z" fill="#B6B6B6"/>
-<path d="M8 15.9C8 15.6791 8.17909 15.5 8.4 15.5H10.6C10.8209 15.5 11 15.6791 11 15.9V16.6C11 16.8209 10.8209 17 10.6 17H8.4C8.17909 17 8 16.8209 8 16.6V15.9Z" fill="#B6B6B6"/>
-<path d="M12.5 18.9C12.5 18.6791 12.6791 18.5 12.9 18.5H15.1C15.3209 18.5 15.5 18.6791 15.5 18.9V19.6C15.5 19.8209 15.3209 20 15.1 20H12.9C12.6791 20 12.5 19.8209 12.5 19.6V18.9Z" fill="#B6B6B6"/>
-<path d="M8 18.9C8 18.6791 8.17909 18.5 8.4 18.5H10.6C10.8209 18.5 11 18.6791 11 18.9V19.6C11 19.8209 10.8209 20 10.6 20H8.4C8.17909 20 8 19.8209 8 19.6V18.9Z" fill="#B6B6B6"/>
-<path d="M3.5 9.5C3.5 7.01472 5.51472 5 8 5H20C22.4853 5 24.5 7.01472 24.5 9.5V10H3.5V9.5Z" fill="#B6B6B6"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 9.25C12 9.11193 12.1119 9 12.25 9H13.75C13.8881 9 14 9.11193 14 9.25V9.75C14 9.88807 13.8881 10 13.75 10H12.25C12.1119 10 12 9.88807 12 9.75V9.25ZM9 11.25C9 11.1119 9.11193 11 9.25 11H10.75C10.8881 11 11 11.1119 11 11.25V11.75C11 11.8881 10.8881 12 10.75 12H9.25C9.11193 12 9 11.8881 9 11.75V11.25ZM12.25 11C12.1119 11 12 11.1119 12 11.25V11.75C12 11.8881 12.1119 12 12.25 12H13.75C13.8881 12 14 11.8881 14 11.75V11.25C14 11.1119 13.8881 11 13.75 11H12.25ZM9 9.25C9 9.11193 9.11193 9 9.25 9H10.75C10.8881 9 11 9.11193 11 9.25V9.75C11 9.88807 10.8881 10 10.75 10H9.25C9.11193 10 9 9.88807 9 9.75V9.25ZM6.25 11C6.11193 11 6 11.1119 6 11.25V11.75C6 11.8881 6.11193 12 6.25 12H7.75C7.88807 12 8 11.8881 8 11.75V11.25C8 11.1119 7.88807 11 7.75 11H6.25ZM9 13.25C9 13.1119 9.11193 13 9.25 13H10.75C10.8881 13 11 13.1119 11 13.25V13.75C11 13.8881 10.8881 14 10.75 14H9.25C9.11193 14 9 13.8881 9 13.75V13.25ZM6.25 13C6.11193 13 6 13.1119 6 13.25V13.75C6 13.8881 6.11193 14 6.25 14H7.75C7.88807 14 8 13.8881 8 13.75V13.25C8 13.1119 7.88807 13 7.75 13H6.25Z" fill="#9B9B9B"/>
+<path d="M3 4.5C3 3.94772 3.44772 3.5 4 3.5H16C16.5523 3.5 17 3.94772 17 4.5V7H3V4.5Z" fill="#9B9B9B"/>
+<rect x="3.25" y="3.25" width="13.5" height="13.5" rx="2.25" stroke="#9B9B9B" stroke-width="1.5"/>
 </svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/email.svg b/dist/img/icon/relation/email.svg
index 8d81fd3c07..c8dd323416 100644
--- a/dist/img/icon/relation/email.svg
+++ b/dist/img/icon/relation/email.svg
@@ -1,4 +1,4 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3.02811 8.08286L3.9719 6.91699L14 15.035L24.0281 6.91699L24.9719 8.08286L14 16.9649L3.02811 8.08286Z" fill="#B6B6B6"/>
-<rect x="2.75" y="5.75" width="22.5" height="16.5" rx="3.25" stroke="#B6B6B6" stroke-width="1.5"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.59314 6.56965L3.40687 5.43042L10 10.1398L16.5931 5.43042L17.4069 6.56965L10 11.8603L2.59314 6.56965Z" fill="#9B9B9B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 5H5C4.17157 5 3.5 5.67157 3.5 6.5V13.5C3.5 14.3284 4.17157 15 5 15H15C15.8284 15 16.5 14.3284 16.5 13.5V6.5C16.5 5.67157 15.8284 5 15 5ZM5 3.5C3.34315 3.5 2 4.84315 2 6.5V13.5C2 15.1569 3.34315 16.5 5 16.5H15C16.6569 16.5 18 15.1569 18 13.5V6.5C18 4.84315 16.6569 3.5 15 3.5H5Z" fill="#9B9B9B"/>
 </svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/file.svg b/dist/img/icon/relation/file.svg
index 5f07e8f48f..b82ff565b6 100644
--- a/dist/img/icon/relation/file.svg
+++ b/dist/img/icon/relation/file.svg
@@ -1,9 +1,3 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.182 3.50768L15.2426 4.56834L6.40381 13.4072L5.34315 12.3465L14.182 3.50768Z" fill="#b6b6b6"/>
-<path d="M21.2476 10.5733C22.7336 8.90437 22.6763 6.34518 21.076 4.7448C19.4756 3.14441 16.9164 3.08719 15.2474 4.57313L14.1854 3.51113C16.4415 1.44018 19.9503 1.49785 22.1366 3.68414C24.3229 5.87042 24.3806 9.37926 22.3096 11.6353L21.2476 10.5733Z" fill="#b6b6b6"/>
-<path d="M15.5962 22.5996C13.0578 25.138 8.94221 25.138 6.40381 22.5996C3.8654 20.0612 3.8654 15.9456 6.40381 13.4072L5.34315 12.3465C2.21895 15.4707 2.21895 20.536 5.34315 23.6602C8.46734 26.7844 13.5327 26.7844 16.6569 23.6602L15.5962 22.5996Z" fill="#b6b6b6"/>
-<path d="M16.3033 7.75032L17.364 8.81098L10.2929 15.882L9.23223 14.8214L16.3033 7.75032Z" fill="#b6b6b6"/>
-<path d="M13.1213 18.7105C12.3403 19.4915 11.0739 19.4915 10.2929 18.7105C9.51184 17.9294 9.51184 16.6631 10.2929 15.882L9.23223 14.8214C7.8654 16.1882 7.8654 18.4043 9.23223 19.7711C10.5991 21.138 12.8151 21.138 14.182 19.7711L13.1213 18.7105Z" fill="#b6b6b6"/>
-<path d="M21.253 10.5787L22.3137 11.6394L14.182 19.7711L13.1213 18.7105L21.253 10.5787Z" fill="#b6b6b6"/>
-<path d="M23.3744 14.8214L24.435 15.882L16.6569 23.6602L15.5962 22.5996L23.3744 14.8214Z" fill="#b6b6b6"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.4993 7.56221C15.4109 6.64714 15.4109 5.16351 14.4993 4.24844C13.5877 3.33336 12.1097 3.33336 11.1981 4.24844L5.69603 9.77139C4.17668 11.2965 4.17638 13.7689 5.69573 15.2941C7.21508 16.8192 9.67844 16.8192 11.1978 15.2941L16.1496 10.3233L17.25 11.4279L12.2981 16.3986C10.1711 18.5338 6.72241 18.5338 4.59532 16.3986C2.46823 14.2635 2.46823 10.8017 4.59532 8.6665L10.0977 3.14384C11.617 1.61872 14.0804 1.61872 15.5997 3.14384C17.1191 4.66897 17.1191 7.14168 15.5997 8.66681L10.6479 13.6375C9.73628 14.5525 8.25827 14.5525 7.34665 13.6375C6.43504 12.7224 6.43504 11.2388 7.34665 10.3237L11.7483 5.90533L12.8487 7.00993L8.44707 11.4283C8.1432 11.7333 8.1432 12.2279 8.44707 12.5329C8.75094 12.8379 9.24361 12.8379 9.54748 12.5329L14.4993 7.56221Z" fill="#9B9B9B"/>
 </svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/longText.svg b/dist/img/icon/relation/longText.svg
index d547e67d24..a2b5e16bbb 100644
--- a/dist/img/icon/relation/longText.svg
+++ b/dist/img/icon/relation/longText.svg
@@ -1,5 +1,5 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="3" y="20.25" width="16.5" height="1.5" fill="#b6b6b6"/>
-<rect x="3" y="6.25" width="22" height="1.5" fill="#b6b6b6"/>
-<rect x="3" y="13.25" width="22" height="1.5" fill="#b6b6b6"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3" y="4.25" width="14" height="1.49828" fill="#9B9B9B"/>
+<rect x="3" y="14.25" width="10" height="1.49828" fill="#9B9B9B"/>
+<rect x="3" y="9.25" width="14" height="1.49828" fill="#9B9B9B"/>
+</svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/multiSelect.svg b/dist/img/icon/relation/multiSelect.svg
index ecc7b58067..e6c46b837c 100644
--- a/dist/img/icon/relation/multiSelect.svg
+++ b/dist/img/icon/relation/multiSelect.svg
@@ -1,7 +1,7 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="3" y="20.25" width="16" height="1.5" fill="#B6B6B6"/>
-<rect x="3" y="6.25" width="16" height="1.5" fill="#B6B6B6"/>
-<rect x="3" y="13.25" width="16" height="1.5" fill="#B6B6B6"/>
-<circle cx="23.5" cy="7" r="1.5" fill="#B6B6B6"/>
-<circle cx="23.5" cy="21" r="1.5" fill="#B6B6B6"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 4.25H12V5.74828H3V4.25Z" fill="#9B9B9B"/>
+<path d="M3 9.25H12V10.7483H3V9.25Z" fill="#9B9B9B"/>
+<path d="M3 14.25H12V15.7483H3V14.25Z" fill="#9B9B9B"/>
+<circle cx="15.5" cy="4.99902" r="1.5" fill="#9B9B9B"/>
+<circle cx="15.5" cy="14.999" r="1.5" fill="#9B9B9B"/>
 </svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/number.svg b/dist/img/icon/relation/number.svg
index c6920a47a1..6851ca3a49 100644
--- a/dist/img/icon/relation/number.svg
+++ b/dist/img/icon/relation/number.svg
@@ -1,6 +1,6 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="4" y="8" width="21.5" height="1.5" fill="#b6b6b6"/>
-<rect x="2.5" y="18.5" width="21.5" height="1.5" fill="#b6b6b6"/>
-<path d="M9.5 3H11.1L8.09961 25H6.5L9.5 3Z" fill="#b6b6b6"/>
-<path d="M19.9004 3H21.5004L18.5004 25H16.9004L19.9004 3Z" fill="#b6b6b6"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="6.04956" width="13" height="1.5" fill="#9B9B9B"/>
+<rect x="3" y="12.5496" width="13" height="1.5" fill="#9B9B9B"/>
+<path d="M6.9593 3.04956H8.5L6.57125 17.0223L5 17.0496L6.9593 3.04956Z" fill="#9B9B9B"/>
+<path d="M13.4593 3.04956H15L13.0713 17.0223L11.5 17.0496L13.4593 3.04956Z" fill="#9B9B9B"/>
+</svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/object.svg b/dist/img/icon/relation/object.svg
index 5ca809f3e6..a14f190c9b 100644
--- a/dist/img/icon/relation/object.svg
+++ b/dist/img/icon/relation/object.svg
@@ -1,4 +1,4 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 17.0452C3.5 21.1614 6.83688 24.4983 10.9531 24.4983C15.0694 24.4983 18.4062 21.1614 18.4062 17.0452C18.4062 12.9289 15.0694 9.59204 10.9531 9.59204C6.83688 9.59204 3.5 12.9289 3.5 17.0452ZM10.9531 8.09204C6.00845 8.09204 2 12.1005 2 17.0452C2 21.9898 6.00845 25.9983 10.9531 25.9983C15.8978 25.9983 19.9062 21.9898 19.9062 17.0452C19.9062 12.1005 15.8978 8.09204 10.9531 8.09204Z" fill="#b6b6b6"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14 3.50171H22C23.3807 3.50171 24.5 4.621 24.5 6.00171V14.0017C24.5 15.3824 23.3807 16.5017 22 16.5017H19.89C19.9008 16.6815 19.9062 16.8627 19.9062 17.0452C19.9062 17.3683 19.8891 17.6874 19.8558 18.0017H22C24.2091 18.0017 26 16.2108 26 14.0017V6.00171C26 3.79257 24.2091 2.00171 22 2.00171H14C11.7909 2.00171 10 3.79257 10 6.00171V8.14218C10.3132 8.10904 10.6312 8.09204 10.9531 8.09204C11.1368 8.09204 11.3191 8.09757 11.5 8.10847V6.00171C11.5 4.621 12.6193 3.50171 14 3.50171Z" fill="#b6b6b6"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16.5C5.51472 16.5 3.5 14.4853 3.5 12C3.5 9.51472 5.51472 7.5 8 7.5C10.4853 7.5 12.5 9.51472 12.5 12C12.5 14.4853 10.4853 16.5 8 16.5ZM8 18C4.68629 18 2 15.3137 2 12C2 8.68629 4.68629 6 8 6C11.3137 6 14 8.68629 14 12C14 15.3137 11.3137 18 8 18Z" fill="#9B9B9B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3.5H15.5044C16.0567 3.5 16.5044 3.94772 16.5044 4.5V10.5044C16.5044 11.0567 16.0567 11.5044 15.5044 11.5044H13.9798C13.9932 11.6678 14 11.8331 14 12C14 12.3422 13.9713 12.6778 13.9163 13.0044H15.5044C16.8851 13.0044 18.0044 11.8851 18.0044 10.5044V4.5C18.0044 3.11929 16.8851 2 15.5044 2H9.5C8.11929 2 7 3.11929 7 4.5V6.08296C7.32521 6.0284 7.65929 6 8 6C8.16838 6 8.33513 6.00694 8.5 6.02054V4.5C8.5 3.94772 8.94772 3.5 9.5 3.5Z" fill="#9B9B9B"/>
 </svg>
diff --git a/dist/img/icon/relation/phone.svg b/dist/img/icon/relation/phone.svg
index 1776eb4aef..cc4ece9b33 100644
--- a/dist/img/icon/relation/phone.svg
+++ b/dist/img/icon/relation/phone.svg
@@ -1,3 +1,5 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.38439 2.82226C6.18935 2.01751 7.50914 2.06817 8.25002 2.9323L11.7874 7.05819C12.4521 7.83346 12.4076 8.98969 11.6855 9.71169L9.74762 11.649C9.77938 11.7807 9.83916 11.9708 9.95184 12.2205C10.2549 12.8921 10.9388 13.99 12.474 15.5248C14.0092 17.0596 15.1073 17.7433 15.7793 18.0464C16.0292 18.1592 16.2195 18.219 16.3513 18.2507L18.2892 16.3133C19.0113 15.5913 20.1675 15.547 20.9429 16.2114L25.0697 19.7478C25.9342 20.4886 25.9849 21.8084 25.1797 22.6133L22.0714 25.7205C21.8736 25.736 21.6773 25.7515 21.4788 25.7498C21.2911 25.7482 21.0239 25.7372 20.6859 25.7017C20.0096 25.6307 19.0506 25.4612 17.8776 25.0711C15.5278 24.2896 12.341 22.6302 8.85868 19.1397C5.39334 15.6843 3.73411 12.4983 2.94614 10.1442C2.55278 8.969 2.37825 8.00623 2.30283 7.3271C2.26512 6.98763 2.2522 6.7192 2.24904 6.53067C2.24569 6.33057 2.25962 6.13244 2.27298 5.93288L5.38439 2.82226ZM3.75052 6.57677C3.75485 6.71859 3.76631 6.91524 3.79366 7.16152C3.85819 7.74257 4.01129 8.60064 4.36858 9.66807C5.08186 11.799 6.61587 14.7852 9.91849 18.0782L9.91991 18.0796C13.2411 21.4088 16.2279 22.9417 18.351 23.6477C19.4145 24.0014 20.2668 24.1494 20.8426 24.2099C21.087 24.2356 21.2818 24.2456 21.422 24.2487L24.1193 21.5524C24.3063 21.3655 24.2946 21.0589 24.0937 20.8868L19.9668 17.3504C19.7865 17.1959 19.5176 17.2062 19.3498 17.3741L16.9738 19.7494L16.7155 19.7799C16.7155 19.7799 16.7161 19.7798 16.7138 19.7801L16.7121 19.7803L16.7086 19.7807L16.7011 19.7815L16.6843 19.783C16.6724 19.784 16.6589 19.7848 16.644 19.7855C16.6141 19.7869 16.5782 19.7875 16.5363 19.7864C16.4525 19.7842 16.3454 19.7753 16.2151 19.7533C15.9542 19.7092 15.6036 19.6127 15.1625 19.4137C14.2826 19.0168 13.0389 18.2106 11.4134 16.5856C9.78799 14.9605 8.98158 13.7171 8.58462 12.8375C8.3856 12.3965 8.2891 12.046 8.24497 11.7851C8.22293 11.6548 8.21411 11.5477 8.21192 11.4638C8.21083 11.422 8.2114 11.3861 8.21277 11.3561C8.21346 11.3412 8.21435 11.3277 8.21533 11.3158L8.21685 11.299L8.21764 11.2915L8.21804 11.288L8.21823 11.2863C8.2185 11.284 8.21843 11.2846 8.21843 11.2846L8.249 11.0262L10.6249 8.6509C10.7927 8.48315 10.803 8.21461 10.6486 8.03452L7.11125 3.90863C6.93902 3.70775 6.63207 3.69594 6.44491 3.88306L3.75052 6.57677Z" fill="#b6b6b6"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.19082 6.93454C8.47399 6.65137 8.49141 6.19792 8.23079 5.89386L5.97973 3.26763C5.6892 2.92868 5.1716 2.9088 4.85593 3.22447L3.27345 4.80695L6.79593 8.32943L8.19082 6.93454Z" fill="#9B9B9B"/>
+<path d="M13.0681 11.8118C13.3513 11.5287 13.8047 11.5112 14.1088 11.7719L16.735 14.0229C17.0739 14.3134 17.0938 14.831 16.7781 15.1467L15.2795 16.6451L11.6732 13.2067L13.0681 11.8118Z" fill="#9B9B9B"/>
+<path d="M3.00249 5.07791C3.00249 5.07791 2.75965 8.64001 7.06684 12.9357C11.3965 17.2769 14.9375 16.9871 14.9375 16.9871L15.2795 16.6451L11.6732 13.2067C11.6732 13.2067 10.7039 13.3212 8.6926 11.3099C6.68128 9.29861 6.79593 8.32943 6.79593 8.32943L3.27345 4.80695L3.00249 5.07791Z" fill="#9B9B9B"/>
+</svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/select.svg b/dist/img/icon/relation/select.svg
index e894a1e589..e0f3399f08 100644
--- a/dist/img/icon/relation/select.svg
+++ b/dist/img/icon/relation/select.svg
@@ -1,4 +1,4 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6 11L14 3L22 11" stroke="#B6B6B6" stroke-width="1.5"/>
-<path d="M6 17L14 25L22 17" stroke="#B6B6B6" stroke-width="1.5"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46967 12.5304L5.53033 11.4697L10 15.9394L14.4697 11.4697L15.5303 12.5304L10 18.0607L4.46967 12.5304Z" fill="#9B9B9B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46967 7.46961L5.53033 8.53027L10 4.0606L14.4697 8.53027L15.5303 7.46961L10 1.93928L4.46967 7.46961Z" fill="#9B9B9B"/>
 </svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/shortText.svg b/dist/img/icon/relation/shortText.svg
index e75cf47e5f..e3ba99d063 100644
--- a/dist/img/icon/relation/shortText.svg
+++ b/dist/img/icon/relation/shortText.svg
@@ -1,5 +1,5 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.5 22H25.5V23.5H2.5V22Z" fill="#b6b6b6"/>
-<path d="M20.3444 16.7239C19.1309 16.7239 18.2281 16.1025 18.2281 15.0346C18.2281 13.9862 18.927 13.4328 20.5192 13.326L23.3346 13.1415V14.1027C23.3346 15.5977 22.0628 16.7239 20.3444 16.7239ZM20.0338 18.1898C21.4318 18.1898 22.5773 17.5782 23.2569 16.4617H23.4122V18.0053H25.0044V10.8407C25.0044 8.66607 23.5773 7.35547 21.024 7.35547C18.7911 7.35547 17.1407 8.4622 16.9175 10.1417H18.6067C18.8397 9.31652 19.7134 8.84082 20.9658 8.84082C22.5288 8.84082 23.3346 9.54952 23.3346 10.8407V11.7921L20.3153 11.9766C17.8786 12.1222 16.5 13.1998 16.5 15.0735C16.5 16.986 18.0048 18.1898 20.0338 18.1898Z" fill="#b6b6b6"/>
-<path d="M13.1739 18H15L9.8599 4H8.1401L3 18H4.82609L6.22705 13.9931H11.7729L13.1739 18ZM8.92271 6.26057H9.0773L11.2609 12.5087H6.73913L8.92271 6.26057Z" fill="#b6b6b6"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="15.001" width="16" height="1.49889" fill="#9B9B9B"/>
+<path d="M3.61223 13L4.53632 10.3535H8.4686L9.38777 13H11L7.37739 3H5.62261L2 13H3.61223ZM4.9787 9.08398L6.46313 4.81641H6.54178L8.02622 9.08398H4.9787Z" fill="#9B9B9B"/>
+<path d="M14.2243 13.1705C15.4871 13.1705 16.198 12.5291 16.4814 11.9574H16.5411V13.0014H17.9928V7.9304C17.9928 5.7081 16.2428 5.26562 15.0297 5.26562C13.6476 5.26562 12.3749 5.82244 11.8777 7.21449L13.2747 7.53267C13.4935 6.99077 14.0503 6.46875 15.0496 6.46875C16.0091 6.46875 16.5013 6.97088 16.5013 7.83594V7.87074C16.5013 8.41264 15.9445 8.4027 14.5723 8.56179C13.1256 8.73082 11.644 9.10866 11.644 10.8437C11.644 12.3452 12.7726 13.1705 14.2243 13.1705ZM14.5475 11.9773C13.7073 11.9773 13.1007 11.5994 13.1007 10.8636C13.1007 10.0682 13.8067 9.7848 14.6668 9.67045C15.149 9.60582 16.2925 9.47656 16.5063 9.26278V10.2472C16.5063 11.152 15.7854 11.9773 14.5475 11.9773Z" fill="#9B9B9B"/>
 </svg>
\ No newline at end of file
diff --git a/dist/img/icon/relation/url.svg b/dist/img/icon/relation/url.svg
index 12dffbacd0..ef758d402a 100644
--- a/dist/img/icon/relation/url.svg
+++ b/dist/img/icon/relation/url.svg
@@ -1,4 +1,4 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.7647 14.6284L22.169 12.2241C23.9345 10.4587 23.9345 7.59638 22.169 5.83095C20.4036 4.06553 17.5413 4.06553 15.7759 5.83095L12.9345 8.67236C11.169 10.4378 11.169 13.3001 12.9345 15.0655C13.3619 15.493 13.8537 15.817 14.3787 16.0374C14.3975 16.5452 14.2631 17.0577 13.9755 17.4995C13.2077 17.206 12.4878 16.7499 11.8689 16.1311C9.51505 13.7772 9.51505 9.96073 11.8689 7.60683L14.7104 4.76542C17.0643 2.41153 20.8807 2.41153 23.2346 4.76542C25.5885 7.11932 25.5885 10.9357 23.2346 13.2896L20.3932 16.1311C20.233 16.2912 20.066 16.4405 19.8932 16.5789C19.9294 15.9271 19.8866 15.2718 19.7647 14.6284Z" fill="#b6b6b6"/>
-<path d="M8.23527 13.3716L5.83095 15.7759C4.06553 17.5413 4.06553 20.4036 5.83095 22.169C7.59638 23.9345 10.4587 23.9345 12.2241 22.169L15.0655 19.3276C16.831 17.5622 16.831 14.6999 15.0655 12.9345C14.6381 12.507 14.1463 12.183 13.6213 11.9626C13.6025 11.4548 13.7369 10.9423 14.0245 10.5005C14.7923 10.794 15.5122 11.2501 16.1311 11.8689C18.485 14.2228 18.485 18.0393 16.1311 20.3932L13.2896 23.2346C10.9357 25.5885 7.11932 25.5885 4.76542 23.2346C2.41153 20.8807 2.41153 17.0643 4.76542 14.7104L7.60683 11.8689C7.76701 11.7088 7.93395 11.5595 8.10675 11.4211C8.0706 12.0729 8.11344 12.7282 8.23527 13.3716Z" fill="#b6b6b6"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8835 10.0056L15.3033 8.58581C16.3772 7.51187 16.3772 5.77067 15.3033 4.69672C14.2293 3.62278 12.4881 3.62278 11.4142 4.69672L9.29287 6.81804C8.21893 7.89199 8.21893 9.63319 9.29287 10.7071C9.64759 11.0618 10.0751 11.2994 10.5273 11.4198C10.4914 11.8129 10.323 12.1961 10.0221 12.497L9.76763 12.7514C9.20746 12.5454 8.68197 12.2176 8.23221 11.7678C6.57248 10.1081 6.57248 7.41711 8.23221 5.75738L10.3535 3.63606C12.0133 1.97633 14.7042 1.97633 16.3639 3.63606C18.0237 5.29579 18.0237 7.98674 16.3639 9.64647L14.2426 11.7678C14.1581 11.8523 14.0709 11.9326 13.9813 12.0085C14.0767 11.3424 14.0441 10.6615 13.8835 10.0056Z" fill="#9B9B9B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.11646 9.99439L4.69666 11.4142C3.62272 12.4881 3.62272 14.2293 4.69666 15.3033C5.7706 16.3772 7.51181 16.3772 8.58575 15.3033L10.7071 13.182C11.781 12.108 11.781 10.3668 10.7071 9.29287C10.3524 8.93815 9.92484 8.70059 9.47262 8.5802C9.50854 8.18714 9.67696 7.80391 9.97786 7.50301L10.2323 7.24856C10.7925 7.45457 11.318 7.78245 11.7677 8.23221C13.4275 9.89194 13.4275 12.5829 11.7677 14.2426L9.64641 16.3639C7.98668 18.0237 5.29573 18.0237 3.636 16.3639C1.97627 14.7042 1.97627 12.0133 3.636 10.3535L5.75732 8.23221C5.84186 8.14767 5.92907 8.06744 6.01868 7.99152C5.92321 8.65758 5.95581 9.33846 6.11646 9.99439Z" fill="#9B9B9B"/>
 </svg>
\ No newline at end of file
diff --git a/src/ts/component/util/iconObject.tsx b/src/ts/component/util/iconObject.tsx
index 4a4212457a..7a5dcbf5ff 100644
--- a/src/ts/component/util/iconObject.tsx
+++ b/src/ts/component/util/iconObject.tsx
@@ -402,8 +402,10 @@ const IconObject = observer(forwardRef<IconObjectRefProps, Props>((props, ref) =
 				break;
 			};
 
+			const folder = size > 24 ? 'big/' : '';
+
 			icn = icn.concat([ 'iconCommon', 'c' + iconSize ]);
-			icon = <img src={`./img/icon/relation/${Relation.iconName(relationKey, relationFormat)}.svg`} className={icn.join(' ')} />;
+			icon = <img src={`./img/icon/relation/${folder}${Relation.iconName(relationKey, relationFormat)}.svg`} className={icn.join(' ')} />;
 			break;
 		};