update

src/components/ConnectionIcon.vue

 <script setup lang="ts">
-withDefaults(defineProps<{ name: string; color?: string; w?: string; h?: string }>(), {
+withDefaults(defineProps<{ multicolour: boolean; name: string; color?: string; w?: string; h?: string }>(), {
+  multicolour: false,
   color: '#000000',
   w: '30',
   h: '30'
@@ -7,184 +8,361 @@ withDefaults(defineProps<{ name: string; color?: string; w?: string; h?: string
 </script>
 
 <template>
-  <svg
-    v-if="name === '1'"
-    t="1675654500635"
-    class="icon"
-    viewBox="0 0 1024 1024"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    p-id="10798"
-    :width="w"
-    :height="h">
-    <path
-      d="M664.250054 368.541681c10.015098 0 19.892049 0.732687 29.67281 1.795902-26.647917-122.810047-159.358451-214.077703-310.826188-214.077703-169.353083 0-308.085774 114.232694-308.085774 259.274068 0 83.708494 46.165436 152.460344 123.281791 205.78483l-30.80868 91.730191 107.688651-53.455469c38.558178 7.53665 69.459978 15.308661 107.924012 15.308661 9.66308 0 19.230993-0.470721 28.752858-1.225921-6.025227-20.36584-9.521864-41.723264-9.521864-63.862493C402.328693 476.632491 517.908058 368.541681 664.250054 368.541681zM498.62897 285.87389c23.200398 0 38.557154 15.120372 38.557154 38.061874 0 22.846334-15.356756 38.156018-38.557154 38.156018-23.107277 0-46.260603-15.309684-46.260603-38.156018C452.368366 300.994262 475.522716 285.87389 498.62897 285.87389zM283.016307 362.090758c-23.107277 0-46.402843-15.309684-46.402843-38.156018 0-22.941502 23.295566-38.061874 46.402843-38.061874 23.081695 0 38.46301 15.120372 38.46301 38.061874C321.479317 346.782098 306.098002 362.090758 283.016307 362.090758zM945.448458 606.151333c0-121.888048-123.258255-221.236753-261.683954-221.236753-146.57838 0-262.015505 99.348706-262.015505 221.236753 0 122.06508 115.437126 221.200938 262.015505 221.200938 30.66644 0 61.617359-7.609305 92.423993-15.262612l84.513836 45.786813-23.178909-76.17082C899.379213 735.776599 945.448458 674.90216 945.448458 606.151333zM598.803483 567.994292c-15.332197 0-30.807656-15.096836-30.807656-30.501688 0-15.190981 15.47546-30.477129 30.807656-30.477129 23.295566 0 38.558178 15.286148 38.558178 30.477129C637.361661 552.897456 622.099049 567.994292 598.803483 567.994292zM768.25071 567.994292c-15.213493 0-30.594809-15.096836-30.594809-30.501688 0-15.190981 15.381315-30.477129 30.594809-30.477129 23.107277 0 38.558178 15.286148 38.558178 30.477129C806.808888 552.897456 791.357987 567.994292 768.25071 567.994292z"
-      :fill="color"
-      p-id="10799"></path>
-  </svg>
-  <svg
-    v-if="name === '2'"
-    t="1675654004777"
-    class="icon"
-    viewBox="0 0 1024 1024"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    p-id="8908"
-    :width="w"
-    :height="h">
-    <path
-      d="M903.282484 382.828702c-2.999866 10.899512-6.899691 21.499038-11.699476 31.698581h0.099995l-0.599973 1.299942c-34.098474 76.596571-123.194485 226.989839-123.194485 226.989839l-0.399982-0.999955-25.998836 47.597869h125.394386L627.294839 1024l54.397565-227.589812h-98.795578l34.298465-150.493263c-27.798756 6.999687-60.497292 16.699252-99.395551 29.798666 0 0-52.49765 32.298554-151.393222-62.197216 0 0-66.697014-61.597243-27.998747-77.096548 16.399266-6.499709 79.796428-14.799337 129.694194-21.999015 67.296987-9.59957 108.79513-14.699342 108.79513-14.699342s-207.690703 3.299852-256.988496-4.899781c-49.297793-8.099637-111.695-94.49577-125.0944-170.392372 0 0-20.599078-41.698133 44.198021-21.999016 64.897095 19.699118 333.385076 76.796562 333.385076 76.796563S223.312923 266.933891 200.113962 239.535117 131.717024 89.741823 137.616759 14.645184c0 0 2.599884-18.799158 20.899065-13.799382 0 0 258.188442 123.994449 434.680541 191.691419C769.688464 260.434182 923.081598 295.032633 903.282484 382.828702z"
-      :fill="color"
-      p-id="8909"></path>
-  </svg>
-  <svg
-    v-if="name === '3'"
-    t="1675654843770"
-    class="icon"
-    viewBox="0 0 1024 1024"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    p-id="14477"
-    :width="w"
-    :height="h">
-    <path
-      d="M927.100379 675.459361c-1.321995-6.607974-9.439963-4.908981-14.915942-4.90898-32.096875 0-64.193749-2.265991-95.913626 0.377998-61.739759 5.09798-108.185577-26.243897-151.799407-62.683755-24.545904-20.39092-45.879821-44.558826-71.369721-64.00575-42.292835-32.474873-85.717665-62.305757-141.793446-64.759747-15.29294-0.566998-33.22987-1.321995-38.516849-21.524916a124.612513 124.612513 0 0 1-4.530983-28.697888c-0.754997-57.586775-4.530982-114.794552-4.153984-172.380326a397.890446 397.890446 0 0 0-20.012921-138.584459 195.037238 195.037238 0 0 0-49.089809-80.809684C298.563834 4.064984 254.571006-2.353991 207.748188 0.666997a41.631837 41.631837 0 0 0-33.04087 20.389921c-13.216948 17.181933 15.669939 47.768813-36.439858 47.390815-5.475979 0-33.796868-1.320995-41.537838 22.089913-5.285979 15.859938 82.697677 10.006961 100.256609 16.237937a11.913953 11.913953 0 0 0 5.09798-0.376999 94.591631 94.591631 0 0 0 67.780735 30.963879 29.132886 29.132886 0 0 1 28.509888 24.166906 411.692392 411.692392 0 0 1 11.705955 71.179722 447.471252 447.471252 0 0 1-10.19496 155.199394 302.524818 302.524818 0 0 1-33.985868 65.326745 268.70895 268.70895 0 0 0-36.439857 164.828356 191.97925 191.97925 0 0 0 47.201815 108.563576c21.901914 24.355905 52.110796 39.837844 72.124719 65.893742 26.621896 34.928864 52.487795 70.801723 81.186682 104.031594a155.879391 155.879391 0 0 1-1.509994 83.263675 29.887883 29.887883 0 0 1-26.244897 23.411908c-16.047937 1.321995-30.019883 11.139956-46.257819 13.216949 23.789907 2.264991 47.579814 1.320995 71.179721 2.45399 21.524916 1.132996 42.859833-11.705954 64.572748-0.943996a5.928977 5.928977 0 0 0 2.264991-0.754997c-4.530982-3.775985-8.306968-7.551971-12.837949-10.761958a54.319788 54.319788 0 0 1-22.656912-60.039766c2.45399-11.139956 3.586986-22.657911 5.09698-33.985867a419.150363 419.150363 0 0 0 142.549443 17.747931 200.135218 200.135218 0 0 1 7.173972 42.292834 31.359878 31.359878 0 0 1-22.655911 34.362866c-14.915942 4.908981-29.831883 10.005961-45.502822 15.103941a16.218937 16.218937 0 0 0 4.90998 2.076992c20.012922-0.188999 40.025844-0.754997 60.039766-0.565998a35.72186 35.72186 0 0 0 31.907875-12.64995c4.719982-6.608974 9.817962-6.419975 14.726943 0.565997a29.415885 29.415885 0 0 0 30.775879 9.629963 35.060863 35.060863 0 0 0-12.461951-16.615935 65.534744 65.534744 0 0 1-19.635923-27.565893c-3.963985-20.201921-8.117968-40.403842-12.271952-60.795762a92.363639 92.363639 0 0 0 56.830778-30.77488 357.070605 357.070605 0 0 0 59.473767-68.725731 127.500502 127.500502 0 0 1 44.369827-41.914837 228.248108 228.248108 0 0 0 68.347733-61.36176 69.593728 69.593728 0 0 1 42.669833-29.831883c4.531982-0.565998 13.782946 0 12.272953-7.92997zM239.090066 43.52483a9.892961 9.892961 0 0 1-9.062965-12.083953 9.779962 9.779962 0 0 1 9.251964-10.383959 10.081961 10.081961 0 0 1 10.38396 11.327955 10.34696 10.34696 0 0 1-10.572959 11.139957z"
-      :fill="color"
-      p-id="14478"></path>
-  </svg>
-  <svg
-    v-if="name === '4'"
-    t="1675654964339"
-    class="icon"
-    viewBox="0 0 1024 1024"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    p-id="16272"
-    :width="w"
-    :height="h">
-    <path
-      d="M559.22 180.986667a21.333333 21.333333 0 0 1-19.14-11.893334L512 112.206667l-28.08 56.886666a21.333333 21.333333 0 0 1-38.26-18.88L492.866667 54.56a21.333333 21.333333 0 0 1 38.266666 0l47.206667 95.653333a21.333333 21.333333 0 0 1-19.12 30.773334zM784.233333 377.333333a21.333333 21.333333 0 0 0-18.04-24.18l-94.46-13.706666-42.246666-85.593334a21.333333 21.333333 0 1 0-38.26 18.88l47.206666 95.653334a21.333333 21.333333 0 0 0 16.06 11.666666l105.56 15.333334a21.3 21.3 0 0 0 24.18-18.053334z m137.333334 118.62l76.386666-74.453333a21.333333 21.333333 0 0 0-11.826666-36.386667l-105.553334-15.333333a21.333333 21.333333 0 1 0-6.14 42.22l62.786667 9.126667-45.433333 44.28a21.333333 21.333333 0 0 0 29.773333 30.593333z m-152.393334 266a21.333333 21.333333 0 0 0 17.42-24.666666l-16.14-94.073334L838.8 576.666667a21.333333 21.333333 0 1 0-29.78-30.553334L732.666667 620.546667a21.333333 21.333333 0 0 0-6.14 18.886666l18 105.126667a21.333333 21.333333 0 0 0 21 17.733333 21.066667 21.066667 0 0 0 3.64-0.293333z m46.5 215.28a21.333333 21.333333 0 0 0 8.486667-20.866666l-18-105.133334a21.333333 21.333333 0 1 0-42.046667 7.213334l10.72 62.526666-56.166666-29.493333a21.333333 21.333333 0 0 0-19.853334 37.766667l94.413334 49.633333a21.333333 21.333333 0 0 0 22.466666-1.62zM625.333333 866.506667a21.333333 21.333333 0 0 0-8.96-28.806667l-94.413333-49.64a21.333333 21.333333 0 0 0-19.853333 0l-94.413334 49.64a21.333333 21.333333 0 1 0 19.853334 37.766667L512 831.046667l84.486667 44.42a21.333333 21.333333 0 0 0 28.846666-8.96z m-394.533333 112.373333l94.413333-49.633333a21.333333 21.333333 0 0 0-19.88-37.766667l-56.153333 29.52 10.72-62.526667a21.333333 21.333333 0 1 0-42.046667-7.213333l-18.033333 105.133333a21.333333 21.333333 0 0 0 30.953333 22.486667z m48.666667-234.32l18.033333-105.126667a21.333333 21.333333 0 0 0-6.166667-18.886666L214.98 546.093333A21.333333 21.333333 0 0 0 185.2 576.666667l68.353333 66.626666L237.413333 737.333333a21.333333 21.333333 0 0 0 17.42 24.666667 21.066667 21.066667 0 0 0 3.633334 0.313333 21.333333 21.333333 0 0 0 21-17.753333zM132.606667 495.586667a21.333333 21.333333 0 0 0-0.386667-30.166667l-45.433333-44.28L149.573333 412a21.333333 21.333333 0 0 0-6.14-42.22l-105.553333 15.333333a21.333333 21.333333 0 0 0-11.826667 36.386667L102.433333 496a21.333333 21.333333 0 0 0 30.173334-0.386667z m131.333333-100.193334l105.56-15.333333a21.333333 21.333333 0 0 0 16.06-11.666667l47.213333-95.66a21.333333 21.333333 0 1 0-38.26-18.88L352.266667 339.446667l-94.453334 13.726666a21.333333 21.333333 0 1 0 6.133334 42.22z"
-      :fill="color"
-      p-id="16273"></path>
-  </svg>
-  <svg
-    v-if="name === '5'"
-    t="1675655043899"
-    class="icon"
-    viewBox="0 0 1024 1024"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    p-id="17225"
-    :width="w"
-    :height="h">
-    <path
-      d="M832 192v640H192V192h640m32-64H160c-17.6 0-32 14.4-32 32v704c0 17.6 14.4 32 32 32h704c17.6 0 32-14.4 32-32V160c0-17.6-14.4-32-32-32zM768 640H576v64h192v-64zM512 512H256v192h256V512z m256 0H576v64h192v-64z m0-192H256v128h512V320z"
-      :fill="color"
-      p-id="17226"></path>
-  </svg>
-  <svg
-    v-if="name === '6'"
-    t="1675650497733"
-    class="icon"
-    viewBox="0 0 1024 1024"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    p-id="8488"
-    :width="w"
-    :height="h">
-    <path
-      d="M937.4 423.9c-84 0-165.7-27.3-232.9-77.8v352.3c0 179.9-138.6 325.6-309.6 325.6S85.3 878.3 85.3 698.4c0-179.9 138.6-325.6 309.6-325.6 17.1 0 33.7 1.5 49.9 4.3v186.6c-15.5-6.1-32-9.2-48.6-9.2-76.3 0-138.2 65-138.2 145.3 0 80.2 61.9 145.3 138.2 145.3 76.2 0 138.1-65.1 138.1-145.3V0H707c0 134.5 103.7 243.5 231.6 243.5v180.3l-1.2 0.1"
-      :fill="color"
-      p-id="8489"></path>
-  </svg>
-  <svg
-    v-if="name === '7'"
-    t="1675655112200"
-    class="icon"
-    viewBox="0 0 1138 1024"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    p-id="18176"
-    :width="w"
-    :height="h">
-    <path
-      d="M914.432 518.144q27.648 21.504 38.912 51.712t9.216 62.976-14.336 65.536-31.744 59.392q-34.816 48.128-78.848 81.92t-91.136 56.32-94.72 35.328-89.6 18.944-75.264 7.68-51.712 1.536-49.152-2.56-68.096-10.24-78.336-21.504-79.872-36.352-74.24-55.296-59.904-78.848q-16.384-29.696-22.016-63.488t-5.632-86.016q0-22.528 7.68-51.2t27.136-63.488 53.248-75.776 86.016-90.112q51.2-48.128 105.984-85.504t117.248-57.856q28.672-10.24 63.488-11.264t57.344 11.264q10.24 11.264 19.456 23.04t12.288 29.184q3.072 14.336 0.512 27.648t-5.632 26.624-5.12 25.6 2.048 22.528q17.408 2.048 33.792-1.536t31.744-9.216 31.232-11.776 33.28-9.216q27.648-5.12 54.784-4.608t49.152 7.68 36.352 22.016 17.408 38.4q2.048 14.336-2.048 26.624t-8.704 23.04-7.168 22.016 1.536 23.552q3.072 7.168 14.848 13.312t27.136 12.288 32.256 13.312 29.184 16.384zM656.384 836.608q26.624-16.384 53.76-45.056t44.032-64 18.944-75.776-20.48-81.408q-19.456-33.792-47.616-57.344t-62.976-37.376-74.24-19.968-80.384-6.144q-78.848 0-139.776 16.384t-105.472 43.008-72.192 60.416-38.912 68.608q-11.264 33.792-6.656 67.072t20.992 62.976 42.496 53.248 57.856 37.888q58.368 25.6 119.296 32.256t116.224 0.512 100.864-21.504 74.24-33.792zM522.24 513.024q20.48 8.192 38.912 18.432t32.768 27.648q10.24 12.288 17.92 30.72t10.752 39.424 1.536 42.496-9.728 38.912q-8.192 18.432-19.968 37.376t-28.672 35.328-40.448 29.184-57.344 18.944q-61.44 11.264-117.76-11.264t-88.064-74.752q-12.288-39.936-13.312-70.656t16.384-66.56q13.312-27.648 40.448-51.712t62.464-38.912 75.264-17.408 78.848 12.8zM359.424 764.928q37.888 3.072 57.856-18.432t21.504-48.128-15.36-47.616-52.736-16.896q-27.648 3.072-43.008 23.552t-17.408 43.52 9.728 42.496 39.424 21.504zM778.24 6.144q74.752 0 139.776 19.968t113.664 57.856 76.288 92.16 27.648 122.88q0 33.792-16.384 50.688t-35.328 17.408-35.328-14.336-16.384-45.568q0-40.96-22.528-77.824t-59.392-64.512-84.48-43.52-96.768-15.872q-31.744 0-47.104-15.36t-14.336-34.304 18.944-34.304 51.712-15.36zM778.24 169.984q95.232 0 144.384 48.64t49.152 146.944q0 30.72-10.24 43.52t-22.528 11.264-22.528-14.848-10.24-35.84q0-60.416-34.816-96.256t-93.184-35.84q-19.456 0-28.672-10.752t-9.216-23.04 9.728-23.04 28.16-10.752z"
-      :fill="color"
-      p-id="18177"></path>
-  </svg>
-  <svg
-    v-if="name === '8'"
-    t="1675654563546"
-    class="icon"
-    viewBox="0 0 1024 1024"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    p-id="12785"
-    :width="w"
-    :height="h">
-    <path
-      d="M288 64l-128 0C106.88 64 64 106.88 64 160l0 512C64 725.12 106.88 768 160 768l128 0C341.12 768 384 810.88 384 864 384 881.92 398.08 896 416 896S448 881.92 448 864l0-640C448 135.68 376.32 64 288 64zM800 64l-128 0C583.68 64 512 135.68 512 224l0 640C512 881.92 526.08 896 544 896 561.92 896 576 881.92 576 864c0-53.12 42.88-96 96-96l128 0c53.12 0 96-42.88 96-96l0-512C896 106.88 853.12 64 800 64z"
-      :fill="color"
-      p-id="12786"></path>
-  </svg>
-  <svg
-    v-if="name === '9'"
-    t="1675655183921"
-    class="icon"
-    viewBox="0 0 1024 1024"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    p-id="19990"
-    :width="w"
-    :height="h">
-    <path
-      d="M149.6 171.8h691.9c47.2 0 85.9 37.7 86.5 83.9L495.7 493 63.5 256c0.4-46.4 38.8-84.2 86.1-84.2z m-86.1 175l-0.4 419.6c0 46.7 38.9 84.9 86.5 84.9h691.9c47.6 0 86.5-38.2 86.5-84.9V346.6L505.9 572.8c-6.5 3.5-14.3 3.5-20.7 0l-421.7-226z"
-      :fill="color"
-      p-id="19991"></path>
-  </svg>
-  <svg
-    v-if="name === '10'"
-    t="1675655232589"
-    class="icon"
-    viewBox="0 0 1024 1024"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    p-id="20965"
-    :width="w"
-    :height="h">
-    <path
-      d="M850.727 116.266H171.593c-72.728 0-108.108 35.866-108.108 107.608v430.43c0 71.746 33.193 105.653 104.108 105.653h104.112l-12.808 109.564a35.679 35.679 0 0 0 19.029 31.562 35.753 35.753 0 0 0 17.005 4.307c6.988 0 13.982-2.014 19.962-6.028L521.57 759.957h333.156c72.081 0 104.109-33.906 104.109-105.653v-430.43c0-71.742-36.033-107.608-108.108-107.608zM303.159 490.172c-28.658 0-51.949-23.3-51.949-51.873 0-28.57 23.292-51.968 51.949-51.968 28.655 0 51.95 23.304 51.95 51.968-0.005 28.668-23.392 51.873-51.95 51.873z m207.887 0c-28.809 0-52.214-23.3-52.214-51.873 0-28.57 23.41-51.968 52.214-51.968 28.806 0 52.211 23.304 52.211 51.968 0.001 28.668-23.507 51.873-52.21 51.873z m208.21 0c-28.81 0-52.133-23.3-52.133-51.873 0-28.57 23.323-51.968 52.132-51.968 28.797 0 52.207 23.304 52.207 51.968 0 28.668-23.405 51.873-52.207 51.873z m0 0"
-      :fill="color"
-      p-id="20966"></path>
-  </svg>
-  <svg
-    v-if="name === '11'"
-    t="1675660021839"
-    class="icon"
-    viewBox="0 0 1024 1024"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    p-id="24527"
-    :width="w"
-    :height="h">
-    <path
-      d="M512 0C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0z m-32 769V353c0-17.7 14.3-32 32-32s32 14.3 32 32v416c0 8.8-3.6 16.8-9.4 22.6-5.8 5.8-13.8 9.4-22.6 9.4-17.7 0-32-14.3-32-32z m64-543.5c0 8.8-3.6 16.8-9.4 22.6-5.8 5.8-13.8 9.4-22.6 9.4-17.7 0-32-14.3-32-32v-1c0-17.7 14.3-32 32-32s32 14.3 32 32v1z"
-      :fill="color"
-      p-id="24528"></path>
-  </svg>
-  <svg
-    v-if="name === '12'"
-    t="1675659896272"
-    class="icon"
-    viewBox="0 0 1024 1024"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    p-id="21924"
-    :width="w"
-    :height="h">
-    <path
-      d="M911.275224 233.685939 825.637477 319.323686 704.59016 198.276368 790.227906 112.638622C816.453389 86.413139 859.427341 86.80945 886.152521 113.551861L910.379215 137.761325C937.104395 164.503736 937.500707 207.460456 911.275224 233.685939ZM293.012048 609.888941 414.059366 730.919028 232.479774 791.468533 293.012048 609.888941ZM801.393552 343.567611 438.28606 706.692334 317.238743 585.645016 680.363465 222.520293 801.393552 343.567611ZM179.666958 189.953826C151.166992 189.953826 127.974154 213.146665 127.974154 241.646631L127.974154 844.798277C127.974154 873.298243 151.166992 896.491082 179.666958 896.491082L782.818604 896.491082C811.31857 896.491082 834.511409 873.298243 834.511409 844.798277L834.511409 360.540082 868.973279 326.078212 868.973279 844.798277C868.973279 892.303964 830.324292 930.952951 782.818604 930.952951L179.666958 930.952951C132.161271 930.952951 93.512284 892.303964 93.512284 844.798277L93.512284 241.646631C93.512284 194.140944 132.161271 155.491957 179.666958 155.491957L698.387023 155.491957 663.925153 189.953826 179.666958 189.953826Z"
-      :fill="color"
-      p-id="21925"></path>
-  </svg>
+  <div>
+    <svg
+      v-if="name === '1'"
+      t="1675654500635"
+      class="icon"
+      viewBox="0 0 28 28"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      p-id="10798"
+      :width="w"
+      :height="h"
+    >
+      <path
+        d="M18.7121298828125,10.3173566015625C18.9936298828125,10.3173566015625,19.2704298828125,10.3387066015625,19.5488298828125,10.3692666015625C18.7992298828125,6.8785966015625,15.0684298828125,4.2857666015625,10.8081898828125,4.2857666015625C6.0462398828125,4.2857666015625,2.1456298828125,7.530166601562501,2.1456298828125,11.652666601562501C2.1456298828125,14.0313666015625,3.4427698828124997,15.9847666015625,5.6119198828125,17.5021666015625L4.7460798828125,20.1072666015625L7.7748298828125,18.5898666015625C8.8578598828125,18.8024666015625,9.7267298828125,19.022866601562498,10.8082198828125,19.022866601562498C11.0804798828125,19.022866601562498,11.3497398828125,19.010566601562502,11.6159198828125,18.9907666015625C11.4476398828125,18.4109666015625,11.3482598828125,17.805166601562497,11.3482598828125,17.1733666015625C11.3497098828125,13.3888666015625,14.5988298828125,10.3173566015625,18.7121298828125,10.3173566015625ZM14.0558298828125,7.969216601562501C14.7105298828125,7.969216601562501,15.1403298828125,8.399066601562499,15.1403298828125,9.0507366015625C15.1403298828125,9.6992566015625,14.7105298828125,10.1337766015625,14.0558298828125,10.1337766015625C13.4086298828125,10.1337766015625,12.7570298828125,9.6992866015625,12.7570298828125,9.0507366015625C12.7570298828125,8.3975466015625,13.4071298828125,7.969216601562501,14.0558298828125,7.969216601562501ZM7.9936098828125,10.1337466015625C7.3434698828125,10.1337466015625,6.6887098828125,9.6992566015625,6.6887098828125,9.050716601562499C6.6887098828125,8.3990366015625,7.3434398828125,7.9691866015625,7.9936098828125,7.9691866015625C8.6436398828125,7.9691866015625,9.0751298828125,8.3975266015625,9.0751298828125,9.050716601562499C9.0751598828125,9.6992566015625,8.6436598828125,10.1337466015625,7.9936098828125,10.1337466015625ZM26.6205298828125,17.0693666015625C26.6205298828125,13.6061066015625,23.1542298828125,10.783826601562499,19.2611298828125,10.783826601562499C15.1388298828125,10.783826601562499,11.8942498828125,13.6076466015625,11.8942498828125,17.0693666015625C11.8942498828125,20.5417666015625,15.1403298828125,23.3547666015625,19.2611298828125,23.3547666015625C20.1240298828125,23.3547666015625,20.9943298828125,23.1390666015625,21.8602298828125,22.9219666015625L24.2357298828125,24.2251666015625L23.5841298828125,22.0592666015625C25.3233298828125,20.7527666015625,26.6205298828125,19.022766601562502,26.6205298828125,17.0693666015625ZM16.8718298828125,15.9847666015625C16.4420298828125,15.9847666015625,16.0060298828125,15.5564666015625,16.0060298828125,15.1189666015625C16.0060298828125,14.6875666015625,16.4420298828125,14.2532566015625,16.8718298828125,14.2532566015625C17.5296298828125,14.2532566015625,17.9564298828125,14.6875666015625,17.9564298828125,15.1189666015625C17.9564298828125,15.5564666015625,17.5296298828125,15.9847666015625,16.8718298828125,15.9847666015625ZM21.6368298828125,15.9847666015625C21.2100298828125,15.9847666015625,20.7757298828125,15.5564666015625,20.7757298828125,15.1189666015625C20.7757298828125,14.6875666015625,21.2085298828125,14.2532566015625,21.6368298828125,14.2532566015625C22.2885298828125,14.2532566015625,22.7214298828125,14.6875666015625,22.7214298828125,15.1189666015625C22.7213298828125,15.5564666015625,22.2885298828125,15.9847666015625,21.6368298828125,15.9847666015625Z"
+        :fill="multicolour ? '#19AA20' : color"
+        p-id="10799"
+      ></path>
+    </svg>
+    <svg
+      v-if="name === '2'"
+      t="1675654004777"
+      class="icon"
+      viewBox="0 0 24 24"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      p-id="8908"
+      :width="w"
+      :height="h"
+    >
+      <path
+        d="M21.17067373046875,8.97251822265625C21.10037373046875,9.22797822265625,21.00897373046875,9.47640822265625,20.89647373046875,9.71545822265625L20.89887373046875,9.71545822265625L20.88477373046875,9.74591822265625Q20.08557373046875,11.54117822265625,17.99737373046875,15.06597822265625L17.987973730468752,15.04257822265625L17.378673730468748,16.15817822265625L20.31757373046875,16.15817822265625L14.70227373046875,23.99997822265625L15.97717373046875,18.66587822265625L13.66167373046875,18.66587822265625L14.46547373046875,15.13867822265625C13.81397373046875,15.30267822265625,13.04761373046875,15.53007822265625,12.13593373046875,15.83707822265625Q10.905523730468751,16.59407822265625,8.587663730468751,14.37927822265625Q7.02444373046875,12.93557822265625,7.93144373046875,12.57237822265625C8.31579373046875,12.41997822265625,9.80166373046875,12.22547822265625,10.97114373046875,12.05677822265625Q12.54842373046875,11.83177822265625,13.52107373046875,11.71227822265625Q8.65328373046875,11.78957822265625,7.49786373046875,11.59737822265625C6.34244373046875,11.40757822265625,4.88001373046875,9.38265822265625,4.56596373046875,7.60382822265625Q4.08317373046875,6.62652822265625,5.601853730468751,7.08822822265625Q7.12288373046875,7.54992822265625,13.41557373046875,8.88814822265625Q5.23390373046875,6.25623822265625,4.69017373046875,5.61407822265625C4.14645273046875,4.97191822265625,3.08712473046875,2.10329822265625,3.22539973046875,0.34321922265625Q3.28633453046875,-0.09738597734375,3.71522173046875,0.01979632265625Q9.76651373046875,2.92591822265625,13.90307373046875,4.51256822265625C18.03957373046875,6.10389822265625,21.63477373046875,6.91479822265625,21.17067373046875,8.97251822265625Z"
+        :fill="multicolour ? '#2877D7' : color"
+        p-id="8909"
+      ></path>
+    </svg>
+    <svg
+      v-if="name === '3'"
+      t="1675654843770"
+      class="icon"
+      viewBox="0 0 24 23.489362716674805"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      p-id="14477"
+      :width="w"
+      :height="h"
+    >
+      <path
+        d="M10.609953979492188,23.48939287109375C5.0496439794921875,23.54609287109375,0.1702099794921875,18.95039287109375,-0.0000025805078124998063,13.39009287109375C-0.0567402205078125,11.80139287109375,0.2269479794921875,10.83689287109375,1.9858139794921874,12.25529287109375C2.8368739794921876,12.93619287109375,3.8581539794921875,12.99289287109375,4.8794339794921875,12.99289287109375C7.943263979492188,12.99289287109375,11.007053979492188,12.99289287109375,14.070953979492188,12.99289287109375C17.418453979492188,12.93619287109375,18.496453979492188,11.80139287109375,18.553153979492187,8.39716287109375C18.609953979492186,6.35461287109375,18.553153979492187,4.31206287109375,18.553153979492187,2.26950287109375C18.553153979492187,1.30496287109375,18.723353979492188,0.34042787109375,19.801453979492187,0.05673987109375C21.049653979492188,-0.22694812890625,21.333353979492188,0.85106587109375,22.070953979492188,1.53191287109375C23.943253979492187,3.40425287109375,25.304953979492186,4.70922287109375,21.390053979492187,5.50355287109375C20.822653979492188,5.61702287109375,20.936153979492186,6.63830287109375,20.936153979492186,7.31915287109375C20.936153979492186,9.36170287109375,20.99295397949219,11.40429287109375,20.879453979492187,13.44679287109375C20.70925397949219,19.06379287109375,16.226953979492187,23.37589287109375,10.609953979492188,23.48939287109375Z"
+        :fill="multicolour ? '#2877D7' : color"
+        p-id="14478"
+      ></path>
+    </svg>
+    <svg
+      v-if="name === '4'"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      fill="none"
+      version="1.1"
+      :width="w"
+      :height="h"
+      viewBox="0 0 24.00000762939453 23.9979248046875"
+    >
+      <g style="mix-blend-mode: passthrough">
+        <g>
+          <g>
+            <path
+              d="M24.000051538085938,9.84599884765625C20.942771538085935,9.84599884765625,17.912601538085937,9.84599884765625,14.855371538085937,9.87341884765625C14.097821538085938,9.87341884765625,13.692001538085938,9.54430884765625,13.502611538085937,8.83122884765625C13.096786538085938,7.54219884765625,12.663904538085937,6.25316884765625,12.312187138085937,4.93670884765625C11.987525538085938,3.75738884765625,12.853289538085937,2.79746884765625,13.286171538085938,1.64556884765625C13.881381538085938,3.12657884765625,14.557761538085938,4.58016884765625,15.044751538085936,6.08860884765625C15.342361538085937,7.02109884765625,15.856411538085938,7.45991884765625,16.77628153808594,7.62447884765625C18.670141538085936,7.95358884765625,20.536941538085937,8.41982884765625,22.43085153808594,8.74894884765625C23.05305153808594,8.85864884765625,23.837651538085936,9.16033884765625,24.000051538085938,9.68143884765625C24.000051538085938,9.76371884765625,24.000051538085938,9.79113884765625,24.000051538085938,9.84599884765625Z"
+              :fill="multicolour ? '#CEAA62' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M22.59314462158203,11.13500814453125C21.294494621582032,12.25948314453125,20.022904621582033,13.41138314453125,18.69720462158203,14.50842314453125C18.23726462158203,14.892393144531251,18.10199462158203,15.276363144531249,18.21020462158203,15.90716314453125C18.56192462158203,18.07382314453125,18.80542462158203,20.24049314453125,19.07597462158203,22.407123144531248C19.15713462158203,23.03792314453125,19.292414621582033,23.696223144531253,18.399594621582033,23.99792314453125C17.42561462158203,21.09072314453125,16.47868462158203,18.15610314453125,15.477640621582031,15.24893314453125C15.207089621582032,14.48100314453125,15.369419721582032,13.95990314453125,16.018743621582033,13.49366314453125C17.07389462158203,12.72572314453125,18.10198462158203,11.90294314453125,19.18419462158203,11.16243414453125C20.26640462158203,10.42192814453125,21.53799462158203,10.86074714453125,22.59314462158203,11.13500814453125Z"
+              :fill="multicolour ? '#CEAA62' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M3.9250557220458986,21.50206884765625C4.384985722045898,19.63716884765625,4.682595722045899,17.99155884765625,5.196645722045899,16.40084884765625C5.467195722045899,15.52320884765625,5.2507557220458985,14.97468884765625,4.682595722045899,14.37130884765625C3.2486757220458986,12.835438847656249,1.8959157220458984,11.24472884765625,0.4890517220458984,9.70885884765625C0.11027972204589843,9.29746884765625,-0.24143727795410155,8.886075847656251,0.21850072204589843,8.14556884765625C2.7616857220458986,10.06539884765625,5.304865722045898,11.98522884765625,7.848045722045899,13.90506884765625C8.253875722045898,14.23417884765625,8.226815722045899,14.70041884765625,8.091545722045899,15.16666884765625C7.631605722045898,16.537978847656248,7.279885722045899,17.96413884765625,6.684675722045898,19.280568847656248C6.2247357220458985,20.35016884765625,4.980205722045898,20.65186884765625,3.9250557220458986,21.50206884765625Z"
+              :fill="multicolour ? '#CEAA62' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M1.54425048828125,7.92616C3.60044048828125,7.73418,5.2778604882812505,7.5422,6.95528048828125,7.45992C7.60460048828125,7.43249,7.87515048828125,7.15823,8.17276048828125,6.63713C9.17380048828125,4.7173,10.20189048828125,2.79747,11.22998048828125,0.877637C11.36526048828125,0.603376,11.52759048828125,0.301688,11.74405048828125,0.109705C11.87935048828125,8.17364e-9,12.17695048828125,-0.0274262,12.36635048828125,0.0274262C12.69095048828125,0.137131,12.44745048828125,0.411393,12.39335048828125,0.57595C11.52759048828125,3.40085,10.68888048828125,6.22574,9.82312048828125,9.02321C9.63373048828125,9.62658,9.22790048828125,9.87342,8.60564048828125,9.87342C7.25288048828125,9.84599,5.90012048828125,9.92827,4.57442048828125,9.84599C3.38400048828125,9.79114,2.7887904882812498,8.66667,1.54425048828125,7.92616Z"
+              :fill="multicolour ? '#CEAA62' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M3.7627716064453125,22.95569759765625C6.278901606445313,21.09071759765625,8.740911606445312,19.22573759765625,11.229981606445312,17.38818759765625C11.500541606445314,17.16877859765625,11.879311606445313,17.11392599765625,12.122801606445313,17.30590959765625C13.475561606445313,18.26582759765625,14.909471606445312,19.17088759765625,16.07287160644531,20.35021759765625C16.668071606445313,20.95358759765625,16.668071606445313,22.10548759765625,17.046871606445315,23.28481759765625C15.423571606445313,22.27004759765625,13.962571606445312,21.41983759765625,12.609791606445313,20.48734759765625C12.041641606445312,20.103377597656248,11.608761606445313,20.103377597656248,11.013541606445312,20.40506759765625C9.119681606445312,21.33755759765625,7.198771606445312,22.21518759765625,5.304911606445312,23.147677597656248C4.817921606445313,23.36708759765625,4.330929606445313,23.61392759765625,3.7627716064453125,22.95569759765625Z"
+              :fill="multicolour ? '#CEAA62' : color"
+              fill-opacity="1"
+            />
+          </g>
+        </g>
+      </g>
+    </svg>
+    <svg
+      v-if="name === '5'"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      fill="none"
+      :width="w"
+      :height="h"
+      viewBox="0 0 26 16.5845947265625"
+    >
+      <g style="mix-blend-mode: passthrough">
+        <g>
+          <path
+            d="M13.4703,7.72793L13.4703,9.50796L15.1635,9.37771L19.453,6.94645L23.8553,8.81331L25.5485,8.72648L25.5485,6.94645L24.4197,7.03329L21.5224,5.77424L25.3603,3.60347L25.3603,0.520984L23.0275,0.694645L17.6469,1.04197L15.7656,0L13.3951,4.38495L15.3517,5.20984L16.631,2.86541L23.0275,2.43126L23.0275,2.86541L19.453,4.90593L16.6686,3.73372L15.7656,5.3835L17.3835,6.07815L14.5991,7.6411L13.4703,7.72793ZM7.71346,11.2445L12.0405,10.9841L12.0405,9.20403L9.18089,9.37769L9.18089,1.56293L6.84804,1.73659L6.84804,9.55135L0,9.9855L0,11.7655L4.74095,11.4616L2.63386,14.6309L0.0752532,14.8046L0.0752532,16.5846L4.40231,16.2807L7.71346,11.2445ZM5.49348,5.20984L3.61215,2.47467L1.01592,2.64833L2.89725,5.3835L5.49348,5.20984ZM3.61215,5.90448L5.49348,8.68306L2.89725,8.81331L1.01592,6.07814L3.61215,5.90448ZM25.5485,9.24744L25.5485,10.9841L20.6946,11.3314L20.6946,15.2388L18.3618,15.369L18.3618,11.4616L13.508,11.8089L13.508,10.0289L18.3618,9.72501L18.3618,8.81329L20.6946,8.68304L20.6946,9.55135L25.5485,9.24744ZM7.93921,11.7221L9.78291,15.9334L12.3791,15.7597L10.5354,11.5919L7.93921,11.7221ZM24.2692,11.5919L21.9363,11.7655L23.6295,15.0217L26,14.8914L24.2692,11.5919ZM15.8408,15.5426L13.508,15.7163L15.0506,12.1996L17.3835,12.0694L15.8408,15.5426Z"
+            fill-rule="evenodd"
+            :fill="multicolour ? '#C20000' : color"
+            fill-opacity="1"
+          />
+        </g>
+      </g>
+    </svg>
+    <svg
+      v-if="name === '6'"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      fill="none"
+      version="1.1"
+      :width="w"
+      :height="h"
+      viewBox="0 0 18 20.4871826171875"
+    >
+      <g style="mix-blend-mode: passthrough">
+        <g>
+          <g>
+            <path
+              d="M3.30718994140625,13.55474078125C3.30718994140625,12.93392078125,3.51413094140625,11.89921078125,4.44536994140625,11.17492078125C4.96271994140625,10.76103078125,5.79047994140625,10.55409078125,7.03212994140625,10.55409078125L7.03212994140625,8.07080078125C7.23906994140625,8.07080078125,7.44600994140625,8.07080078125,7.75641994140625,8.07080078125L7.75641994140625,11.38186078125C6.51477994140625,11.38186078125,5.6870099414062505,11.58880078125,5.16965994140625,12.00268078125C4.23842494140625,12.72697078125,4.03148394140625,13.65821078125,4.03148394140625,14.38250078125C4.03148394140625,14.89986078125,4.23842494140625,15.417210781249999,4.54883994140625,15.93456078125C3.72107194140625,15.31374078125,3.30718994140625,14.27903078125,3.30718994140625,13.55474078125Z"
+              :fill="multicolour ? '#DD1F3F' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M12.619537353515625,1.2416726093750001Q12.619537353515625,1.034731609375,12.619537353515625,0.620849609375L13.343831353515625,0.620849609375Q13.343831353515625,1.4486136093750002,13.343831353515625,1.862499609375C13.343831353515625,2.586789609375,13.654247353515625,3.104139609375,14.068127353515624,3.621499609375C13.343831353515625,3.207609609375,12.619537353515625,2.2763796093749997,12.619537353515625,1.2416726093750001Z"
+              :fill="multicolour ? '#000000' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M18.000021240234375,5.79438796875L18.000021240234375,9.10544796875C17.793021240234374,9.10544796875,17.172221240234375,9.00197796875,16.344421240234375,8.89850796875C15.516721240234375,8.69156796875,14.378521240234376,8.27767796875,13.136821240234376,7.44991796875L13.136821240234376,14.17549796875C13.136821240234376,14.79632796875,12.929921240234375,20.487217968750002,7.032111240234375,20.487217968750002C4.755751240234375,20.487217968750002,3.100231240234375,19.65941796875,2.065521240234375,18.41781796875C3.100231240234375,19.24551796875,4.4453412402343755,19.76291796875,6.307811240234375,19.76291796875C12.309121240234376,19.76291796875,12.412621240234374,14.07202796875,12.412621240234374,13.451207968750001L12.412621240234374,6.7256279687500005C13.654221240234374,7.55338796875,14.792421240234376,7.96726796875,15.620121240234376,8.17420796875C16.551421240234376,8.38114796875,17.068721240234375,8.38114796875,17.275721240234375,8.38114796875L17.275721240234375,5.69091796875C17.586121240234377,5.69091796875,17.793021240234374,5.69091796875,18.000021240234375,5.79438796875Z"
+              :fill="multicolour ? '#DD1F3F' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M17.379170068359375,5.6908331640625L17.379170068359375,8.484533164062501C17.172270068359374,8.484533164062501,16.551370068359375,8.484533164062501,15.723670068359375,8.2775931640625C14.895870068359375,8.070653164062499,13.757670068359374,7.6567731640625,12.516070068359374,6.8290031640625L12.516070068359374,13.4511431640625C12.516070068359374,14.0719431640625,12.309070068359375,19.7628431640625,6.411290068359375,19.7628431640625C4.548820068359375,19.7628431640625,3.203700068359375,19.2454431640625,2.169000068359375,18.4177431640625C0.410000068359375,16.4517431640625,0.306530068359375,13.4511431640625,1.341235068359375,11.3817431640625C2.4794100683593747,9.2088231640625,4.341880068359375,8.1741231640625,7.032110068359375,8.070653164062499L7.032110068359375,10.6574131640625C5.790470068359375,10.6574131640625,4.962700068359375,10.8643431640625,4.4453500683593745,11.2782431640625C3.514120068359375,12.0025431640625,3.307180068359375,12.9337431640625,3.307180068359375,13.6580431640625C3.307180068359375,14.3823431640625,3.721060068359375,15.3135431640625,4.548820068359375,15.9344431640625C5.066170068359375,16.5552431640625,5.790470068359375,17.0725431640625,6.825170068359375,17.0725431640625C8.687640068359375,17.0725431640625,9.618880068359376,15.4170431640625,9.618880068359376,14.1754431640625C9.618880068359376,13.3476431640625,9.618880068359376,8.8984131640625,9.618880068359376,0.7242431640625L12.619570068359375,0.7242431640625Q12.619570068359375,1.1381251640625,12.619570068359375,1.3450661640625001C12.619570068359375,2.3797731640624997,13.343770068359374,3.2075331640625,14.068070068359376,3.8283631640625C14.688970068359374,4.5526531640625,15.413270068359376,4.9665331640625,15.930570068359375,5.2769431640625C16.344470068359374,5.3804131640625,16.861770068359377,5.4838931640625,17.379170068359375,5.6908331640625Z"
+              :fill="multicolour ? '#000000' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M1.34124,11.3817533203125C0.306535,13.4511633203125,0.410006,16.4518133203125,2.06553,18.417703320312498C-0.210818,16.555283320312498,-0.521229,13.0372833203125,0.720417,10.6574633203125C1.85859,8.3811113203125,4.03147,7.2429353203125,7.03212,7.4498759203125L7.03212,8.0706993203125C4.34189,8.0706993203125,2.47942,9.2088733203125,1.34124,11.3817533203125Z"
+              :fill="multicolour ? '#4DE2C6' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M8.894588125,0L12.619528125,0L12.619528125,0.724294L9.618888125,0.724294C9.618888125,8.89847,9.618888125,13.3477,9.618888125,14.1755C9.618888125,15.4171,8.687648124999999,17.0726,6.825178125,17.0726C5.790478125,17.0726,4.962710125,16.5553,4.548828125,15.9345C4.962710125,16.2449,5.480063125,16.4518,6.100888125,16.4518C7.963358125,16.4518,8.894588125,14.7963,8.894588125,13.5546C8.894588125,12.6234,8.894588125,8.17417,8.894588125,0Z"
+              :fill="multicolour ? '#4DE2C6' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M17.379175234375,5.069973515625L17.379175234375,5.587323515625C16.861815234375,5.483853515625,16.344465234375,5.380383515625,15.930585234375,5.173443515625C15.413235234375,4.966503515625,14.585468234375,4.449147515625,14.068115234375,3.724853515625C14.481998234375,4.138735515625,14.895880234375,4.345676515625,15.206295234375,4.552618515625C15.827115234375,4.7595635156250005,16.551405234375,4.966503515625,17.379175234375,5.069973515625Z"
+              :fill="multicolour ? '#4DE2C6' : color"
+              fill-opacity="1"
+            />
+          </g>
+        </g>
+      </g>
+    </svg>
+    <svg
+      v-if="name === '7'"
+      t="1675655112200"
+      class="icon"
+      viewBox="0 0 1138 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      p-id="18176"
+      :width="w"
+      :height="h"
+    >
+      <path
+        d="M914.432 518.144q27.648 21.504 38.912 51.712t9.216 62.976-14.336 65.536-31.744 59.392q-34.816 48.128-78.848 81.92t-91.136 56.32-94.72 35.328-89.6 18.944-75.264 7.68-51.712 1.536-49.152-2.56-68.096-10.24-78.336-21.504-79.872-36.352-74.24-55.296-59.904-78.848q-16.384-29.696-22.016-63.488t-5.632-86.016q0-22.528 7.68-51.2t27.136-63.488 53.248-75.776 86.016-90.112q51.2-48.128 105.984-85.504t117.248-57.856q28.672-10.24 63.488-11.264t57.344 11.264q10.24 11.264 19.456 23.04t12.288 29.184q3.072 14.336 0.512 27.648t-5.632 26.624-5.12 25.6 2.048 22.528q17.408 2.048 33.792-1.536t31.744-9.216 31.232-11.776 33.28-9.216q27.648-5.12 54.784-4.608t49.152 7.68 36.352 22.016 17.408 38.4q2.048 14.336-2.048 26.624t-8.704 23.04-7.168 22.016 1.536 23.552q3.072 7.168 14.848 13.312t27.136 12.288 32.256 13.312 29.184 16.384zM656.384 836.608q26.624-16.384 53.76-45.056t44.032-64 18.944-75.776-20.48-81.408q-19.456-33.792-47.616-57.344t-62.976-37.376-74.24-19.968-80.384-6.144q-78.848 0-139.776 16.384t-105.472 43.008-72.192 60.416-38.912 68.608q-11.264 33.792-6.656 67.072t20.992 62.976 42.496 53.248 57.856 37.888q58.368 25.6 119.296 32.256t116.224 0.512 100.864-21.504 74.24-33.792zM522.24 513.024q20.48 8.192 38.912 18.432t32.768 27.648q10.24 12.288 17.92 30.72t10.752 39.424 1.536 42.496-9.728 38.912q-8.192 18.432-19.968 37.376t-28.672 35.328-40.448 29.184-57.344 18.944q-61.44 11.264-117.76-11.264t-88.064-74.752q-12.288-39.936-13.312-70.656t16.384-66.56q13.312-27.648 40.448-51.712t62.464-38.912 75.264-17.408 78.848 12.8zM359.424 764.928q37.888 3.072 57.856-18.432t21.504-48.128-15.36-47.616-52.736-16.896q-27.648 3.072-43.008 23.552t-17.408 43.52 9.728 42.496 39.424 21.504zM778.24 6.144q74.752 0 139.776 19.968t113.664 57.856 76.288 92.16 27.648 122.88q0 33.792-16.384 50.688t-35.328 17.408-35.328-14.336-16.384-45.568q0-40.96-22.528-77.824t-59.392-64.512-84.48-43.52-96.768-15.872q-31.744 0-47.104-15.36t-14.336-34.304 18.944-34.304 51.712-15.36zM778.24 169.984q95.232 0 144.384 48.64t49.152 146.944q0 30.72-10.24 43.52t-22.528 11.264-22.528-14.848-10.24-35.84q0-60.416-34.816-96.256t-93.184-35.84q-19.456 0-28.672-10.752t-9.216-23.04 9.728-23.04 28.16-10.752z"
+        :fill="multicolour ? '#D31818' : color"
+        p-id="18177"
+      ></path>
+    </svg>
+    <svg
+      v-if="name === '8'"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      fill="none"
+      version="1.1"
+      :width="w"
+      :height="h"
+      viewBox="0 0 42 10.6287841796875"
+    >
+      <g style="mix-blend-mode: passthrough">
+        <g>
+          <g>
+            <path
+              d="M3.58743,2.720703125L0.676873,2.720703125Q0.930701,5.441383125,0,7.509093125L1.55681,9.552623125Q3.63819,8.923843125000001,3.58743,2.720703125Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M13.080569743652344,2.720703125L10.153095850652344,2.720703125Q10.119252043652343,8.911753125,12.183719743652343,9.552623125L13.740519743652344,7.509093125C13.757449743652344,7.509093125,12.826749743652343,5.441383125,13.080569743652344,2.720703125Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M5.431911192398071,8.948L3.5874311923980713,8.948Q3.5874311923980713,10.4958,5.414991192398071,10.6288L6.345691192398071,10.6288Q8.207091192398071,10.6288,8.291701192398072,9.1052L8.291701192398072,0L5.431911192398071,0L5.431911192398071,8.948Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M15.263494921875001,4.59492L17.158739921875,4.59492L15.703459921875,6.711Q14.857370921875,7.89601,16.211119921875,7.94438L19.375499921875,7.94438L20.644639921875,6.31197L19.070909921875,6.31197C18.867849921875,6.31197,18.732469921875,6.15478,18.833999921874998,6.03386L21.186139921875,2.73277L18.444799921875,2.73277L18.275579921875,2.97461L18.106359921875,2.97461C17.903299921875,2.97461,17.767929921875,2.81741,17.869459921875,2.69649L19.832389921875,0L17.091049921875,0L14.755839921875,3.36155Q13.909748921875,4.55865,15.263494921875001,4.59492Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M15.669624886779784,8.5973725078125Q15.314264886779785,8.6215565078125,15.094274886779786,8.4522705078125L13.672844886779785,10.3990705078125Q13.909750886779785,10.6288105078125,14.383560886779785,10.6288105078125L17.903304886779786,10.6288105078125L19.409344886779785,8.5973735078125L15.669624886779784,8.5973725078125Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M26.27961172241211,2.720679140625L28.09024172241211,2.720679140625L28.09024172241211,0.640869140625L21.62610172241211,0.640869140625L21.62610172241211,2.720679140625L23.47058172241211,2.720679140625L23.47058172241211,8.669889140625L20.76309172241211,8.669889140625L19.39242172241211,10.628779140625L29.02094172241211,10.628779140625L29.02094172241211,8.669889140625L26.27961172241211,8.669889140625L26.27961172241211,2.720679140625Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M39.22485031738282,4.25635L38.886380317382816,4.25635L38.886380317382816,2.91415C38.886380317382816,1.65659,37.464950317382815,0.640871,35.70507031738281,0.640871L34.605150317382815,0.640871L34.605150317382815,0L31.813050317382814,0L31.813050317382814,0.628779L30.05318031738281,0.628779L30.05318031738281,2.66022L31.813050317382814,2.66022L31.813050317382814,4.24426L29.020950317382812,4.24426L29.020950317382812,6.28779L31.813050317382814,6.28779L31.813050317382814,10.6288L34.605150317382815,10.6288L34.605150317382815,6.28779L38.446410317382814,6.28779C38.81869031738281,6.28779,39.12325031738281,6.50544,39.12325031738281,6.77146L39.12325031738281,8.91173L36.466560317382815,8.91173C36.466560317382815,9.8549,37.53263031738281,10.6288,38.86946031738281,10.6288L39.59705031738281,10.6288C40.91695031738281,10.6288,41.99995031738281,9.86699,41.99995031738281,8.91173L41.99995031738281,6.22733C41.98305031738281,5.13906,40.74775031738281,4.25635,39.22485031738282,4.25635ZM34.605150317382815,2.67231L35.60354031738281,2.67231C35.84045031738281,2.67231,36.04351031738281,2.80532,36.04351031738281,2.9867L36.04351031738281,4.25635L34.605150317382815,4.25635L34.605150317382815,2.67231Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M41.93229975097656,1.632405140625C41.93229975097656,1.088269140625,41.306189750976564,0.640869140625,40.544709750976565,0.640869140625C39.78322675097656,0.640869140625,39.15711975097656,1.088269140625,39.15711975097656,1.632405140625L39.15711975097656,2.623939140625L40.544709750976565,2.623939140625C41.32310975097656,2.623939140625,41.93229975097656,2.176539140625,41.93229975097656,1.632405140625Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+        </g>
+      </g>
+    </svg>
+    <svg
+      v-if="name === '9'"
+      t="1675655183921"
+      class="icon"
+      viewBox="0 0 1024 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      p-id="19990"
+      :width="w"
+      :height="h"
+    >
+      <path
+        d="M149.6 171.8h691.9c47.2 0 85.9 37.7 86.5 83.9L495.7 493 63.5 256c0.4-46.4 38.8-84.2 86.1-84.2z m-86.1 175l-0.4 419.6c0 46.7 38.9 84.9 86.5 84.9h691.9c47.6 0 86.5-38.2 86.5-84.9V346.6L505.9 572.8c-6.5 3.5-14.3 3.5-20.7 0l-421.7-226z"
+        :fill="multicolour ? '#2877D7' : color"
+        p-id="19991"
+      ></path>
+    </svg>
+    <svg
+      v-if="name === '10'"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      fill="none"
+      version="1.1"
+      :width="w"
+      :height="h"
+      viewBox="0 0 20 20"
+    >
+      <g style="mix-blend-mode: passthrough">
+        <g>
+          <path
+            d="M20,9C20,12.8624,17.2967,16.1565,13.5,17.4334C12.4107,17.7997,11.2313,18,10,18Q6,18,1,20L2.1323,17.5543C2.6952,16.3384,2.336,14.9248,1.5616,13.8314C0.5729,12.4356,0,10.778,0,9C0,4.0294,4.4772,0,10,0C15.5228,0,20,4.0294,20,9Z"
+            :fill="multicolour ? '#19AA20' : color"
+            fill-opacity="1"
+          />
+        </g>
+      </g>
+    </svg>
+    <svg
+      v-if="name === '11'"
+      t="1675660021839"
+      class="icon"
+      viewBox="0 0 1024 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      p-id="24527"
+      :width="w"
+      :height="h"
+    >
+      <path
+        d="M512 0C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0z m-32 769V353c0-17.7 14.3-32 32-32s32 14.3 32 32v416c0 8.8-3.6 16.8-9.4 22.6-5.8 5.8-13.8 9.4-22.6 9.4-17.7 0-32-14.3-32-32z m64-543.5c0 8.8-3.6 16.8-9.4 22.6-5.8 5.8-13.8 9.4-22.6 9.4-17.7 0-32-14.3-32-32v-1c0-17.7 14.3-32 32-32s32 14.3 32 32v1z"
+        :fill="multicolour ? '#D31818' : color"
+        p-id="24528"
+      ></path>
+    </svg>
+    <svg
+      v-if="name === '12'"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      fill="none"
+      version="1.1"
+      :width="w"
+      :height="h"
+      viewBox="0 0 24 24"
+    >
+      <g clip-path="url(#master_svg0_457_9611)">
+        <g><rect x="0" y="0" width="24" height="24" rx="0" fill="#FFFFFF" fill-opacity="0.009999999776482582" /></g>
+        <g>
+          <path
+            d="M11.9993,2.5L8.9428,8.738800000000001L2,9.74555L7.02945,14.6625L5.8271999999999995,21.5L11.9993,18.209600000000002L18.1727,21.5L16.979300000000002,14.6625L22,9.74555L15.0956,8.738800000000001L11.9993,2.5Z"
+            :fill="multicolour ? '#19AAA5' : color"
+            fill-opacity="1"
+          />
+          <path
+            d="M14.1999,9.18336L11.10355,2.944564L11.9993,2.5L12.8973,2.939956L9.84082,9.17876Q9.78714,9.288319999999999,9.7087,9.38176Q9.63025,9.47521,9.53164,9.547049999999999Q9.433029999999999,9.61889,9.320039999999999,9.66492Q9.207049999999999,9.71094,9.086310000000001,9.728449999999999L2.143505,10.7352L2,9.74555L2.699068,9.03049L7.72852,13.9475Q7.81571,14.0327,7.87987,14.1364Q7.94403,14.2401,7.98138,14.3562Q8.01873,14.4723,8.0271,14.594Q8.03546,14.7156,8.01434,14.8357L6.81209,21.6732L5.8271999999999995,21.5L5.35677,20.6176L11.52887,17.327199999999998Q11.63745,17.2693,11.75683,17.2394Q11.87621,17.209600000000002,11.99926,17.209600000000002Q12.1223,17.209600000000002,12.2417,17.2394Q12.3611,17.269199999999998,12.4697,17.3271L18.6431,20.6175L18.1727,21.5L17.1876,21.6719L15.9942,14.8345Q15.9733,14.7146,15.9817,14.5932Q15.9901,14.4719,16.0274,14.356Q16.064700000000002,14.2402,16.128700000000002,14.1367Q16.192700000000002,14.0332,16.279600000000002,13.9481L21.3003,9.0311L22,9.74555L21.8557,10.73509L14.9514,9.72834Q14.8314,9.710840000000001,14.7191,9.66518Q14.6067,9.61951,14.5086,9.54833Q14.4104,9.47714,14.3321,9.38456Q14.2538,9.291979999999999,14.1999,9.18336ZM15.9914,8.29424L15.0956,8.738800000000001L15.2399,7.74926L22.1443,8.75601Q22.3068,8.77971,22.4532,8.85412Q22.5995,8.92854,22.7144,9.045860000000001Q22.7834,9.11623,22.8372,9.19869Q22.8911,9.28115,22.9278,9.372530000000001Q22.9646,9.46391,22.9828,9.5607Q23.001,9.657499999999999,22.9999,9.755980000000001Q22.9989,9.85447,22.9787,9.950859999999999Q22.9585,10.04726,22.9198,10.13785Q22.8812,10.228449999999999,22.8256,10.30977Q22.7701,10.391079999999999,22.6997,10.46L17.679000000000002,15.377L16.979300000000002,14.6625L17.964399999999998,14.4906L19.1578,21.3281Q19.1865,21.4927,19.1602,21.6578Q19.1338,21.8228,19.0552,21.9704Q19.0089,22.0573,18.9465,22.1335Q18.8841,22.2097,18.808,22.2723Q18.7319,22.3348,18.6451,22.3814Q18.5583,22.4279,18.4641,22.4566Q18.3699,22.4853,18.2719,22.4951Q18.1739,22.5048,18.0759,22.4953Q17.977800000000002,22.4858,17.883499999999998,22.4573Q17.7893,22.4288,17.7023,22.3825L11.52894,19.0921L11.9993,18.209600000000002L12.4697,19.092L6.29763,22.3824Q6.14983,22.4612,5.9844100000000005,22.4876Q5.818989999999999,22.5139,5.65402,22.4849Q5.55702,22.4678,5.46521,22.4322Q5.3734,22.3965,5.2903,22.3436Q5.20721,22.2908,5.13603,22.2227Q5.06485,22.1546,5.008319999999999,22.074Q4.95179,21.9933,4.91208,21.9032Q4.87237,21.8131,4.8510100000000005,21.7169Q4.8296399999999995,21.6208,4.82745,21.5223Q4.8252500000000005,21.4238,4.8423099999999994,21.3268L6.04456,14.4894L7.02945,14.6625L6.33038,15.3776L1.300932,10.460609999999999Q1.183206,10.34551,1.108592,10.19875Q1.0339770000000001,10.05199,1.0103499999999999,9.88906Q0.9962200000000001,9.79158,1.00137,9.69323Q1.006523,9.59487,1.0307659999999998,9.499410000000001Q1.055009,9.40395,1.0974089999999999,9.31505Q1.13981,9.22615,1.198738,9.14724Q1.257667,9.06832,1.33086,9.002410000000001Q1.404052,8.93651,1.488696,8.88615Q1.573339,8.83579,1.666181,8.80291Q1.759023,8.77003,1.856495,8.7559L8.79929,7.74915L8.9428,8.738800000000001L8.04478,8.29884L11.10128,2.060044Q11.17392,1.911767,11.29038,1.794712Q11.40683,1.677658,11.55474,1.604253Q11.64296,1.560467,11.73803,1.534734Q11.8331,1.509002,11.93136,1.50231Q12.0296,1.49562,12.1273,1.508227Q12.225,1.520835,12.3183,1.552257Q12.4117,1.583679,12.4971,1.632708Q12.5825,1.681737,12.6567,1.746489Q12.7309,1.8112409999999999,12.7911,1.889227Q12.8513,1.967213,12.895,2.055436L15.9914,8.29424Z"
+            :fill="multicolour ? '#19AAA5' : color"
+            fill-opacity="1"
+          />
+        </g>
+      </g>
+    </svg>
+  </div>
 </template>
+
+<style lang="scss"></style>

src/components/base/AppList.vue

@@ -138,7 +138,8 @@ defineExpose({ refetch, tableRef })
                   clearable
                   @change="search"
                   style="width: 200px"
-                  v-if="item.type === 'input'" />
+                  v-if="item.type === 'input'"
+                />
                 <!-- select -->
                 <el-select
                   v-model="params[item.prop]"
@@ -146,12 +147,14 @@ defineExpose({ refetch, tableRef })
                   filterable
                   clearable
                   @change="search"
-                  v-if="item.type === 'select'">
+                  v-if="item.type === 'select'"
+                >
                   <el-option
                     v-for="(option, index) in item.options"
                     :label="option[item.labelKey] || option.label || option"
                     :value="option[item.valueKey] || option.value || option"
-                    :key="index" />
+                    :key="index"
+                  />
                 </el-select>
               </template>
             </el-form-item>
@@ -170,12 +173,12 @@ defineExpose({ refetch, tableRef })
     <div class="table-list-bd">
       <slot name="body" v-bind="{ data: dataList }">
         <el-table
-          stripe
           :header-cell-style="{ background: '#ededed' }"
           :data="dataList"
           v-loading="loading"
           v-bind="$attrs"
-          ref="tableRef">
+          ref="tableRef"
+        >
           <el-table-column align="center" v-bind="item || {}" v-for="item in columns" :key="item.prop">
             <template #default="scope" v-if="item.slots || item.computed">
               <slot :name="item.slots" v-bind="scope" v-if="item.slots"></slot>
@@ -201,7 +204,8 @@ defineExpose({ refetch, tableRef })
         @size-change="pageSizeChange"
         @current-change="fetchList()"
         :hide-on-single-page="true"
-        v-if="hasPagination">
+        v-if="hasPagination"
+      >
       </el-pagination>
     </div>
   </div>

src/components/base/UpdateMaterialDialog.vue

@@ -22,7 +22,7 @@ const form = $ref(
   props.data || {
     name: '',
     content: '',
-    status: ''
+    status: '1'
   }
 )
 

src/modules/connect/components/Icon.vue

 <script setup lang="ts">
-withDefaults(defineProps<{ name: string; color?: string; w?: string; h?: string }>(), {
+withDefaults(defineProps<{ multicolour: boolean; name: string; color?: string; w?: string; h?: string }>(), {
+  multicolour: false,
   color: '#000000',
   w: '30',
   h: '30'
@@ -12,7 +13,7 @@ withDefaults(defineProps<{ name: string; color?: string; w?: string; h?: string
       v-if="name === '1'"
       t="1675654500635"
       class="icon"
-      viewBox="0 0 1024 1024"
+      viewBox="0 0 28 28"
       version="1.1"
       xmlns="http://www.w3.org/2000/svg"
       p-id="10798"
@@ -20,8 +21,8 @@ withDefaults(defineProps<{ name: string; color?: string; w?: string; h?: string
       :height="h"
     >
       <path
-        d="M664.250054 368.541681c10.015098 0 19.892049 0.732687 29.67281 1.795902-26.647917-122.810047-159.358451-214.077703-310.826188-214.077703-169.353083 0-308.085774 114.232694-308.085774 259.274068 0 83.708494 46.165436 152.460344 123.281791 205.78483l-30.80868 91.730191 107.688651-53.455469c38.558178 7.53665 69.459978 15.308661 107.924012 15.308661 9.66308 0 19.230993-0.470721 28.752858-1.225921-6.025227-20.36584-9.521864-41.723264-9.521864-63.862493C402.328693 476.632491 517.908058 368.541681 664.250054 368.541681zM498.62897 285.87389c23.200398 0 38.557154 15.120372 38.557154 38.061874 0 22.846334-15.356756 38.156018-38.557154 38.156018-23.107277 0-46.260603-15.309684-46.260603-38.156018C452.368366 300.994262 475.522716 285.87389 498.62897 285.87389zM283.016307 362.090758c-23.107277 0-46.402843-15.309684-46.402843-38.156018 0-22.941502 23.295566-38.061874 46.402843-38.061874 23.081695 0 38.46301 15.120372 38.46301 38.061874C321.479317 346.782098 306.098002 362.090758 283.016307 362.090758zM945.448458 606.151333c0-121.888048-123.258255-221.236753-261.683954-221.236753-146.57838 0-262.015505 99.348706-262.015505 221.236753 0 122.06508 115.437126 221.200938 262.015505 221.200938 30.66644 0 61.617359-7.609305 92.423993-15.262612l84.513836 45.786813-23.178909-76.17082C899.379213 735.776599 945.448458 674.90216 945.448458 606.151333zM598.803483 567.994292c-15.332197 0-30.807656-15.096836-30.807656-30.501688 0-15.190981 15.47546-30.477129 30.807656-30.477129 23.295566 0 38.558178 15.286148 38.558178 30.477129C637.361661 552.897456 622.099049 567.994292 598.803483 567.994292zM768.25071 567.994292c-15.213493 0-30.594809-15.096836-30.594809-30.501688 0-15.190981 15.381315-30.477129 30.594809-30.477129 23.107277 0 38.558178 15.286148 38.558178 30.477129C806.808888 552.897456 791.357987 567.994292 768.25071 567.994292z"
-        :fill="color"
+        d="M18.7121298828125,10.3173566015625C18.9936298828125,10.3173566015625,19.2704298828125,10.3387066015625,19.5488298828125,10.3692666015625C18.7992298828125,6.8785966015625,15.0684298828125,4.2857666015625,10.8081898828125,4.2857666015625C6.0462398828125,4.2857666015625,2.1456298828125,7.530166601562501,2.1456298828125,11.652666601562501C2.1456298828125,14.0313666015625,3.4427698828124997,15.9847666015625,5.6119198828125,17.5021666015625L4.7460798828125,20.1072666015625L7.7748298828125,18.5898666015625C8.8578598828125,18.8024666015625,9.7267298828125,19.022866601562498,10.8082198828125,19.022866601562498C11.0804798828125,19.022866601562498,11.3497398828125,19.010566601562502,11.6159198828125,18.9907666015625C11.4476398828125,18.4109666015625,11.3482598828125,17.805166601562497,11.3482598828125,17.1733666015625C11.3497098828125,13.3888666015625,14.5988298828125,10.3173566015625,18.7121298828125,10.3173566015625ZM14.0558298828125,7.969216601562501C14.7105298828125,7.969216601562501,15.1403298828125,8.399066601562499,15.1403298828125,9.0507366015625C15.1403298828125,9.6992566015625,14.7105298828125,10.1337766015625,14.0558298828125,10.1337766015625C13.4086298828125,10.1337766015625,12.7570298828125,9.6992866015625,12.7570298828125,9.0507366015625C12.7570298828125,8.3975466015625,13.4071298828125,7.969216601562501,14.0558298828125,7.969216601562501ZM7.9936098828125,10.1337466015625C7.3434698828125,10.1337466015625,6.6887098828125,9.6992566015625,6.6887098828125,9.050716601562499C6.6887098828125,8.3990366015625,7.3434398828125,7.9691866015625,7.9936098828125,7.9691866015625C8.6436398828125,7.9691866015625,9.0751298828125,8.3975266015625,9.0751298828125,9.050716601562499C9.0751598828125,9.6992566015625,8.6436598828125,10.1337466015625,7.9936098828125,10.1337466015625ZM26.6205298828125,17.0693666015625C26.6205298828125,13.6061066015625,23.1542298828125,10.783826601562499,19.2611298828125,10.783826601562499C15.1388298828125,10.783826601562499,11.8942498828125,13.6076466015625,11.8942498828125,17.0693666015625C11.8942498828125,20.5417666015625,15.1403298828125,23.3547666015625,19.2611298828125,23.3547666015625C20.1240298828125,23.3547666015625,20.9943298828125,23.1390666015625,21.8602298828125,22.9219666015625L24.2357298828125,24.2251666015625L23.5841298828125,22.0592666015625C25.3233298828125,20.7527666015625,26.6205298828125,19.022766601562502,26.6205298828125,17.0693666015625ZM16.8718298828125,15.9847666015625C16.4420298828125,15.9847666015625,16.0060298828125,15.5564666015625,16.0060298828125,15.1189666015625C16.0060298828125,14.6875666015625,16.4420298828125,14.2532566015625,16.8718298828125,14.2532566015625C17.5296298828125,14.2532566015625,17.9564298828125,14.6875666015625,17.9564298828125,15.1189666015625C17.9564298828125,15.5564666015625,17.5296298828125,15.9847666015625,16.8718298828125,15.9847666015625ZM21.6368298828125,15.9847666015625C21.2100298828125,15.9847666015625,20.7757298828125,15.5564666015625,20.7757298828125,15.1189666015625C20.7757298828125,14.6875666015625,21.2085298828125,14.2532566015625,21.6368298828125,14.2532566015625C22.2885298828125,14.2532566015625,22.7214298828125,14.6875666015625,22.7214298828125,15.1189666015625C22.7213298828125,15.5564666015625,22.2885298828125,15.9847666015625,21.6368298828125,15.9847666015625Z"
+        :fill="multicolour ? '#19AA20' : color"
         p-id="10799"
       ></path>
     </svg>
@@ -29,7 +30,7 @@ withDefaults(defineProps<{ name: string; color?: string; w?: string; h?: string
       v-if="name === '2'"
       t="1675654004777"
       class="icon"
-      viewBox="0 0 1024 1024"
+      viewBox="0 0 24 24"
       version="1.1"
       xmlns="http://www.w3.org/2000/svg"
       p-id="8908"
@@ -37,8 +38,8 @@ withDefaults(defineProps<{ name: string; color?: string; w?: string; h?: string
       :height="h"
     >
       <path
-        d="M903.282484 382.828702c-2.999866 10.899512-6.899691 21.499038-11.699476 31.698581h0.099995l-0.599973 1.299942c-34.098474 76.596571-123.194485 226.989839-123.194485 226.989839l-0.399982-0.999955-25.998836 47.597869h125.394386L627.294839 1024l54.397565-227.589812h-98.795578l34.298465-150.493263c-27.798756 6.999687-60.497292 16.699252-99.395551 29.798666 0 0-52.49765 32.298554-151.393222-62.197216 0 0-66.697014-61.597243-27.998747-77.096548 16.399266-6.499709 79.796428-14.799337 129.694194-21.999015 67.296987-9.59957 108.79513-14.699342 108.79513-14.699342s-207.690703 3.299852-256.988496-4.899781c-49.297793-8.099637-111.695-94.49577-125.0944-170.392372 0 0-20.599078-41.698133 44.198021-21.999016 64.897095 19.699118 333.385076 76.796562 333.385076 76.796563S223.312923 266.933891 200.113962 239.535117 131.717024 89.741823 137.616759 14.645184c0 0 2.599884-18.799158 20.899065-13.799382 0 0 258.188442 123.994449 434.680541 191.691419C769.688464 260.434182 923.081598 295.032633 903.282484 382.828702z"
-        :fill="color"
+        d="M21.17067373046875,8.97251822265625C21.10037373046875,9.22797822265625,21.00897373046875,9.47640822265625,20.89647373046875,9.71545822265625L20.89887373046875,9.71545822265625L20.88477373046875,9.74591822265625Q20.08557373046875,11.54117822265625,17.99737373046875,15.06597822265625L17.987973730468752,15.04257822265625L17.378673730468748,16.15817822265625L20.31757373046875,16.15817822265625L14.70227373046875,23.99997822265625L15.97717373046875,18.66587822265625L13.66167373046875,18.66587822265625L14.46547373046875,15.13867822265625C13.81397373046875,15.30267822265625,13.04761373046875,15.53007822265625,12.13593373046875,15.83707822265625Q10.905523730468751,16.59407822265625,8.587663730468751,14.37927822265625Q7.02444373046875,12.93557822265625,7.93144373046875,12.57237822265625C8.31579373046875,12.41997822265625,9.80166373046875,12.22547822265625,10.97114373046875,12.05677822265625Q12.54842373046875,11.83177822265625,13.52107373046875,11.71227822265625Q8.65328373046875,11.78957822265625,7.49786373046875,11.59737822265625C6.34244373046875,11.40757822265625,4.88001373046875,9.38265822265625,4.56596373046875,7.60382822265625Q4.08317373046875,6.62652822265625,5.601853730468751,7.08822822265625Q7.12288373046875,7.54992822265625,13.41557373046875,8.88814822265625Q5.23390373046875,6.25623822265625,4.69017373046875,5.61407822265625C4.14645273046875,4.97191822265625,3.08712473046875,2.10329822265625,3.22539973046875,0.34321922265625Q3.28633453046875,-0.09738597734375,3.71522173046875,0.01979632265625Q9.76651373046875,2.92591822265625,13.90307373046875,4.51256822265625C18.03957373046875,6.10389822265625,21.63477373046875,6.91479822265625,21.17067373046875,8.97251822265625Z"
+        :fill="multicolour ? '#2877D7' : color"
         p-id="8909"
       ></path>
     </svg>
@@ -46,7 +47,7 @@ withDefaults(defineProps<{ name: string; color?: string; w?: string; h?: string
       v-if="name === '3'"
       t="1675654843770"
       class="icon"
-      viewBox="0 0 1024 1024"
+      viewBox="0 0 24 23.489362716674805"
       version="1.1"
       xmlns="http://www.w3.org/2000/svg"
       p-id="14477"
@@ -54,61 +55,144 @@ withDefaults(defineProps<{ name: string; color?: string; w?: string; h?: string
       :height="h"
     >
       <path
-        d="M927.100379 675.459361c-1.321995-6.607974-9.439963-4.908981-14.915942-4.90898-32.096875 0-64.193749-2.265991-95.913626 0.377998-61.739759 5.09798-108.185577-26.243897-151.799407-62.683755-24.545904-20.39092-45.879821-44.558826-71.369721-64.00575-42.292835-32.474873-85.717665-62.305757-141.793446-64.759747-15.29294-0.566998-33.22987-1.321995-38.516849-21.524916a124.612513 124.612513 0 0 1-4.530983-28.697888c-0.754997-57.586775-4.530982-114.794552-4.153984-172.380326a397.890446 397.890446 0 0 0-20.012921-138.584459 195.037238 195.037238 0 0 0-49.089809-80.809684C298.563834 4.064984 254.571006-2.353991 207.748188 0.666997a41.631837 41.631837 0 0 0-33.04087 20.389921c-13.216948 17.181933 15.669939 47.768813-36.439858 47.390815-5.475979 0-33.796868-1.320995-41.537838 22.089913-5.285979 15.859938 82.697677 10.006961 100.256609 16.237937a11.913953 11.913953 0 0 0 5.09798-0.376999 94.591631 94.591631 0 0 0 67.780735 30.963879 29.132886 29.132886 0 0 1 28.509888 24.166906 411.692392 411.692392 0 0 1 11.705955 71.179722 447.471252 447.471252 0 0 1-10.19496 155.199394 302.524818 302.524818 0 0 1-33.985868 65.326745 268.70895 268.70895 0 0 0-36.439857 164.828356 191.97925 191.97925 0 0 0 47.201815 108.563576c21.901914 24.355905 52.110796 39.837844 72.124719 65.893742 26.621896 34.928864 52.487795 70.801723 81.186682 104.031594a155.879391 155.879391 0 0 1-1.509994 83.263675 29.887883 29.887883 0 0 1-26.244897 23.411908c-16.047937 1.321995-30.019883 11.139956-46.257819 13.216949 23.789907 2.264991 47.579814 1.320995 71.179721 2.45399 21.524916 1.132996 42.859833-11.705954 64.572748-0.943996a5.928977 5.928977 0 0 0 2.264991-0.754997c-4.530982-3.775985-8.306968-7.551971-12.837949-10.761958a54.319788 54.319788 0 0 1-22.656912-60.039766c2.45399-11.139956 3.586986-22.657911 5.09698-33.985867a419.150363 419.150363 0 0 0 142.549443 17.747931 200.135218 200.135218 0 0 1 7.173972 42.292834 31.359878 31.359878 0 0 1-22.655911 34.362866c-14.915942 4.908981-29.831883 10.005961-45.502822 15.103941a16.218937 16.218937 0 0 0 4.90998 2.076992c20.012922-0.188999 40.025844-0.754997 60.039766-0.565998a35.72186 35.72186 0 0 0 31.907875-12.64995c4.719982-6.608974 9.817962-6.419975 14.726943 0.565997a29.415885 29.415885 0 0 0 30.775879 9.629963 35.060863 35.060863 0 0 0-12.461951-16.615935 65.534744 65.534744 0 0 1-19.635923-27.565893c-3.963985-20.201921-8.117968-40.403842-12.271952-60.795762a92.363639 92.363639 0 0 0 56.830778-30.77488 357.070605 357.070605 0 0 0 59.473767-68.725731 127.500502 127.500502 0 0 1 44.369827-41.914837 228.248108 228.248108 0 0 0 68.347733-61.36176 69.593728 69.593728 0 0 1 42.669833-29.831883c4.531982-0.565998 13.782946 0 12.272953-7.92997zM239.090066 43.52483a9.892961 9.892961 0 0 1-9.062965-12.083953 9.779962 9.779962 0 0 1 9.251964-10.383959 10.081961 10.081961 0 0 1 10.38396 11.327955 10.34696 10.34696 0 0 1-10.572959 11.139957z"
-        :fill="color"
+        d="M10.609953979492188,23.48939287109375C5.0496439794921875,23.54609287109375,0.1702099794921875,18.95039287109375,-0.0000025805078124998063,13.39009287109375C-0.0567402205078125,11.80139287109375,0.2269479794921875,10.83689287109375,1.9858139794921874,12.25529287109375C2.8368739794921876,12.93619287109375,3.8581539794921875,12.99289287109375,4.8794339794921875,12.99289287109375C7.943263979492188,12.99289287109375,11.007053979492188,12.99289287109375,14.070953979492188,12.99289287109375C17.418453979492188,12.93619287109375,18.496453979492188,11.80139287109375,18.553153979492187,8.39716287109375C18.609953979492186,6.35461287109375,18.553153979492187,4.31206287109375,18.553153979492187,2.26950287109375C18.553153979492187,1.30496287109375,18.723353979492188,0.34042787109375,19.801453979492187,0.05673987109375C21.049653979492188,-0.22694812890625,21.333353979492188,0.85106587109375,22.070953979492188,1.53191287109375C23.943253979492187,3.40425287109375,25.304953979492186,4.70922287109375,21.390053979492187,5.50355287109375C20.822653979492188,5.61702287109375,20.936153979492186,6.63830287109375,20.936153979492186,7.31915287109375C20.936153979492186,9.36170287109375,20.99295397949219,11.40429287109375,20.879453979492187,13.44679287109375C20.70925397949219,19.06379287109375,16.226953979492187,23.37589287109375,10.609953979492188,23.48939287109375Z"
+        :fill="multicolour ? '#2877D7' : color"
         p-id="14478"
       ></path>
     </svg>
     <svg
       v-if="name === '4'"
-      t="1675654964339"
-      class="icon"
-      viewBox="0 0 1024 1024"
-      version="1.1"
       xmlns="http://www.w3.org/2000/svg"
-      p-id="16272"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      fill="none"
+      version="1.1"
       :width="w"
       :height="h"
+      viewBox="0 0 24.00000762939453 23.9979248046875"
     >
-      <path
-        d="M559.22 180.986667a21.333333 21.333333 0 0 1-19.14-11.893334L512 112.206667l-28.08 56.886666a21.333333 21.333333 0 0 1-38.26-18.88L492.866667 54.56a21.333333 21.333333 0 0 1 38.266666 0l47.206667 95.653333a21.333333 21.333333 0 0 1-19.12 30.773334zM784.233333 377.333333a21.333333 21.333333 0 0 0-18.04-24.18l-94.46-13.706666-42.246666-85.593334a21.333333 21.333333 0 1 0-38.26 18.88l47.206666 95.653334a21.333333 21.333333 0 0 0 16.06 11.666666l105.56 15.333334a21.3 21.3 0 0 0 24.18-18.053334z m137.333334 118.62l76.386666-74.453333a21.333333 21.333333 0 0 0-11.826666-36.386667l-105.553334-15.333333a21.333333 21.333333 0 1 0-6.14 42.22l62.786667 9.126667-45.433333 44.28a21.333333 21.333333 0 0 0 29.773333 30.593333z m-152.393334 266a21.333333 21.333333 0 0 0 17.42-24.666666l-16.14-94.073334L838.8 576.666667a21.333333 21.333333 0 1 0-29.78-30.553334L732.666667 620.546667a21.333333 21.333333 0 0 0-6.14 18.886666l18 105.126667a21.333333 21.333333 0 0 0 21 17.733333 21.066667 21.066667 0 0 0 3.64-0.293333z m46.5 215.28a21.333333 21.333333 0 0 0 8.486667-20.866666l-18-105.133334a21.333333 21.333333 0 1 0-42.046667 7.213334l10.72 62.526666-56.166666-29.493333a21.333333 21.333333 0 0 0-19.853334 37.766667l94.413334 49.633333a21.333333 21.333333 0 0 0 22.466666-1.62zM625.333333 866.506667a21.333333 21.333333 0 0 0-8.96-28.806667l-94.413333-49.64a21.333333 21.333333 0 0 0-19.853333 0l-94.413334 49.64a21.333333 21.333333 0 1 0 19.853334 37.766667L512 831.046667l84.486667 44.42a21.333333 21.333333 0 0 0 28.846666-8.96z m-394.533333 112.373333l94.413333-49.633333a21.333333 21.333333 0 0 0-19.88-37.766667l-56.153333 29.52 10.72-62.526667a21.333333 21.333333 0 1 0-42.046667-7.213333l-18.033333 105.133333a21.333333 21.333333 0 0 0 30.953333 22.486667z m48.666667-234.32l18.033333-105.126667a21.333333 21.333333 0 0 0-6.166667-18.886666L214.98 546.093333A21.333333 21.333333 0 0 0 185.2 576.666667l68.353333 66.626666L237.413333 737.333333a21.333333 21.333333 0 0 0 17.42 24.666667 21.066667 21.066667 0 0 0 3.633334 0.313333 21.333333 21.333333 0 0 0 21-17.753333zM132.606667 495.586667a21.333333 21.333333 0 0 0-0.386667-30.166667l-45.433333-44.28L149.573333 412a21.333333 21.333333 0 0 0-6.14-42.22l-105.553333 15.333333a21.333333 21.333333 0 0 0-11.826667 36.386667L102.433333 496a21.333333 21.333333 0 0 0 30.173334-0.386667z m131.333333-100.193334l105.56-15.333333a21.333333 21.333333 0 0 0 16.06-11.666667l47.213333-95.66a21.333333 21.333333 0 1 0-38.26-18.88L352.266667 339.446667l-94.453334 13.726666a21.333333 21.333333 0 1 0 6.133334 42.22z"
-        :fill="color"
-        p-id="16273"
-      ></path>
+      <g style="mix-blend-mode: passthrough">
+        <g>
+          <g>
+            <path
+              d="M24.000051538085938,9.84599884765625C20.942771538085935,9.84599884765625,17.912601538085937,9.84599884765625,14.855371538085937,9.87341884765625C14.097821538085938,9.87341884765625,13.692001538085938,9.54430884765625,13.502611538085937,8.83122884765625C13.096786538085938,7.54219884765625,12.663904538085937,6.25316884765625,12.312187138085937,4.93670884765625C11.987525538085938,3.75738884765625,12.853289538085937,2.79746884765625,13.286171538085938,1.64556884765625C13.881381538085938,3.12657884765625,14.557761538085938,4.58016884765625,15.044751538085936,6.08860884765625C15.342361538085937,7.02109884765625,15.856411538085938,7.45991884765625,16.77628153808594,7.62447884765625C18.670141538085936,7.95358884765625,20.536941538085937,8.41982884765625,22.43085153808594,8.74894884765625C23.05305153808594,8.85864884765625,23.837651538085936,9.16033884765625,24.000051538085938,9.68143884765625C24.000051538085938,9.76371884765625,24.000051538085938,9.79113884765625,24.000051538085938,9.84599884765625Z"
+              :fill="multicolour ? '#CEAA62' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M22.59314462158203,11.13500814453125C21.294494621582032,12.25948314453125,20.022904621582033,13.41138314453125,18.69720462158203,14.50842314453125C18.23726462158203,14.892393144531251,18.10199462158203,15.276363144531249,18.21020462158203,15.90716314453125C18.56192462158203,18.07382314453125,18.80542462158203,20.24049314453125,19.07597462158203,22.407123144531248C19.15713462158203,23.03792314453125,19.292414621582033,23.696223144531253,18.399594621582033,23.99792314453125C17.42561462158203,21.09072314453125,16.47868462158203,18.15610314453125,15.477640621582031,15.24893314453125C15.207089621582032,14.48100314453125,15.369419721582032,13.95990314453125,16.018743621582033,13.49366314453125C17.07389462158203,12.72572314453125,18.10198462158203,11.90294314453125,19.18419462158203,11.16243414453125C20.26640462158203,10.42192814453125,21.53799462158203,10.86074714453125,22.59314462158203,11.13500814453125Z"
+              :fill="multicolour ? '#CEAA62' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M3.9250557220458986,21.50206884765625C4.384985722045898,19.63716884765625,4.682595722045899,17.99155884765625,5.196645722045899,16.40084884765625C5.467195722045899,15.52320884765625,5.2507557220458985,14.97468884765625,4.682595722045899,14.37130884765625C3.2486757220458986,12.835438847656249,1.8959157220458984,11.24472884765625,0.4890517220458984,9.70885884765625C0.11027972204589843,9.29746884765625,-0.24143727795410155,8.886075847656251,0.21850072204589843,8.14556884765625C2.7616857220458986,10.06539884765625,5.304865722045898,11.98522884765625,7.848045722045899,13.90506884765625C8.253875722045898,14.23417884765625,8.226815722045899,14.70041884765625,8.091545722045899,15.16666884765625C7.631605722045898,16.537978847656248,7.279885722045899,17.96413884765625,6.684675722045898,19.280568847656248C6.2247357220458985,20.35016884765625,4.980205722045898,20.65186884765625,3.9250557220458986,21.50206884765625Z"
+              :fill="multicolour ? '#CEAA62' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M1.54425048828125,7.92616C3.60044048828125,7.73418,5.2778604882812505,7.5422,6.95528048828125,7.45992C7.60460048828125,7.43249,7.87515048828125,7.15823,8.17276048828125,6.63713C9.17380048828125,4.7173,10.20189048828125,2.79747,11.22998048828125,0.877637C11.36526048828125,0.603376,11.52759048828125,0.301688,11.74405048828125,0.109705C11.87935048828125,8.17364e-9,12.17695048828125,-0.0274262,12.36635048828125,0.0274262C12.69095048828125,0.137131,12.44745048828125,0.411393,12.39335048828125,0.57595C11.52759048828125,3.40085,10.68888048828125,6.22574,9.82312048828125,9.02321C9.63373048828125,9.62658,9.22790048828125,9.87342,8.60564048828125,9.87342C7.25288048828125,9.84599,5.90012048828125,9.92827,4.57442048828125,9.84599C3.38400048828125,9.79114,2.7887904882812498,8.66667,1.54425048828125,7.92616Z"
+              :fill="multicolour ? '#CEAA62' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M3.7627716064453125,22.95569759765625C6.278901606445313,21.09071759765625,8.740911606445312,19.22573759765625,11.229981606445312,17.38818759765625C11.500541606445314,17.16877859765625,11.879311606445313,17.11392599765625,12.122801606445313,17.30590959765625C13.475561606445313,18.26582759765625,14.909471606445312,19.17088759765625,16.07287160644531,20.35021759765625C16.668071606445313,20.95358759765625,16.668071606445313,22.10548759765625,17.046871606445315,23.28481759765625C15.423571606445313,22.27004759765625,13.962571606445312,21.41983759765625,12.609791606445313,20.48734759765625C12.041641606445312,20.103377597656248,11.608761606445313,20.103377597656248,11.013541606445312,20.40506759765625C9.119681606445312,21.33755759765625,7.198771606445312,22.21518759765625,5.304911606445312,23.147677597656248C4.817921606445313,23.36708759765625,4.330929606445313,23.61392759765625,3.7627716064453125,22.95569759765625Z"
+              :fill="multicolour ? '#CEAA62' : color"
+              fill-opacity="1"
+            />
+          </g>
+        </g>
+      </g>
     </svg>
     <svg
       v-if="name === '5'"
-      t="1675655043899"
-      class="icon"
-      viewBox="0 0 1024 1024"
-      version="1.1"
       xmlns="http://www.w3.org/2000/svg"
-      p-id="17225"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      fill="none"
       :width="w"
       :height="h"
+      viewBox="0 0 26 16.5845947265625"
     >
-      <path
-        d="M832 192v640H192V192h640m32-64H160c-17.6 0-32 14.4-32 32v704c0 17.6 14.4 32 32 32h704c17.6 0 32-14.4 32-32V160c0-17.6-14.4-32-32-32zM768 640H576v64h192v-64zM512 512H256v192h256V512z m256 0H576v64h192v-64z m0-192H256v128h512V320z"
-        :fill="color"
-        p-id="17226"
-      ></path>
+      <g style="mix-blend-mode: passthrough">
+        <g>
+          <path
+            d="M13.4703,7.72793L13.4703,9.50796L15.1635,9.37771L19.453,6.94645L23.8553,8.81331L25.5485,8.72648L25.5485,6.94645L24.4197,7.03329L21.5224,5.77424L25.3603,3.60347L25.3603,0.520984L23.0275,0.694645L17.6469,1.04197L15.7656,0L13.3951,4.38495L15.3517,5.20984L16.631,2.86541L23.0275,2.43126L23.0275,2.86541L19.453,4.90593L16.6686,3.73372L15.7656,5.3835L17.3835,6.07815L14.5991,7.6411L13.4703,7.72793ZM7.71346,11.2445L12.0405,10.9841L12.0405,9.20403L9.18089,9.37769L9.18089,1.56293L6.84804,1.73659L6.84804,9.55135L0,9.9855L0,11.7655L4.74095,11.4616L2.63386,14.6309L0.0752532,14.8046L0.0752532,16.5846L4.40231,16.2807L7.71346,11.2445ZM5.49348,5.20984L3.61215,2.47467L1.01592,2.64833L2.89725,5.3835L5.49348,5.20984ZM3.61215,5.90448L5.49348,8.68306L2.89725,8.81331L1.01592,6.07814L3.61215,5.90448ZM25.5485,9.24744L25.5485,10.9841L20.6946,11.3314L20.6946,15.2388L18.3618,15.369L18.3618,11.4616L13.508,11.8089L13.508,10.0289L18.3618,9.72501L18.3618,8.81329L20.6946,8.68304L20.6946,9.55135L25.5485,9.24744ZM7.93921,11.7221L9.78291,15.9334L12.3791,15.7597L10.5354,11.5919L7.93921,11.7221ZM24.2692,11.5919L21.9363,11.7655L23.6295,15.0217L26,14.8914L24.2692,11.5919ZM15.8408,15.5426L13.508,15.7163L15.0506,12.1996L17.3835,12.0694L15.8408,15.5426Z"
+            fill-rule="evenodd"
+            :fill="multicolour ? '#C20000' : color"
+            fill-opacity="1"
+          />
+        </g>
+      </g>
     </svg>
     <svg
       v-if="name === '6'"
-      t="1675650497733"
-      class="icon"
-      viewBox="0 0 1024 1024"
-      version="1.1"
       xmlns="http://www.w3.org/2000/svg"
-      p-id="8488"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      fill="none"
+      version="1.1"
       :width="w"
       :height="h"
+      viewBox="0 0 18 20.4871826171875"
     >
-      <path
-        d="M937.4 423.9c-84 0-165.7-27.3-232.9-77.8v352.3c0 179.9-138.6 325.6-309.6 325.6S85.3 878.3 85.3 698.4c0-179.9 138.6-325.6 309.6-325.6 17.1 0 33.7 1.5 49.9 4.3v186.6c-15.5-6.1-32-9.2-48.6-9.2-76.3 0-138.2 65-138.2 145.3 0 80.2 61.9 145.3 138.2 145.3 76.2 0 138.1-65.1 138.1-145.3V0H707c0 134.5 103.7 243.5 231.6 243.5v180.3l-1.2 0.1"
-        :fill="color"
-        p-id="8489"
-      ></path>
+      <g style="mix-blend-mode: passthrough">
+        <g>
+          <g>
+            <path
+              d="M3.30718994140625,13.55474078125C3.30718994140625,12.93392078125,3.51413094140625,11.89921078125,4.44536994140625,11.17492078125C4.96271994140625,10.76103078125,5.79047994140625,10.55409078125,7.03212994140625,10.55409078125L7.03212994140625,8.07080078125C7.23906994140625,8.07080078125,7.44600994140625,8.07080078125,7.75641994140625,8.07080078125L7.75641994140625,11.38186078125C6.51477994140625,11.38186078125,5.6870099414062505,11.58880078125,5.16965994140625,12.00268078125C4.23842494140625,12.72697078125,4.03148394140625,13.65821078125,4.03148394140625,14.38250078125C4.03148394140625,14.89986078125,4.23842494140625,15.417210781249999,4.54883994140625,15.93456078125C3.72107194140625,15.31374078125,3.30718994140625,14.27903078125,3.30718994140625,13.55474078125Z"
+              :fill="multicolour ? '#DD1F3F' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M12.619537353515625,1.2416726093750001Q12.619537353515625,1.034731609375,12.619537353515625,0.620849609375L13.343831353515625,0.620849609375Q13.343831353515625,1.4486136093750002,13.343831353515625,1.862499609375C13.343831353515625,2.586789609375,13.654247353515625,3.104139609375,14.068127353515624,3.621499609375C13.343831353515625,3.207609609375,12.619537353515625,2.2763796093749997,12.619537353515625,1.2416726093750001Z"
+              :fill="multicolour ? '#000000' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M18.000021240234375,5.79438796875L18.000021240234375,9.10544796875C17.793021240234374,9.10544796875,17.172221240234375,9.00197796875,16.344421240234375,8.89850796875C15.516721240234375,8.69156796875,14.378521240234376,8.27767796875,13.136821240234376,7.44991796875L13.136821240234376,14.17549796875C13.136821240234376,14.79632796875,12.929921240234375,20.487217968750002,7.032111240234375,20.487217968750002C4.755751240234375,20.487217968750002,3.100231240234375,19.65941796875,2.065521240234375,18.41781796875C3.100231240234375,19.24551796875,4.4453412402343755,19.76291796875,6.307811240234375,19.76291796875C12.309121240234376,19.76291796875,12.412621240234374,14.07202796875,12.412621240234374,13.451207968750001L12.412621240234374,6.7256279687500005C13.654221240234374,7.55338796875,14.792421240234376,7.96726796875,15.620121240234376,8.17420796875C16.551421240234376,8.38114796875,17.068721240234375,8.38114796875,17.275721240234375,8.38114796875L17.275721240234375,5.69091796875C17.586121240234377,5.69091796875,17.793021240234374,5.69091796875,18.000021240234375,5.79438796875Z"
+              :fill="multicolour ? '#DD1F3F' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M17.379170068359375,5.6908331640625L17.379170068359375,8.484533164062501C17.172270068359374,8.484533164062501,16.551370068359375,8.484533164062501,15.723670068359375,8.2775931640625C14.895870068359375,8.070653164062499,13.757670068359374,7.6567731640625,12.516070068359374,6.8290031640625L12.516070068359374,13.4511431640625C12.516070068359374,14.0719431640625,12.309070068359375,19.7628431640625,6.411290068359375,19.7628431640625C4.548820068359375,19.7628431640625,3.203700068359375,19.2454431640625,2.169000068359375,18.4177431640625C0.410000068359375,16.4517431640625,0.306530068359375,13.4511431640625,1.341235068359375,11.3817431640625C2.4794100683593747,9.2088231640625,4.341880068359375,8.1741231640625,7.032110068359375,8.070653164062499L7.032110068359375,10.6574131640625C5.790470068359375,10.6574131640625,4.962700068359375,10.8643431640625,4.4453500683593745,11.2782431640625C3.514120068359375,12.0025431640625,3.307180068359375,12.9337431640625,3.307180068359375,13.6580431640625C3.307180068359375,14.3823431640625,3.721060068359375,15.3135431640625,4.548820068359375,15.9344431640625C5.066170068359375,16.5552431640625,5.790470068359375,17.0725431640625,6.825170068359375,17.0725431640625C8.687640068359375,17.0725431640625,9.618880068359376,15.4170431640625,9.618880068359376,14.1754431640625C9.618880068359376,13.3476431640625,9.618880068359376,8.8984131640625,9.618880068359376,0.7242431640625L12.619570068359375,0.7242431640625Q12.619570068359375,1.1381251640625,12.619570068359375,1.3450661640625001C12.619570068359375,2.3797731640624997,13.343770068359374,3.2075331640625,14.068070068359376,3.8283631640625C14.688970068359374,4.5526531640625,15.413270068359376,4.9665331640625,15.930570068359375,5.2769431640625C16.344470068359374,5.3804131640625,16.861770068359377,5.4838931640625,17.379170068359375,5.6908331640625Z"
+              :fill="multicolour ? '#000000' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M1.34124,11.3817533203125C0.306535,13.4511633203125,0.410006,16.4518133203125,2.06553,18.417703320312498C-0.210818,16.555283320312498,-0.521229,13.0372833203125,0.720417,10.6574633203125C1.85859,8.3811113203125,4.03147,7.2429353203125,7.03212,7.4498759203125L7.03212,8.0706993203125C4.34189,8.0706993203125,2.47942,9.2088733203125,1.34124,11.3817533203125Z"
+              :fill="multicolour ? '#4DE2C6' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M8.894588125,0L12.619528125,0L12.619528125,0.724294L9.618888125,0.724294C9.618888125,8.89847,9.618888125,13.3477,9.618888125,14.1755C9.618888125,15.4171,8.687648124999999,17.0726,6.825178125,17.0726C5.790478125,17.0726,4.962710125,16.5553,4.548828125,15.9345C4.962710125,16.2449,5.480063125,16.4518,6.100888125,16.4518C7.963358125,16.4518,8.894588125,14.7963,8.894588125,13.5546C8.894588125,12.6234,8.894588125,8.17417,8.894588125,0Z"
+              :fill="multicolour ? '#4DE2C6' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M17.379175234375,5.069973515625L17.379175234375,5.587323515625C16.861815234375,5.483853515625,16.344465234375,5.380383515625,15.930585234375,5.173443515625C15.413235234375,4.966503515625,14.585468234375,4.449147515625,14.068115234375,3.724853515625C14.481998234375,4.138735515625,14.895880234375,4.345676515625,15.206295234375,4.552618515625C15.827115234375,4.7595635156250005,16.551405234375,4.966503515625,17.379175234375,5.069973515625Z"
+              :fill="multicolour ? '#4DE2C6' : color"
+              fill-opacity="1"
+            />
+          </g>
+        </g>
+      </g>
     </svg>
     <svg
       v-if="name === '7'"
@@ -123,26 +207,80 @@ withDefaults(defineProps<{ name: string; color?: string; w?: string; h?: string
     >
       <path
         d="M914.432 518.144q27.648 21.504 38.912 51.712t9.216 62.976-14.336 65.536-31.744 59.392q-34.816 48.128-78.848 81.92t-91.136 56.32-94.72 35.328-89.6 18.944-75.264 7.68-51.712 1.536-49.152-2.56-68.096-10.24-78.336-21.504-79.872-36.352-74.24-55.296-59.904-78.848q-16.384-29.696-22.016-63.488t-5.632-86.016q0-22.528 7.68-51.2t27.136-63.488 53.248-75.776 86.016-90.112q51.2-48.128 105.984-85.504t117.248-57.856q28.672-10.24 63.488-11.264t57.344 11.264q10.24 11.264 19.456 23.04t12.288 29.184q3.072 14.336 0.512 27.648t-5.632 26.624-5.12 25.6 2.048 22.528q17.408 2.048 33.792-1.536t31.744-9.216 31.232-11.776 33.28-9.216q27.648-5.12 54.784-4.608t49.152 7.68 36.352 22.016 17.408 38.4q2.048 14.336-2.048 26.624t-8.704 23.04-7.168 22.016 1.536 23.552q3.072 7.168 14.848 13.312t27.136 12.288 32.256 13.312 29.184 16.384zM656.384 836.608q26.624-16.384 53.76-45.056t44.032-64 18.944-75.776-20.48-81.408q-19.456-33.792-47.616-57.344t-62.976-37.376-74.24-19.968-80.384-6.144q-78.848 0-139.776 16.384t-105.472 43.008-72.192 60.416-38.912 68.608q-11.264 33.792-6.656 67.072t20.992 62.976 42.496 53.248 57.856 37.888q58.368 25.6 119.296 32.256t116.224 0.512 100.864-21.504 74.24-33.792zM522.24 513.024q20.48 8.192 38.912 18.432t32.768 27.648q10.24 12.288 17.92 30.72t10.752 39.424 1.536 42.496-9.728 38.912q-8.192 18.432-19.968 37.376t-28.672 35.328-40.448 29.184-57.344 18.944q-61.44 11.264-117.76-11.264t-88.064-74.752q-12.288-39.936-13.312-70.656t16.384-66.56q13.312-27.648 40.448-51.712t62.464-38.912 75.264-17.408 78.848 12.8zM359.424 764.928q37.888 3.072 57.856-18.432t21.504-48.128-15.36-47.616-52.736-16.896q-27.648 3.072-43.008 23.552t-17.408 43.52 9.728 42.496 39.424 21.504zM778.24 6.144q74.752 0 139.776 19.968t113.664 57.856 76.288 92.16 27.648 122.88q0 33.792-16.384 50.688t-35.328 17.408-35.328-14.336-16.384-45.568q0-40.96-22.528-77.824t-59.392-64.512-84.48-43.52-96.768-15.872q-31.744 0-47.104-15.36t-14.336-34.304 18.944-34.304 51.712-15.36zM778.24 169.984q95.232 0 144.384 48.64t49.152 146.944q0 30.72-10.24 43.52t-22.528 11.264-22.528-14.848-10.24-35.84q0-60.416-34.816-96.256t-93.184-35.84q-19.456 0-28.672-10.752t-9.216-23.04 9.728-23.04 28.16-10.752z"
-        :fill="color"
+        :fill="multicolour ? '#D31818' : color"
         p-id="18177"
       ></path>
     </svg>
     <svg
       v-if="name === '8'"
-      t="1675654563546"
-      class="icon"
-      viewBox="0 0 1024 1024"
-      version="1.1"
       xmlns="http://www.w3.org/2000/svg"
-      p-id="12785"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      fill="none"
+      version="1.1"
       :width="w"
       :height="h"
+      viewBox="0 0 42 10.6287841796875"
     >
-      <path
-        d="M288 64l-128 0C106.88 64 64 106.88 64 160l0 512C64 725.12 106.88 768 160 768l128 0C341.12 768 384 810.88 384 864 384 881.92 398.08 896 416 896S448 881.92 448 864l0-640C448 135.68 376.32 64 288 64zM800 64l-128 0C583.68 64 512 135.68 512 224l0 640C512 881.92 526.08 896 544 896 561.92 896 576 881.92 576 864c0-53.12 42.88-96 96-96l128 0c53.12 0 96-42.88 96-96l0-512C896 106.88 853.12 64 800 64z"
-        :fill="color"
-        p-id="12786"
-      ></path>
+      <g style="mix-blend-mode: passthrough">
+        <g>
+          <g>
+            <path
+              d="M3.58743,2.720703125L0.676873,2.720703125Q0.930701,5.441383125,0,7.509093125L1.55681,9.552623125Q3.63819,8.923843125000001,3.58743,2.720703125Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M13.080569743652344,2.720703125L10.153095850652344,2.720703125Q10.119252043652343,8.911753125,12.183719743652343,9.552623125L13.740519743652344,7.509093125C13.757449743652344,7.509093125,12.826749743652343,5.441383125,13.080569743652344,2.720703125Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M5.431911192398071,8.948L3.5874311923980713,8.948Q3.5874311923980713,10.4958,5.414991192398071,10.6288L6.345691192398071,10.6288Q8.207091192398071,10.6288,8.291701192398072,9.1052L8.291701192398072,0L5.431911192398071,0L5.431911192398071,8.948Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M15.263494921875001,4.59492L17.158739921875,4.59492L15.703459921875,6.711Q14.857370921875,7.89601,16.211119921875,7.94438L19.375499921875,7.94438L20.644639921875,6.31197L19.070909921875,6.31197C18.867849921875,6.31197,18.732469921875,6.15478,18.833999921874998,6.03386L21.186139921875,2.73277L18.444799921875,2.73277L18.275579921875,2.97461L18.106359921875,2.97461C17.903299921875,2.97461,17.767929921875,2.81741,17.869459921875,2.69649L19.832389921875,0L17.091049921875,0L14.755839921875,3.36155Q13.909748921875,4.55865,15.263494921875001,4.59492Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M15.669624886779784,8.5973725078125Q15.314264886779785,8.6215565078125,15.094274886779786,8.4522705078125L13.672844886779785,10.3990705078125Q13.909750886779785,10.6288105078125,14.383560886779785,10.6288105078125L17.903304886779786,10.6288105078125L19.409344886779785,8.5973735078125L15.669624886779784,8.5973725078125Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M26.27961172241211,2.720679140625L28.09024172241211,2.720679140625L28.09024172241211,0.640869140625L21.62610172241211,0.640869140625L21.62610172241211,2.720679140625L23.47058172241211,2.720679140625L23.47058172241211,8.669889140625L20.76309172241211,8.669889140625L19.39242172241211,10.628779140625L29.02094172241211,10.628779140625L29.02094172241211,8.669889140625L26.27961172241211,8.669889140625L26.27961172241211,2.720679140625Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M39.22485031738282,4.25635L38.886380317382816,4.25635L38.886380317382816,2.91415C38.886380317382816,1.65659,37.464950317382815,0.640871,35.70507031738281,0.640871L34.605150317382815,0.640871L34.605150317382815,0L31.813050317382814,0L31.813050317382814,0.628779L30.05318031738281,0.628779L30.05318031738281,2.66022L31.813050317382814,2.66022L31.813050317382814,4.24426L29.020950317382812,4.24426L29.020950317382812,6.28779L31.813050317382814,6.28779L31.813050317382814,10.6288L34.605150317382815,10.6288L34.605150317382815,6.28779L38.446410317382814,6.28779C38.81869031738281,6.28779,39.12325031738281,6.50544,39.12325031738281,6.77146L39.12325031738281,8.91173L36.466560317382815,8.91173C36.466560317382815,9.8549,37.53263031738281,10.6288,38.86946031738281,10.6288L39.59705031738281,10.6288C40.91695031738281,10.6288,41.99995031738281,9.86699,41.99995031738281,8.91173L41.99995031738281,6.22733C41.98305031738281,5.13906,40.74775031738281,4.25635,39.22485031738282,4.25635ZM34.605150317382815,2.67231L35.60354031738281,2.67231C35.84045031738281,2.67231,36.04351031738281,2.80532,36.04351031738281,2.9867L36.04351031738281,4.25635L34.605150317382815,4.25635L34.605150317382815,2.67231Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <path
+              d="M41.93229975097656,1.632405140625C41.93229975097656,1.088269140625,41.306189750976564,0.640869140625,40.544709750976565,0.640869140625C39.78322675097656,0.640869140625,39.15711975097656,1.088269140625,39.15711975097656,1.632405140625L39.15711975097656,2.623939140625L40.544709750976565,2.623939140625C41.32310975097656,2.623939140625,41.93229975097656,2.176539140625,41.93229975097656,1.632405140625Z"
+              :fill="multicolour ? '#D31818' : color"
+              fill-opacity="1"
+            />
+          </g>
+        </g>
+      </g>
     </svg>
     <svg
       v-if="name === '9'"
@@ -157,26 +295,29 @@ withDefaults(defineProps<{ name: string; color?: string; w?: string; h?: string
     >
       <path
         d="M149.6 171.8h691.9c47.2 0 85.9 37.7 86.5 83.9L495.7 493 63.5 256c0.4-46.4 38.8-84.2 86.1-84.2z m-86.1 175l-0.4 419.6c0 46.7 38.9 84.9 86.5 84.9h691.9c47.6 0 86.5-38.2 86.5-84.9V346.6L505.9 572.8c-6.5 3.5-14.3 3.5-20.7 0l-421.7-226z"
-        :fill="color"
+        :fill="multicolour ? '#2877D7' : color"
         p-id="19991"
       ></path>
     </svg>
     <svg
       v-if="name === '10'"
-      t="1675655232589"
-      class="icon"
-      viewBox="0 0 1024 1024"
-      version="1.1"
       xmlns="http://www.w3.org/2000/svg"
-      p-id="20965"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      fill="none"
+      version="1.1"
       :width="w"
       :height="h"
+      viewBox="0 0 20 20"
     >
-      <path
-        d="M850.727 116.266H171.593c-72.728 0-108.108 35.866-108.108 107.608v430.43c0 71.746 33.193 105.653 104.108 105.653h104.112l-12.808 109.564a35.679 35.679 0 0 0 19.029 31.562 35.753 35.753 0 0 0 17.005 4.307c6.988 0 13.982-2.014 19.962-6.028L521.57 759.957h333.156c72.081 0 104.109-33.906 104.109-105.653v-430.43c0-71.742-36.033-107.608-108.108-107.608zM303.159 490.172c-28.658 0-51.949-23.3-51.949-51.873 0-28.57 23.292-51.968 51.949-51.968 28.655 0 51.95 23.304 51.95 51.968-0.005 28.668-23.392 51.873-51.95 51.873z m207.887 0c-28.809 0-52.214-23.3-52.214-51.873 0-28.57 23.41-51.968 52.214-51.968 28.806 0 52.211 23.304 52.211 51.968 0.001 28.668-23.507 51.873-52.21 51.873z m208.21 0c-28.81 0-52.133-23.3-52.133-51.873 0-28.57 23.323-51.968 52.132-51.968 28.797 0 52.207 23.304 52.207 51.968 0 28.668-23.405 51.873-52.207 51.873z m0 0"
-        :fill="color"
-        p-id="20966"
-      ></path>
+      <g style="mix-blend-mode: passthrough">
+        <g>
+          <path
+            d="M20,9C20,12.8624,17.2967,16.1565,13.5,17.4334C12.4107,17.7997,11.2313,18,10,18Q6,18,1,20L2.1323,17.5543C2.6952,16.3384,2.336,14.9248,1.5616,13.8314C0.5729,12.4356,0,10.778,0,9C0,4.0294,4.4772,0,10,0C15.5228,0,20,4.0294,20,9Z"
+            :fill="multicolour ? '#19AA20' : color"
+            fill-opacity="1"
+          />
+        </g>
+      </g>
     </svg>
     <svg
       v-if="name === '11'"
@@ -191,26 +332,35 @@ withDefaults(defineProps<{ name: string; color?: string; w?: string; h?: string
     >
       <path
         d="M512 0C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0z m-32 769V353c0-17.7 14.3-32 32-32s32 14.3 32 32v416c0 8.8-3.6 16.8-9.4 22.6-5.8 5.8-13.8 9.4-22.6 9.4-17.7 0-32-14.3-32-32z m64-543.5c0 8.8-3.6 16.8-9.4 22.6-5.8 5.8-13.8 9.4-22.6 9.4-17.7 0-32-14.3-32-32v-1c0-17.7 14.3-32 32-32s32 14.3 32 32v1z"
-        :fill="color"
+        :fill="multicolour ? '#D31818' : color"
         p-id="24528"
       ></path>
     </svg>
     <svg
       v-if="name === '12'"
-      t="1675659896272"
-      class="icon"
-      viewBox="0 0 1024 1024"
-      version="1.1"
       xmlns="http://www.w3.org/2000/svg"
-      p-id="21924"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      fill="none"
+      version="1.1"
       :width="w"
       :height="h"
+      viewBox="0 0 24 24"
     >
-      <path
-        d="M911.275224 233.685939 825.637477 319.323686 704.59016 198.276368 790.227906 112.638622C816.453389 86.413139 859.427341 86.80945 886.152521 113.551861L910.379215 137.761325C937.104395 164.503736 937.500707 207.460456 911.275224 233.685939ZM293.012048 609.888941 414.059366 730.919028 232.479774 791.468533 293.012048 609.888941ZM801.393552 343.567611 438.28606 706.692334 317.238743 585.645016 680.363465 222.520293 801.393552 343.567611ZM179.666958 189.953826C151.166992 189.953826 127.974154 213.146665 127.974154 241.646631L127.974154 844.798277C127.974154 873.298243 151.166992 896.491082 179.666958 896.491082L782.818604 896.491082C811.31857 896.491082 834.511409 873.298243 834.511409 844.798277L834.511409 360.540082 868.973279 326.078212 868.973279 844.798277C868.973279 892.303964 830.324292 930.952951 782.818604 930.952951L179.666958 930.952951C132.161271 930.952951 93.512284 892.303964 93.512284 844.798277L93.512284 241.646631C93.512284 194.140944 132.161271 155.491957 179.666958 155.491957L698.387023 155.491957 663.925153 189.953826 179.666958 189.953826Z"
-        :fill="color"
-        p-id="21925"
-      ></path>
+      <g clip-path="url(#master_svg0_457_9611)">
+        <g><rect x="0" y="0" width="24" height="24" rx="0" fill="#FFFFFF" fill-opacity="0.009999999776482582" /></g>
+        <g>
+          <path
+            d="M11.9993,2.5L8.9428,8.738800000000001L2,9.74555L7.02945,14.6625L5.8271999999999995,21.5L11.9993,18.209600000000002L18.1727,21.5L16.979300000000002,14.6625L22,9.74555L15.0956,8.738800000000001L11.9993,2.5Z"
+            :fill="multicolour ? '#19AAA5' : color"
+            fill-opacity="1"
+          />
+          <path
+            d="M14.1999,9.18336L11.10355,2.944564L11.9993,2.5L12.8973,2.939956L9.84082,9.17876Q9.78714,9.288319999999999,9.7087,9.38176Q9.63025,9.47521,9.53164,9.547049999999999Q9.433029999999999,9.61889,9.320039999999999,9.66492Q9.207049999999999,9.71094,9.086310000000001,9.728449999999999L2.143505,10.7352L2,9.74555L2.699068,9.03049L7.72852,13.9475Q7.81571,14.0327,7.87987,14.1364Q7.94403,14.2401,7.98138,14.3562Q8.01873,14.4723,8.0271,14.594Q8.03546,14.7156,8.01434,14.8357L6.81209,21.6732L5.8271999999999995,21.5L5.35677,20.6176L11.52887,17.327199999999998Q11.63745,17.2693,11.75683,17.2394Q11.87621,17.209600000000002,11.99926,17.209600000000002Q12.1223,17.209600000000002,12.2417,17.2394Q12.3611,17.269199999999998,12.4697,17.3271L18.6431,20.6175L18.1727,21.5L17.1876,21.6719L15.9942,14.8345Q15.9733,14.7146,15.9817,14.5932Q15.9901,14.4719,16.0274,14.356Q16.064700000000002,14.2402,16.128700000000002,14.1367Q16.192700000000002,14.0332,16.279600000000002,13.9481L21.3003,9.0311L22,9.74555L21.8557,10.73509L14.9514,9.72834Q14.8314,9.710840000000001,14.7191,9.66518Q14.6067,9.61951,14.5086,9.54833Q14.4104,9.47714,14.3321,9.38456Q14.2538,9.291979999999999,14.1999,9.18336ZM15.9914,8.29424L15.0956,8.738800000000001L15.2399,7.74926L22.1443,8.75601Q22.3068,8.77971,22.4532,8.85412Q22.5995,8.92854,22.7144,9.045860000000001Q22.7834,9.11623,22.8372,9.19869Q22.8911,9.28115,22.9278,9.372530000000001Q22.9646,9.46391,22.9828,9.5607Q23.001,9.657499999999999,22.9999,9.755980000000001Q22.9989,9.85447,22.9787,9.950859999999999Q22.9585,10.04726,22.9198,10.13785Q22.8812,10.228449999999999,22.8256,10.30977Q22.7701,10.391079999999999,22.6997,10.46L17.679000000000002,15.377L16.979300000000002,14.6625L17.964399999999998,14.4906L19.1578,21.3281Q19.1865,21.4927,19.1602,21.6578Q19.1338,21.8228,19.0552,21.9704Q19.0089,22.0573,18.9465,22.1335Q18.8841,22.2097,18.808,22.2723Q18.7319,22.3348,18.6451,22.3814Q18.5583,22.4279,18.4641,22.4566Q18.3699,22.4853,18.2719,22.4951Q18.1739,22.5048,18.0759,22.4953Q17.977800000000002,22.4858,17.883499999999998,22.4573Q17.7893,22.4288,17.7023,22.3825L11.52894,19.0921L11.9993,18.209600000000002L12.4697,19.092L6.29763,22.3824Q6.14983,22.4612,5.9844100000000005,22.4876Q5.818989999999999,22.5139,5.65402,22.4849Q5.55702,22.4678,5.46521,22.4322Q5.3734,22.3965,5.2903,22.3436Q5.20721,22.2908,5.13603,22.2227Q5.06485,22.1546,5.008319999999999,22.074Q4.95179,21.9933,4.91208,21.9032Q4.87237,21.8131,4.8510100000000005,21.7169Q4.8296399999999995,21.6208,4.82745,21.5223Q4.8252500000000005,21.4238,4.8423099999999994,21.3268L6.04456,14.4894L7.02945,14.6625L6.33038,15.3776L1.300932,10.460609999999999Q1.183206,10.34551,1.108592,10.19875Q1.0339770000000001,10.05199,1.0103499999999999,9.88906Q0.9962200000000001,9.79158,1.00137,9.69323Q1.006523,9.59487,1.0307659999999998,9.499410000000001Q1.055009,9.40395,1.0974089999999999,9.31505Q1.13981,9.22615,1.198738,9.14724Q1.257667,9.06832,1.33086,9.002410000000001Q1.404052,8.93651,1.488696,8.88615Q1.573339,8.83579,1.666181,8.80291Q1.759023,8.77003,1.856495,8.7559L8.79929,7.74915L8.9428,8.738800000000001L8.04478,8.29884L11.10128,2.060044Q11.17392,1.911767,11.29038,1.794712Q11.40683,1.677658,11.55474,1.604253Q11.64296,1.560467,11.73803,1.534734Q11.8331,1.509002,11.93136,1.50231Q12.0296,1.49562,12.1273,1.508227Q12.225,1.520835,12.3183,1.552257Q12.4117,1.583679,12.4971,1.632708Q12.5825,1.681737,12.6567,1.746489Q12.7309,1.8112409999999999,12.7911,1.889227Q12.8513,1.967213,12.895,2.055436L15.9914,8.29424Z"
+            :fill="multicolour ? '#19AAA5' : color"
+            fill-opacity="1"
+          />
+        </g>
+      </g>
     </svg>
   </div>
 </template>

src/modules/connect/components/ListItem.vue

 <script setup lang="ts">
 import { Delete, Edit } from '@element-plus/icons-vue'
 import { ElMessageBox, ElMessage } from 'element-plus'
-import Icon from '../components/Icon.vue'
+import Icon from '@/components/ConnectionIcon.vue'
 import { deleteConnection } from '../api'
 
 const props = defineProps<{ data: { id: string; type_name: string; type: string } }>()
@@ -39,9 +39,9 @@ const edit = function () {
     </div>
     <div @click="routerView" style="display: flex; width: 100%; flex-direction: column; align-items: center">
       <div class="connect-item__icon">
-        <Icon class="svg" :name="data?.type"></Icon>
+        <Icon w="40" h="40" :multicolour="true" class="svg" :name="data?.type"></Icon>
       </div>
-      <p>{{ data?.type_name }}</p>
+      <p style="font-size: 18px;margin-top: 8px;">{{ data?.type_name }}</p>
     </div>
   </div>
 </template>

src/modules/connect/components/StepOne.vue

 <script setup lang="ts">
 import type { IconProp } from '../types'
-import Icon from '../components/Icon.vue'
+import Icon from '@/components/ConnectionIcon.vue'
 
 // icon
 const iconItems = $ref<IconProp[]>([
@@ -37,7 +37,7 @@ defineExpose({ getData })
   <div class="connect-from_icon__box">
     <div v-for="item in iconItems" :key="item.name" :class="item.checkbox ? 'mr20-mt20 active' : 'mr20-mt20'">
       <div @click="handleIcon(item)" class="connect-form_icon">
-        <Icon class="svg" :name="item.name"></Icon>
+        <Icon :multicolour="item.checkbox" class="svg" :name="item.name"></Icon>
       </div>
       <div class="name">{{ item.label }}</div>
     </div>
@@ -57,8 +57,7 @@ defineExpose({ getData })
         color: #ba143e;
       }
       .connect-form_icon {
-        box-shadow: 0 0 10px rgb(186, 20, 62, 0.5);
-        border: 1px solid #ba143e;
+        box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
       }
     }
   }
@@ -70,14 +69,11 @@ defineExpose({ getData })
     width: 70px;
     height: 70px;
     border-radius: 50%;
-    border: 1px solid #000;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
-    &:hover {
-      box-shadow: 0 0 10px rgb(0 0 0 / 50%);
-    }
+    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
   }
 }
 </style>

src/modules/connect/views/View.vue

 <script setup lang="ts">
-import Icon from '../components/Icon.vue'
+import Icon from '@/components/ConnectionIcon.vue'
 import { ElMessageBox } from 'element-plus'
 import { getConnectionDetails } from '../api'
 
@@ -452,7 +452,7 @@ const abilityItem = computed(() => {
   <AppCard title="查看链接">
     <div class="view-info">
       <div class="view-info_icon">
-        <Icon :name="dataDetail?.type || '0'" w="50" h="50"></Icon>
+        <Icon :multicolour="true" :name="dataDetail?.type || '0'" w="50" h="50"></Icon>
       </div>
       <div class="view-info_content">
         <p>链接名称：{{ dataDetail?.type_name }}</p>
@@ -479,10 +479,11 @@ const abilityItem = computed(() => {
     width: 100px;
     height: 100px;
     border-radius: 50%;
-    border: 1px solid #000;
+    // border: 1px solid #000;
     display: flex;
     align-items: center;
     justify-content: center;
+    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
   }
   .view-info_content {
     margin-left: 20px;

src/modules/metadata/event/components/ViewDialog.vue

@@ -8,23 +8,31 @@ defineProps<Props>()
 
 <template>
   <el-dialog title="查看事件属性" :close-on-click-modal="false" width="600px">
-    <el-form label-suffix="：" label-width="120px">
-      <el-form-item label="事件ID">
-        {{ data.id }}
-      </el-form-item>
-      <el-form-item label="事件英文名称">
-        {{ data.english_name }}
-      </el-form-item>
-      <el-form-item label="事件名称">
-        {{ data.name }}
-      </el-form-item>
-      <el-form-item label="所属连接">
-        {{ data.connection_name }}
-      </el-form-item>
-      <el-form-item label="状态">
-        {{ data.status_name }}
-      </el-form-item>
-    </el-form>
+    <div style="display: flex; justify-content: center">
+      <el-form label-suffix="：" label-width="120px">
+        <el-form-item label="事件ID">
+          {{ data.id }}
+        </el-form-item>
+        <el-form-item label="事件英文名称">
+          {{ data.english_name }}
+        </el-form-item>
+        <el-form-item label="事件名称">
+          {{ data.name }}
+        </el-form-item>
+        <el-form-item label="所属连接">
+          {{ data.connection_name }}
+        </el-form-item>
+        <el-form-item label="状态">
+          {{ data.status_name }}
+        </el-form-item>
+        <el-form-item label="更新人">
+          {{ data.updated_operator_name }}
+        </el-form-item>
+        <el-form-item label="更新时间">
+          {{ data.updated_time }}
+        </el-form-item>
+      </el-form>
+    </div>
     <template #footer>
       <el-row justify="center">
         <el-button round auto-insert-space @click="$emit('update:modelValue', false)">关闭</el-button>

src/modules/metadata/event/types.ts

@@ -6,6 +6,8 @@ export interface EventProp {
   status: string
   connection_name: string
   status_name: string
+  updated_operator_name: string
+  updated_time: string
 }
 
 export interface ConnectionOptionProp { type_name: string; id: string }

src/modules/metadata/user/components/ViewDialog.vue

@@ -8,26 +8,34 @@ defineProps<Props>()
 
 <template>
   <el-dialog title="查看用户属性" :close-on-click-modal="false" width="600px">
-    <el-form label-suffix="：" label-width="110px">
-      <el-form-item label="属性ID">
-        {{ data.id }}
-      </el-form-item>
-      <el-form-item label="属性英文名称">
-        {{ data.english_name }}
-      </el-form-item>
-      <el-form-item label="属性名称">
-        {{ data.name }}
-      </el-form-item>
-      <el-form-item label="属性字段类型">
-        {{ data.type_name }}
-      </el-form-item>
-      <el-form-item label="属性字段格式">
-        {{ data.format }}
-      </el-form-item>
-      <el-form-item label="状态">
-        {{ data.status_name }}
-      </el-form-item>
-    </el-form>
+    <div style="display: flex; justify-content: center">
+      <el-form label-suffix="：" label-width="110px">
+        <el-form-item label="属性ID">
+          {{ data.id }}
+        </el-form-item>
+        <el-form-item label="属性英文名称">
+          {{ data.english_name }}
+        </el-form-item>
+        <el-form-item label="属性名称">
+          {{ data.name }}
+        </el-form-item>
+        <el-form-item label="属性字段类型">
+          {{ data.type_name }}
+        </el-form-item>
+        <el-form-item label="属性字段格式">
+          {{ data.format }}
+        </el-form-item>
+        <el-form-item label="状态">
+          {{ data.status_name }}
+        </el-form-item>
+        <el-form-item label="更新人">
+          {{ data.updated_operator_name }}
+        </el-form-item>
+        <el-form-item label="更新时间">
+          {{ data.updated_time }}
+        </el-form-item>
+      </el-form>
+    </div>
     <template #footer>
       <el-row justify="center">
         <el-button round auto-insert-space @click="$emit('update:modelValue', false)">关闭</el-button>

src/modules/metadata/user/types.ts

@@ -7,4 +7,6 @@ export interface UserProp {
   status: string
   type_name: string
   status_name: string
+  updated_operator_name: string
+  updated_time: string
 }

src/modules/metadata/user/views/Index.vue

@@ -49,8 +49,8 @@ const listOptions = computed(() => {
         prop: 'status_name',
         computed: (row: any) => {
           return row.row.status === '0'
-            ? `<span style="color: #00ac27">${row.row.status_name}</span>`
-            : `<span style="color: rgb(170, 2, 49)">${row.row.status_name}</span>`
+            ? `<span style="color: rgb(170, 2, 49)">${row.row.status_name}</span>`
+            : `<span style="color: #00ac27">${row.row.status_name}</span>`
         }
       },
       { label: '更新人', prop: 'updated_operator_name' },

src/modules/user/components/UpdateDialog.vue

@@ -26,10 +26,11 @@ const getConnectionsList = function () {
 let fieldsList = $ref<MemberFieldsProp[]>([])
 const getFieldsList = function () {
   getMemberFieldsList().then((res: { data: MemberFieldsProp[] }) => {
-    fieldsList = res.data.map(item => {
+    console.log(res, 'res', props.data?.fields)
+    fieldsList = res.data.map((item: any) => {
       item.value = ''
       if (props.data) {
-        item.value = JSON.parse(props.data?.fields)[item.id]
+        item.value = props.data?.fields[item.id]
       }
       return item
     })