diff --git a/public/icons/quick_summon/empty.svg b/public/icons/quick_summon/empty.svg
new file mode 100644
index 00000000..cfc65e81
--- /dev/null
+++ b/public/icons/quick_summon/empty.svg
@@ -0,0 +1,27 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.2 23.8C1.53726 24.4627 1.53726 25.5373 2.2 26.2L23.8 47.8C24.4627 48.4627 25.5373 48.4627 26.2 47.8L47.8 26.2C48.4627 25.5373 48.4627 24.4627 47.8 23.8L26.2 2.2C25.5373 1.53726 24.4627 1.53726 23.8 2.2L2.2 23.8Z" fill="white"/>
+<path d="M1.84645 23.4464C0.988443 24.3045 0.988443 25.6955 1.84645 26.5536L23.4464 48.1536C24.3045 49.0116 25.6955 49.0116 26.5536 48.1536L48.1536 26.5536C49.0116 25.6956 49.0116 24.3044 48.1536 23.4464L26.5536 1.84645C25.6955 0.988444 24.3044 0.988446 23.4464 1.84645L1.84645 23.4464Z" stroke="black" stroke-opacity="0.09" stroke-linejoin="round"/>
+<path d="M5.65361 26.0183C5.09126 25.4559 5.09125 24.5442 5.65361 23.9818L23.9818 5.65361C24.5442 5.09126 25.4559 5.09126 26.0183 5.65361L44.3465 23.9818C44.9088 24.5442 44.9088 25.4559 44.3465 26.0183L26.0183 44.3465C25.4559 44.9089 24.5442 44.9089 23.9818 44.3465L5.65361 26.0183Z" fill="#A9A9A9"/>
+<path d="M5.65361 26.0183C5.09126 25.4559 5.09125 24.5442 5.65361 23.9818L23.9818 5.65361C24.5442 5.09126 25.4559 5.09126 26.0183 5.65361L44.3465 23.9818C44.9088 24.5442 44.9088 25.4559 44.3465 26.0183L26.0183 44.3465C25.4559 44.9089 24.5442 44.9089 23.9818 44.3465L5.65361 26.0183Z" fill="url(#paint0_linear_1999_6229)"/>
+<path d="M6.00716 24.3354L24.3354 6.00717C24.7025 5.64007 25.2976 5.64007 25.6647 6.00716L43.9929 24.3354C44.36 24.7025 44.36 25.2976 43.9929 25.6647L25.6647 43.9929C25.2976 44.36 24.7025 44.36 24.3354 43.9929L6.00716 25.6647C5.64007 25.2976 5.64007 24.7025 6.00716 24.3354Z" stroke="white" stroke-opacity="0.12" stroke-linejoin="round"/>
+<g filter="url(#filter0_i_1999_6229)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.3345 29.85C24.4829 29.85 24.6303 29.846 24.7767 29.8381L24.7588 29.85C25.6073 31.1228 28.1529 33.2441 29.4257 33.6684C30.5866 34.0554 31.2642 33.9512 31.547 33.6684C32.3437 32.9513 33.2711 31.8752 33.6683 31.1228C33.9762 30.5396 33.7962 30.1822 33.2441 30.2743C31.2718 30.603 28.8751 29.6318 27.8267 29.0563C30.5299 27.755 32.3955 24.9899 32.3955 21.789C32.3955 17.337 28.7865 13.728 24.3345 13.728C19.8825 13.728 16.2735 17.337 16.2735 21.789C16.2735 26.2409 19.8825 29.85 24.3345 29.85ZM27.7286 21.789C27.7286 23.3041 27.2765 24.6249 26.6081 25.5363C25.9392 26.4484 25.1203 26.8801 24.3345 26.8801C23.5487 26.8801 22.7298 26.4484 22.0609 25.5363C21.3925 24.6249 20.9404 23.3041 20.9404 21.789C20.9404 20.2738 21.3925 18.9531 22.0609 18.0416C22.7298 17.1295 23.5487 16.6978 24.3345 16.6978C25.1203 16.6978 25.9392 17.1295 26.6081 18.0416C27.2765 18.9531 27.7286 20.2738 27.7286 21.789Z" fill="#999999"/>
+</g>
+<path d="M27.4786 21.789C27.4786 23.2565 27.0403 24.5242 26.4065 25.3884C25.7726 26.2529 25.0222 26.6301 24.3345 26.6301C23.6468 26.6301 22.8964 26.2529 22.2625 25.3884C21.6287 24.5242 21.1904 23.2565 21.1904 21.789C21.1904 20.3214 21.6287 19.0537 22.2625 18.1895C22.8964 17.325 23.6468 16.9478 24.3345 16.9478C25.0222 16.9478 25.7726 17.325 26.4065 18.1895C27.0403 19.0537 27.4786 20.3214 27.4786 21.789Z" stroke="black" stroke-opacity="0.06" stroke-width="0.5"/>
+<defs>
+<filter id="filter0_i_1999_6229" x="16.2735" y="13.728" width="17.5444" height="21.1931" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_1999_6229"/>
+</filter>
+<linearGradient id="paint0_linear_1999_6229" x1="14.8177" y1="14.8177" x2="35.1824" y2="35.1824" gradientUnits="userSpaceOnUse">
+<stop offset="0.0618126" stop-color="#C1C1C1"/>
+<stop offset="0.756271" stop-color="#B0B0B0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/icons/quick_summon/filled.svg b/public/icons/quick_summon/filled.svg
new file mode 100644
index 00000000..0649cc27
--- /dev/null
+++ b/public/icons/quick_summon/filled.svg
@@ -0,0 +1,65 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.2 22.8C0.537258 23.4627 0.537259 24.5373 1.2 25.2L22.8 46.8C23.4627 47.4627 24.5373 47.4627 25.2 46.8L46.8 25.2C47.4627 24.5373 47.4627 23.4627 46.8 22.8L25.2 1.2C24.5373 0.53726 23.4627 0.537261 22.8 1.2L1.2 22.8Z" fill="url(#paint0_linear_1999_6230)"/>
+<path d="M4.65361 25.0183C4.09126 24.4559 4.09125 23.5442 4.65361 22.9818L22.9818 4.65361C23.5442 4.09126 24.4559 4.09126 25.0183 4.65361L43.3465 22.9818C43.9088 23.5442 43.9088 24.4559 43.3465 25.0183L25.0183 43.3465C24.4559 43.9089 23.5442 43.9089 22.9818 43.3465L4.65361 25.0183Z" fill="url(#paint1_linear_1999_6230)"/>
+<path d="M4.65361 25.0183C4.09126 24.4559 4.09125 23.5442 4.65361 22.9818L22.9818 4.65361C23.5442 4.09126 24.4559 4.09126 25.0183 4.65361L43.3465 22.9818C43.9088 23.5442 43.9088 24.4559 43.3465 25.0183L25.0183 43.3465C24.4559 43.9089 23.5442 43.9089 22.9818 43.3465L4.65361 25.0183Z" fill="url(#paint2_diamond_1999_6230)"/>
+<path d="M5.00716 23.3354L23.3354 5.00717C23.7025 4.64007 24.2976 4.64007 24.6647 5.00716L42.9929 23.3354C43.36 23.7025 43.36 24.2976 42.9929 24.6647L24.6647 42.9929C24.2976 43.36 23.7025 43.36 23.3354 42.9929L5.00716 24.6647C4.64007 24.2976 4.64007 23.7025 5.00716 23.3354Z" stroke="white" stroke-opacity="0.12" stroke-linejoin="round"/>
+<g filter="url(#filter0_d_1999_6230)">
+<mask id="path-4-outside-1_1999_6230" maskUnits="userSpaceOnUse" x="13.2735" y="10.728" width="22" height="24" fill="black">
+<rect fill="white" x="13.2735" y="10.728" width="22" height="24"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.7767 28.8381C23.6303 28.846 23.4829 28.85 23.3345 28.85C18.8825 28.85 15.2735 25.2409 15.2735 20.789C15.2735 16.337 18.8825 12.728 23.3345 12.728C27.7865 12.728 31.3955 16.337 31.3955 20.789C31.3955 23.9899 29.5299 26.755 26.8267 28.0563C27.8751 28.6318 30.2718 29.603 32.2441 29.2743C32.7962 29.1822 32.9762 29.5396 32.6683 30.1228C32.2711 30.8752 31.3437 31.9513 30.547 32.6684C30.2642 32.9512 29.5866 33.0554 28.4257 32.6684C27.1529 32.2441 24.6073 30.1228 23.7588 28.85L23.7767 28.8381ZM28.0014 20.789C28.0014 24.3037 25.912 27.1529 23.3345 27.1529C20.7571 27.1529 18.6676 24.3037 18.6676 20.789C18.6676 17.2743 20.7571 14.425 23.3345 14.425C25.912 14.425 28.0014 17.2743 28.0014 20.789Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.7767 28.8381C23.6303 28.846 23.4829 28.85 23.3345 28.85C18.8825 28.85 15.2735 25.2409 15.2735 20.789C15.2735 16.337 18.8825 12.728 23.3345 12.728C27.7865 12.728 31.3955 16.337 31.3955 20.789C31.3955 23.9899 29.5299 26.755 26.8267 28.0563C27.8751 28.6318 30.2718 29.603 32.2441 29.2743C32.7962 29.1822 32.9762 29.5396 32.6683 30.1228C32.2711 30.8752 31.3437 31.9513 30.547 32.6684C30.2642 32.9512 29.5866 33.0554 28.4257 32.6684C27.1529 32.2441 24.6073 30.1228 23.7588 28.85L23.7767 28.8381ZM28.0014 20.789C28.0014 24.3037 25.912 27.1529 23.3345 27.1529C20.7571 27.1529 18.6676 24.3037 18.6676 20.789C18.6676 17.2743 20.7571 14.425 23.3345 14.425C25.912 14.425 28.0014 17.2743 28.0014 20.789Z" fill="url(#paint3_linear_1999_6230)"/>
+<path d="M23.7767 28.8381L24.6087 30.0861L29.1716 27.0442L23.6957 27.3403L23.7767 28.8381ZM26.8267 28.0563L26.176 26.7048L23.55 27.969L26.105 29.3713L26.8267 28.0563ZM32.2441 29.2743L32.4907 30.7538L32.4907 30.7538L32.2441 29.2743ZM32.6683 30.1228L31.3418 29.4225L31.3418 29.4225L32.6683 30.1228ZM30.547 32.6684L29.5436 31.5534L29.5142 31.5798L29.4863 31.6077L30.547 32.6684ZM28.4257 32.6684L28.9 31.2453L28.9 31.2453L28.4257 32.6684ZM23.7588 28.85L22.9267 27.6019L21.6787 28.434L22.5107 29.682L23.7588 28.85ZM23.3345 30.35C23.5099 30.35 23.6843 30.3453 23.8576 30.3359L23.6957 27.3403C23.5763 27.3467 23.4558 27.35 23.3345 27.35V30.35ZM13.7735 20.789C13.7735 26.0694 18.0541 30.35 23.3345 30.35V27.35C19.711 27.35 16.7735 24.4125 16.7735 20.789H13.7735ZM23.3345 11.228C18.0541 11.228 13.7735 15.5086 13.7735 20.789H16.7735C16.7735 17.1654 19.711 14.228 23.3345 14.228V11.228ZM32.8955 20.789C32.8955 15.5086 28.6149 11.228 23.3345 11.228V14.228C26.9581 14.228 29.8955 17.1654 29.8955 20.789H32.8955ZM27.4773 29.4079C30.68 27.8661 32.8955 24.5877 32.8955 20.789H29.8955C29.8955 23.392 28.3798 25.6439 26.176 26.7048L27.4773 29.4079ZM31.9975 27.7947C31.3172 27.908 30.4668 27.8046 29.5936 27.56C28.7366 27.3199 27.9812 26.9789 27.5484 26.7414L26.105 29.3713C26.7206 29.7092 27.6878 30.1415 28.7843 30.4487C29.8646 30.7514 31.1987 30.9692 32.4907 30.7538L31.9975 27.7947ZM33.9948 30.823C34.2029 30.429 34.5367 29.6053 34.1198 28.7733C33.599 27.734 32.5156 27.7083 31.9975 27.7947L32.4907 30.7538C32.4773 30.7561 32.3295 30.7809 32.1156 30.7101C31.8669 30.6279 31.5965 30.4343 31.4377 30.1173C31.2953 29.8332 31.3132 29.5917 31.3275 29.5C31.3423 29.4052 31.3659 29.3768 31.3418 29.4225L33.9948 30.823ZM31.5505 33.7833C32.4152 33.0051 33.4831 31.7924 33.9948 30.823L31.3418 29.4225C31.0591 29.958 30.2722 30.8976 29.5436 31.5534L31.5505 33.7833ZM27.9513 34.0914C28.6398 34.3209 29.2858 34.4403 29.8714 34.4185C30.4426 34.3973 31.1051 34.2316 31.6077 33.729L29.4863 31.6077C29.7061 31.388 29.8884 31.4158 29.7599 31.4206C29.6458 31.4248 29.3725 31.4028 28.9 31.2453L27.9513 34.0914ZM22.5107 29.682C23.0568 30.5012 24.0387 31.4605 24.9796 32.2353C25.8963 32.9902 27.0328 33.7852 27.9513 34.0914L28.9 31.2453C28.5458 31.1273 27.7731 30.6494 26.8867 29.9195C26.0244 29.2094 25.3093 28.4715 25.0069 28.0179L22.5107 29.682ZM22.9446 27.59L22.9267 27.6019L24.5908 30.0981L24.6087 30.0861L22.9446 27.59ZM23.3345 28.6529C25.2159 28.6529 26.7926 27.6099 27.8441 26.176C28.8963 24.7412 29.5014 22.8317 29.5014 20.789H26.5014C26.5014 22.2609 26.0618 23.5334 25.4249 24.4019C24.7873 25.2713 24.0306 25.6529 23.3345 25.6529V28.6529ZM17.1676 20.789C17.1676 22.8317 17.7727 24.7412 18.8249 26.176C19.8764 27.6099 21.4531 28.6529 23.3345 28.6529V25.6529C22.6384 25.6529 21.8817 25.2713 21.2441 24.4019C20.6072 23.5334 20.1676 22.2609 20.1676 20.789H17.1676ZM23.3345 12.925C21.4531 12.925 19.8764 13.968 18.8249 15.4019C17.7727 16.8367 17.1676 18.7462 17.1676 20.789H20.1676C20.1676 19.317 20.6072 18.0445 21.2441 17.176C21.8817 16.3066 22.6384 15.925 23.3345 15.925V12.925ZM29.5014 20.789C29.5014 18.7462 28.8963 16.8367 27.8441 15.4019C26.7926 13.968 25.2159 12.925 23.3345 12.925V15.925C24.0306 15.925 24.7873 16.3066 25.4249 17.176C26.0618 18.0445 26.5014 19.317 26.5014 20.789H29.5014Z" fill="url(#paint4_linear_1999_6230)" mask="url(#path-4-outside-1_1999_6230)"/>
+</g>
+<path d="M30.3798 32.4825L30.3795 32.4823L30.3702 32.4916C30.289 32.5728 30.1193 32.6581 29.8063 32.6697C29.4958 32.6813 29.0672 32.6187 28.5047 32.4312C27.9154 32.2347 26.9911 31.6248 26.0921 30.8844C25.2014 30.1509 24.3788 29.3253 23.9727 28.7201C23.939 28.6652 23.8929 28.6387 23.8852 28.6342L23.8845 28.6338C23.8589 28.619 23.8366 28.6122 23.8295 28.6101C23.8195 28.6072 23.8113 28.6055 23.8068 28.6046C23.7922 28.6017 23.7801 28.6008 23.7782 28.6006L23.778 28.6006C23.7712 28.6001 23.7652 28.5999 23.7632 28.5998L23.7456 28.5994L23.6978 28.5991C23.6595 28.599 23.6082 28.5991 23.5564 28.5992L23.3345 28.6C19.0206 28.6 15.5235 25.1029 15.5235 20.789C15.5235 16.4751 19.0206 12.978 23.3345 12.978C27.6484 12.978 31.1455 16.4751 31.1455 20.789C31.1455 23.8064 29.4346 26.4247 26.9287 27.7258C26.6706 27.8598 26.6436 28.2475 26.9276 28.3925C27.5088 28.6892 28.3645 29.0493 29.3124 29.2967C30.2579 29.5435 31.3132 29.6828 32.2852 29.5208C32.5184 29.482 32.5531 29.5531 32.5552 29.5572L32.5552 29.5573C32.5738 29.5945 32.5922 29.7315 32.4472 30.0061C32.0691 30.7224 31.1651 31.7757 30.3798 32.4825ZM23.3345 27.4029C24.722 27.4029 25.9571 26.6355 26.8361 25.4368C27.7153 24.238 28.2514 22.5939 28.2514 20.789C28.2514 18.984 27.7153 17.34 26.8361 16.1411C25.9571 14.9424 24.722 14.175 23.3345 14.175C21.947 14.175 20.712 14.9424 19.8329 16.1411C18.9538 17.34 18.4176 18.984 18.4176 20.789C18.4176 22.5939 18.9538 24.238 19.8329 25.4368C20.712 26.6355 21.947 27.4029 23.3345 27.4029Z" stroke="black" stroke-opacity="0.06" stroke-width="0.5"/>
+<g filter="url(#filter1_d_1999_6230)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.6081 24.5363C26.2765 23.6249 26.7286 22.3041 26.7286 20.789C26.7286 19.2738 26.2765 17.9531 25.6081 17.0416C24.9392 16.1295 24.1203 15.6978 23.3345 15.6978C22.5487 15.6978 21.7298 16.1295 21.0609 17.0416C20.3925 17.9531 19.9404 19.2738 19.9404 20.789C19.9404 22.3041 20.3925 23.6249 21.0609 24.5363C21.7298 25.4484 22.5487 25.8801 23.3345 25.8801C24.1203 25.8801 24.9392 25.4484 25.6081 24.5363ZM23.3345 27.1529C25.912 27.1529 28.0014 24.3037 28.0014 20.789C28.0014 17.2742 25.912 14.425 23.3345 14.425C20.757 14.425 18.6676 17.2742 18.6676 20.789C18.6676 24.3037 20.757 27.1529 23.3345 27.1529Z" fill="url(#paint5_linear_1999_6230)"/>
+</g>
+<defs>
+<filter id="filter0_d_1999_6230" x="9.7735" y="11.228" width="28.5457" height="31.1931" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1999_6230"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1999_6230" result="shape"/>
+</filter>
+<filter id="filter1_d_1999_6230" x="14.6676" y="10.425" width="17.3338" height="20.7279" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.28 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1999_6230"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1999_6230" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1999_6230" x1="23.7588" y1="2.12135" x2="23.7588" y2="33.5169" gradientUnits="userSpaceOnUse">
+<stop offset="0.339742" stop-color="#B6442B"/>
+<stop offset="0.946014" stop-color="#4C2924"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1999_6230" x1="23.7588" y1="3.39414" x2="23.7588" y2="33.9412" gradientUnits="userSpaceOnUse">
+<stop offset="0.0470958" stop-color="#FB864B"/>
+<stop offset="0.88381" stop-color="#AA2801"/>
+</linearGradient>
+<radialGradient id="paint2_diamond_1999_6230" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.7588 7.63678) rotate(-62.0205) scale(15.3734 10.1245)">
+<stop offset="0.00573298" stop-color="#FFFFB8"/>
+<stop offset="1" stop-color="#FFFFB8" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint3_linear_1999_6230" x1="24.0457" y1="12.728" x2="24.0457" y2="32.9211" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="0.567708" stop-color="#FFFFB8"/>
+<stop offset="0.854167" stop-color="#EF9E35"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1999_6230" x1="20.7889" y1="14.8493" x2="27.5772" y2="30.547" gradientUnits="userSpaceOnUse">
+<stop offset="0.0904857" stop-color="#9C503B"/>
+<stop offset="0.973958" stop-color="#240000"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1999_6230" x1="21.2132" y1="16.1221" x2="25.8801" y2="26.7287" gradientUnits="userSpaceOnUse">
+<stop offset="0.0904857" stop-color="#240000"/>
+<stop offset="0.944437" stop-color="#7C4230"/>
+</linearGradient>
+</defs>
+</svg>