yanganjie/fluent_widgets_pyside6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial fluent-widgets ui

Browse Source
This commit is contained in:
yanganjie
2025-08-14 18:45:16 +08:00
parent 746e83ab23
commit 4c66886257
1198 changed files with 805339 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
examples/view/card_widget/resource/Basketball.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
examples/view/card_widget/resource/Chicken.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
examples/view/card_widget/resource/Clown face.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
examples/view/card_widget/resource/Drooling face.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
examples/view/card_widget/resource/Face savoring food.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
examples/view/card_widget/resource/Grinning face with sweat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
examples/view/card_widget/resource/Hot face.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

186
examples/view/card_widget/resource/Joystick.svg Normal file
View File

@ -0,0 +1,186 @@
<svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.29453 19.0004C4.13998 18.9699 3.99603 19.0881 3.99603 19.2457V23.1725C3.99603 23.941 4.43638 24.6416 5.1289 24.9748L13.9957 29.241C15.2287 29.8342 16.6647 29.8342 17.8978 29.241L26.765 24.9748C27.4575 24.6416 27.8979 23.941 27.8979 23.1725V19.2457C27.8979 19.0881 27.7539 18.9699 27.5994 19.0004L15.9472 21.3047L4.29453 19.0004Z" fill="url(#paint0_linear_18_3570)" />
<path d="M15.9291 11.9132L4.57068 17.1921C4.2178 17.356 3.99213 17.7098 3.99213 18.0989V18.8973C3.99213 18.9744 4.03638 19.0446 4.1059 19.0778L14.6516 24.1166C15.4696 24.5075 16.4204 24.5075 17.2384 24.1166L27.7841 19.0778C27.8536 19.0446 27.8979 18.9744 27.8979 18.8973V18.0989C27.8979 17.7098 27.6722 17.356 27.3193 17.1921L15.9609 11.9132V11.8984L15.945 11.9058L15.9291 11.8984V11.9132Z" fill="url(#paint1_linear_18_3570)" />
<path d="M15.9291 11.9132L4.57068 17.1921C4.2178 17.356 3.99213 17.7098 3.99213 18.0989V18.8973C3.99213 18.9744 4.03638 19.0446 4.1059 19.0778L14.6516 24.1166C15.4696 24.5075 16.4204 24.5075 17.2384 24.1166L27.7841 19.0778C27.8536 19.0446 27.8979 18.9744 27.8979 18.8973V18.0989C27.8979 17.7098 27.6722 17.356 27.3193 17.1921L15.9609 11.9132V11.8984L15.945 11.9058L15.9291 11.8984V11.9132Z" fill="url(#paint2_linear_18_3570)" />
<path d="M15.9291 11.9132L4.57068 17.1921C4.2178 17.356 3.99213 17.7098 3.99213 18.0989V18.8973C3.99213 18.9744 4.03638 19.0446 4.1059 19.0778L14.6516 24.1166C15.4696 24.5075 16.4204 24.5075 17.2384 24.1166L27.7841 19.0778C27.8536 19.0446 27.8979 18.9744 27.8979 18.8973V18.0989C27.8979 17.7098 27.6722 17.356 27.3193 17.1921L15.9609 11.9132V11.8984L15.945 11.9058L15.9291 11.8984V11.9132Z" fill="url(#paint3_linear_18_3570)" />
<path d="M15.9291 11.9132L4.57068 17.1921C4.2178 17.356 3.99213 17.7098 3.99213 18.0989V18.8973C3.99213 18.9744 4.03638 19.0446 4.1059 19.0778L14.6516 24.1166C15.4696 24.5075 16.4204 24.5075 17.2384 24.1166L27.7841 19.0778C27.8536 19.0446 27.8979 18.9744 27.8979 18.8973V18.0989C27.8979 17.7098 27.6722 17.356 27.3193 17.1921L15.9609 11.9132V11.8984L15.945 11.9058L15.9291 11.8984V11.9132Z" fill="url(#paint4_linear_18_3570)" />
<path d="M15.9291 11.9132L4.57068 17.1921C4.2178 17.356 3.99213 17.7098 3.99213 18.0989V18.8973C3.99213 18.9744 4.03638 19.0446 4.1059 19.0778L14.6516 24.1166C15.4696 24.5075 16.4204 24.5075 17.2384 24.1166L27.7841 19.0778C27.8536 19.0446 27.8979 18.9744 27.8979 18.8973V18.0989C27.8979 17.7098 27.6722 17.356 27.3193 17.1921L15.9609 11.9132V11.8984L15.945 11.9058L15.9291 11.8984V11.9132Z" fill="url(#paint5_radial_18_3570)" />
<g filter="url(#filter0_f_18_3570)">
<path d="M17.1909 24.2109L27.5347 19.2109" stroke="url(#paint6_linear_18_3570)" stroke-width="0.2" stroke-linecap="round" />
</g>
<g filter="url(#filter1_f_18_3570)">
<path d="M15.6869 24.3403C11.471 23.435 10.9236 19.4261 11.1768 17.5348L20.8273 17.6964C20.8705 20.2882 19.1623 23.7907 15.6869 24.3403Z" fill="url(#paint7_linear_18_3570)" />
<path d="M15.6869 24.3403C11.471 23.435 10.9236 19.4261 11.1768 17.5348L20.8273 17.6964C20.8705 20.2882 19.1623 23.7907 15.6869 24.3403Z" fill="url(#paint8_radial_18_3570)" />
</g>
<g filter="url(#filter2_f_18_3570)">
<path d="M7.94222 20.1172C6.76097 19.8319 6.60758 18.5686 6.67854 17.9727L9.38255 18.0236C9.39463 18.8403 8.91603 19.944 7.94222 20.1172Z" fill="url(#paint9_linear_18_3570)" />
</g>
<path d="M4.57068 18.101L15.0874 22.9887C15.6212 23.2368 16.2372 23.2371 16.7713 22.9896L27.3193 18.101C27.5267 18.0046 27.6902 17.8427 27.7897 17.6465C27.8595 17.7841 27.8979 17.9385 27.8979 18.0989V18.8973C27.8979 18.9744 27.8536 19.0446 27.7841 19.0778L17.2384 24.1166C16.4204 24.5075 15.4696 24.5075 14.6516 24.1166L4.1059 19.0778C4.03638 19.0446 3.99213 18.9744 3.99213 18.8973V18.0989C3.99213 17.9385 4.03048 17.7841 4.10028 17.6465C4.19981 17.8427 4.36327 18.0046 4.57068 18.101Z" fill="url(#paint10_linear_18_3570)" />
<g filter="url(#filter3_i_18_3570)">
<path d="M11.1529 17.3563C11.1344 17.4292 11.1249 17.5032 11.1249 17.5781C11.1249 18.7129 13.2971 19.6328 15.9765 19.6328C18.6559 19.6328 20.8281 18.7129 20.8281 17.5781C20.8281 17.5032 20.8186 17.4292 20.8001 17.3563C20.3768 15.0772 18.3782 13.3516 15.9765 13.3516C13.5748 13.3516 11.5762 15.0772 11.1529 17.3563Z" fill="#4C2F5A" />
<path d="M11.1529 17.3563C11.1344 17.4292 11.1249 17.5032 11.1249 17.5781C11.1249 18.7129 13.2971 19.6328 15.9765 19.6328C18.6559 19.6328 20.8281 18.7129 20.8281 17.5781C20.8281 17.5032 20.8186 17.4292 20.8001 17.3563C20.3768 15.0772 18.3782 13.3516 15.9765 13.3516C13.5748 13.3516 11.5762 15.0772 11.1529 17.3563Z" fill="url(#paint11_radial_18_3570)" />
<path d="M11.1529 17.3563C11.1344 17.4292 11.1249 17.5032 11.1249 17.5781C11.1249 18.7129 13.2971 19.6328 15.9765 19.6328C18.6559 19.6328 20.8281 18.7129 20.8281 17.5781C20.8281 17.5032 20.8186 17.4292 20.8001 17.3563C20.3768 15.0772 18.3782 13.3516 15.9765 13.3516C13.5748 13.3516 11.5762 15.0772 11.1529 17.3563Z" fill="url(#paint12_radial_18_3570)" />
<path d="M11.1529 17.3563C11.1344 17.4292 11.1249 17.5032 11.1249 17.5781C11.1249 18.7129 13.2971 19.6328 15.9765 19.6328C18.6559 19.6328 20.8281 18.7129 20.8281 17.5781C20.8281 17.5032 20.8186 17.4292 20.8001 17.3563C20.3768 15.0772 18.3782 13.3516 15.9765 13.3516C13.5748 13.3516 11.5762 15.0772 11.1529 17.3563Z" fill="url(#paint13_radial_18_3570)" />
<path d="M11.1529 17.3563C11.1344 17.4292 11.1249 17.5032 11.1249 17.5781C11.1249 18.7129 13.2971 19.6328 15.9765 19.6328C18.6559 19.6328 20.8281 18.7129 20.8281 17.5781C20.8281 17.5032 20.8186 17.4292 20.8001 17.3563C20.3768 15.0772 18.3782 13.3516 15.9765 13.3516C13.5748 13.3516 11.5762 15.0772 11.1529 17.3563Z" fill="url(#paint14_radial_18_3570)" />
</g>
<path d="M11.1529 17.3563C11.1344 17.4292 11.1249 17.5032 11.1249 17.5781C11.1249 18.7129 13.2971 19.6328 15.9765 19.6328C18.6559 19.6328 20.8281 18.7129 20.8281 17.5781C20.8281 17.5032 20.8186 17.4292 20.8001 17.3563C20.3768 15.0772 18.3782 13.3516 15.9765 13.3516C13.5748 13.3516 11.5762 15.0772 11.1529 17.3563Z" fill="url(#paint15_radial_18_3570)" />
<path d="M11.1529 17.3563C11.1344 17.4292 11.1249 17.5032 11.1249 17.5781C11.1249 18.7129 13.2971 19.6328 15.9765 19.6328C18.6559 19.6328 20.8281 18.7129 20.8281 17.5781C20.8281 17.5032 20.8186 17.4292 20.8001 17.3563C20.3768 15.0772 18.3782 13.3516 15.9765 13.3516C13.5748 13.3516 11.5762 15.0772 11.1529 17.3563Z" fill="url(#paint16_radial_18_3570)" />
<g filter="url(#filter4_f_18_3570)">
<path d="M7.98822 17.0898C8.75841 17.0898 9.38275 17.503 9.38275 18.2344C9.38275 18.668 8.75841 18.8555 7.98822 18.8555C7.21803 18.8555 6.59369 18.6875 6.59369 18.2344C6.59369 17.503 7.21803 17.0898 7.98822 17.0898Z" fill="#50416C" />
</g>
<path d="M7.98822 16.9766C8.71957 16.9766 9.31244 17.3897 9.31244 18.1211C9.31244 18.5547 8.71957 18.7422 7.98822 18.7422C7.25687 18.7422 6.664 18.5742 6.664 18.1211C6.664 17.3897 7.25687 16.9766 7.98822 16.9766Z" fill="url(#paint17_radial_18_3570)" />
<path d="M7.98822 16.9766C8.71957 16.9766 9.31244 17.3897 9.31244 18.1211C9.31244 18.5547 8.71957 18.7422 7.98822 18.7422C7.25687 18.7422 6.664 18.5742 6.664 18.1211C6.664 17.3897 7.25687 16.9766 7.98822 16.9766Z" fill="url(#paint18_radial_18_3570)" />
<path d="M7.98822 16.9766C8.71957 16.9766 9.31244 17.3897 9.31244 18.1211C9.31244 18.5547 8.71957 18.7422 7.98822 18.7422C7.25687 18.7422 6.664 18.5742 6.664 18.1211C6.664 17.3897 7.25687 16.9766 7.98822 16.9766Z" fill="url(#paint19_radial_18_3570)" />
<path d="M14.9453 9.85938C14.9453 9.31141 15.3895 8.86719 15.9374 8.86719C16.4854 8.86719 16.9296 9.31141 16.9296 9.85938V14.0078C16.9296 14.5558 16.4854 14.7266 15.9374 14.7266C15.3895 14.7266 14.9453 14.5558 14.9453 14.0078V9.85938Z" fill="url(#paint20_linear_18_3570)" />
<path d="M14.9453 9.85938C14.9453 9.31141 15.3895 8.86719 15.9374 8.86719C16.4854 8.86719 16.9296 9.31141 16.9296 9.85938V14.0078C16.9296 14.5558 16.4854 14.7266 15.9374 14.7266C15.3895 14.7266 14.9453 14.5558 14.9453 14.0078V9.85938Z" fill="url(#paint21_radial_18_3570)" />
<path d="M14.9453 9.85938C14.9453 9.31141 15.3895 8.86719 15.9374 8.86719C16.4854 8.86719 16.9296 9.31141 16.9296 9.85938V14.0078C16.9296 14.5558 16.4854 14.7266 15.9374 14.7266C15.3895 14.7266 14.9453 14.5558 14.9453 14.0078V9.85938Z" fill="url(#paint22_radial_18_3570)" />
<circle cx="15.9765" cy="6.39844" r="4.57812" fill="url(#paint23_radial_18_3570)" />
<circle cx="15.9765" cy="6.39844" r="4.57812" fill="url(#paint24_radial_18_3570)" />
<circle cx="15.9765" cy="6.39844" r="4.57812" fill="url(#paint25_radial_18_3570)" />
<g filter="url(#filter5_f_18_3570)">
<path d="M27.5347 17.868L16.722 22.9364C16.6037 22.9862 16.289 23.0828 15.9765 23.0703" stroke="#7067A3" stroke-width="0.2" stroke-linecap="round" />
</g>
<defs>
<filter id="filter0_f_18_3570" x="16.8909" y="18.9109" width="10.9438" height="5.60007" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="0.1" result="effect1_foregroundBlur_18_3570" />
</filter>
<filter id="filter1_f_18_3570" x="10.3749" y="16.7848" width="11.2032" height="8.30548" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="0.375" result="effect1_foregroundBlur_18_3570" />
</filter>
<filter id="filter2_f_18_3570" x="6.414" y="17.7227" width="3.21878" height="2.64453" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="0.125" result="effect1_foregroundBlur_18_3570" />
</filter>
<filter id="filter3_i_18_3570" x="11.1249" y="13.2516" width="9.70312" height="6.38125" 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="-0.1" />
<feGaussianBlur stdDeviation="0.2" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix type="matrix" values="0 0 0 0 0.14902 0 0 0 0 0.0862745 0 0 0 0 0.235294 0 0 0 1 0" />
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_3570" />
</filter>
<filter id="filter4_f_18_3570" x="6.44369" y="16.9398" width="3.08906" height="2.06563" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="0.075" result="effect1_foregroundBlur_18_3570" />
</filter>
<filter id="filter5_f_18_3570" x="15.7765" y="17.6679" width="11.9582" height="5.6035" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="0.05" result="effect1_foregroundBlur_18_3570" />
</filter>
<linearGradient id="paint0_linear_18_3570" x1="5.37495" y1="24.2266" x2="26.472" y2="24.2266" gradientUnits="userSpaceOnUse">
<stop stop-color="#2F2137" />
<stop offset="0.447917" stop-color="#38224A" />
<stop offset="0.567708" stop-color="#5D3E7D" />
</linearGradient>
<linearGradient id="paint1_linear_18_3570" x1="26.2421" y1="17.4922" x2="3.30463" y2="17.4922" gradientUnits="userSpaceOnUse">
<stop stop-color="#615D8D" />
<stop offset="1" stop-color="#5E5681" />
</linearGradient>
<linearGradient id="paint2_linear_18_3570" x1="26.2421" y1="17.4922" x2="3.30463" y2="17.4922" gradientUnits="userSpaceOnUse">
<stop stop-color="#615D8D" />
<stop offset="1" stop-color="#5E5681" />
</linearGradient>
<linearGradient id="paint3_linear_18_3570" x1="9.98386" y1="20.6792" x2="10.1477" y2="20.3433" gradientUnits="userSpaceOnUse">
<stop offset="0.268621" stop-color="#4F3A84" />
<stop offset="1" stop-color="#534177" stop-opacity="0" />
</linearGradient>
<linearGradient id="paint4_linear_18_3570" x1="21.3208" y1="20.9986" x2="21.0914" y2="20.5153" gradientUnits="userSpaceOnUse">
<stop offset="0.338143" stop-color="#6152A2" />
<stop offset="1" stop-color="#5F5887" stop-opacity="0" />
</linearGradient>
<radialGradient id="paint5_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.3654 11.3467) rotate(90) scale(5.65532 9.54334)">
<stop stop-color="#6D6F9E" />
<stop offset="1" stop-color="#6D6F9E" stop-opacity="0" />
</radialGradient>
<linearGradient id="paint6_linear_18_3570" x1="26.5234" y1="19.8984" x2="17.8515" y2="24.2109" gradientUnits="userSpaceOnUse">
<stop offset="0.896047" stop-color="#69597D" />
<stop offset="1" stop-color="#69597D" stop-opacity="0" />
</linearGradient>
<linearGradient id="paint7_linear_18_3570" x1="15.9765" y1="18.4922" x2="15.9765" y2="24.3403" gradientUnits="userSpaceOnUse">
<stop stop-color="#4D4277" />
<stop offset="1" stop-color="#4D4277" stop-opacity="0" />
</linearGradient>
<radialGradient id="paint8_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.9765 18.1172) rotate(90) scale(2.375 5.2725)">
<stop offset="0.328947" stop-color="#281E45" />
<stop offset="1" stop-color="#281E45" stop-opacity="0" />
</radialGradient>
<linearGradient id="paint9_linear_18_3570" x1="8.02338" y1="17.5078" x2="8.02338" y2="21.2056" gradientUnits="userSpaceOnUse">
<stop stop-color="#4D4277" />
<stop offset="1" stop-color="#4D4277" stop-opacity="0" />
</linearGradient>
<linearGradient id="paint10_linear_18_3570" x1="26.3361" y1="21.119" x2="3.18921" y2="21.119" gradientUnits="userSpaceOnUse">
<stop offset="0.430684" stop-color="#6052A1" />
<stop offset="0.464436" stop-color="#4E3A83" />
</linearGradient>
<radialGradient id="paint11_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.4296 13.3516) rotate(94.1261) scale(6.29757 12.0208)">
<stop offset="0.646766" stop-color="#442A5D" stop-opacity="0" />
<stop offset="1" stop-color="#442A5D" />
</radialGradient>
<radialGradient id="paint12_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(20.0763 15.7498) rotate(151.174) scale(4.67961 3.04242)">
<stop stop-color="#6F5A85" />
<stop offset="1" stop-color="#6F5A85" stop-opacity="0" />
</radialGradient>
<radialGradient id="paint13_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.8419 13.3516) rotate(101.741) scale(5.63189 3.58864)">
<stop stop-color="#4A3947" />
<stop offset="1" stop-color="#4A3947" stop-opacity="0" />
</radialGradient>
<radialGradient id="paint14_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.7786 18.6328) rotate(-47.5718) scale(5.36144 5.4902)">
<stop offset="0.9419" stop-color="#766F8B" stop-opacity="0.0816862" />
<stop offset="0.991185" stop-color="#766F8B" />
</radialGradient>
<radialGradient id="paint15_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.9296 17.8672) rotate(-44.2361) scale(4.97229 4.86741)">
<stop stop-color="#422E3D" />
<stop offset="1" stop-color="#422E3D" stop-opacity="0" />
</radialGradient>
<radialGradient id="paint16_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.0234 18.6484) rotate(-139.07) scale(5.91484 7.01095)">
<stop offset="0.933845" stop-color="#50464D" stop-opacity="0" />
<stop offset="1" stop-color="#50464D" />
</radialGradient>
<radialGradient id="paint17_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.00775 18.1016) rotate(180) scale(2.15625 2.1875)">
<stop stop-color="#FF3389" />
<stop offset="1" stop-color="#E13B63" />
</radialGradient>
<radialGradient id="paint18_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.86931 18.1617) rotate(168.311) scale(1.13078 0.556121)">
<stop stop-color="#FF5EA3" />
<stop offset="1" stop-color="#FF5EA3" stop-opacity="0" />
</radialGradient>
<radialGradient id="paint19_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.61713 17.8594) rotate(166.189) scale(1.93083 1.90247)">
<stop offset="0.677262" stop-color="#C52754" stop-opacity="0" />
<stop offset="1" stop-color="#C52754" />
</radialGradient>
<linearGradient id="paint20_linear_18_3570" x1="15.2734" y1="12.9609" x2="17.0859" y2="12.9609" gradientUnits="userSpaceOnUse">
<stop stop-color="#DDB7F2" />
<stop offset="1" stop-color="#F8EBFF" />
</linearGradient>
<radialGradient id="paint21_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.083 10.342) scale(1.71905 0.942707)">
<stop stop-color="#BD7CD0" />
<stop offset="1" stop-color="#BD7CD0" stop-opacity="0" />
</radialGradient>
<radialGradient id="paint22_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.4026 9.96593) rotate(123.064) scale(3.18369 2.01393)">
<stop offset="0.179717" stop-color="#B87EBA" />
<stop offset="1" stop-color="#BD7CD0" stop-opacity="0" />
</radialGradient>
<radialGradient id="paint23_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.8046 4.49219) rotate(142.722) scale(5.26263)">
<stop stop-color="#FF78AD" />
<stop offset="1" stop-color="#FB426F" />
</radialGradient>
<radialGradient id="paint24_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.6171 6.39844) rotate(-180) scale(7.21875)">
<stop offset="0.542662" stop-color="#CC515D" stop-opacity="0" />
<stop offset="1" stop-color="#CC515D" />
<stop offset="1" stop-color="#CC515D" />
</radialGradient>
<radialGradient id="paint25_radial_18_3570" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.9765 3.92969) rotate(90) scale(7.375)">
<stop offset="0.807095" stop-color="#B8276B" stop-opacity="0" />
<stop offset="1" stop-color="#B8276B" />
</radialGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
examples/view/card_widget/resource/Partying face.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

19
examples/view/card_widget/resource/Python.svg Normal file
View File

@ -0,0 +1,19 @@
<svg width="2500" height="2490" viewBox="0 0 256 255" xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="xMinYMin meet">
<defs>
<linearGradient x1="12.959%" y1="12.039%" x2="79.639%" y2="78.201%" id="a">
<stop stop-color="#387EB8" offset="0%" />
<stop stop-color="#366994" offset="100%" />
</linearGradient>
<linearGradient x1="19.128%" y1="20.579%" x2="90.742%" y2="88.429%" id="b">
<stop stop-color="#FFE052" offset="0%" />
<stop stop-color="#FFC331" offset="100%" />
</linearGradient>
</defs>
<path
d="M126.916.072c-64.832 0-60.784 28.115-60.784 28.115l.072 29.128h61.868v8.745H41.631S.145 61.355.145 126.77c0 65.417 36.21 63.097 36.21 63.097h21.61v-30.356s-1.165-36.21 35.632-36.21h61.362s34.475.557 34.475-33.319V33.97S194.67.072 126.916.072zM92.802 19.66a11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13 11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.13z"
fill="url(#a)" />
<path
d="M128.757 254.126c64.832 0 60.784-28.115 60.784-28.115l-.072-29.127H127.6v-8.745h86.441s41.486 4.705 41.486-60.712c0-65.416-36.21-63.096-36.21-63.096h-21.61v30.355s1.165 36.21-35.632 36.21h-61.362s-34.475-.557-34.475 33.32v56.013s-5.235 33.897 62.518 33.897zm34.114-19.586a11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.131 11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13z"
fill="url(#b)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

200
examples/view/card_widget/resource/Rocket.svg Normal file
View File

@ -0,0 +1,200 @@
<svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_18_13076)">
<path d="M10.5815 13.7179C11.782 13.276 12.9492 14.4432 12.5073 15.6437L9.88853 22.7581C9.63639 23.4431 8.75911 23.6359 8.24298 23.1197L3.10549 17.9822C2.58936 17.4661 2.78217 16.5888 3.46715 16.3367L10.5815 13.7179Z" fill="url(#paint0_linear_18_13076)" />
<path d="M10.5815 13.7179C11.782 13.276 12.9492 14.4432 12.5073 15.6437L9.88853 22.7581C9.63639 23.4431 8.75911 23.6359 8.24298 23.1197L3.10549 17.9822C2.58936 17.4661 2.78217 16.5888 3.46715 16.3367L10.5815 13.7179Z" fill="url(#paint1_radial_18_13076)" />
<path d="M10.5815 13.7179C11.782 13.276 12.9492 14.4432 12.5073 15.6437L9.88853 22.7581C9.63639 23.4431 8.75911 23.6359 8.24298 23.1197L3.10549 17.9822C2.58936 17.4661 2.78217 16.5888 3.46715 16.3367L10.5815 13.7179Z" fill="url(#paint2_linear_18_13076)" />
<path d="M16.5815 19.7179C17.782 19.276 18.9492 20.4432 18.5073 21.6437L15.8885 28.7581C15.6364 29.4431 14.7591 29.6359 14.243 29.1197L9.10549 23.9822C8.58936 23.4661 8.78217 22.5888 9.46715 22.3367L16.5815 19.7179Z" fill="url(#paint3_linear_18_13076)" />
<path d="M16.5815 19.7179C17.782 19.276 18.9492 20.4432 18.5073 21.6437L15.8885 28.7581C15.6364 29.4431 14.7591 29.6359 14.243 29.1197L9.10549 23.9822C8.58936 23.4661 8.78217 22.5888 9.46715 22.3367L16.5815 19.7179Z" fill="url(#paint4_radial_18_13076)" />
<path d="M16.5815 19.7179C17.782 19.276 18.9492 20.4432 18.5073 21.6437L15.8885 28.7581C15.6364 29.4431 14.7591 29.6359 14.243 29.1197L9.10549 23.9822C8.58936 23.4661 8.78217 22.5888 9.46715 22.3367L16.5815 19.7179Z" fill="url(#paint5_radial_18_13076)" />
<g filter="url(#filter0_i_18_13076)">
<path d="M22.3991 3.55093C22.455 3.52817 22.5189 3.54145 22.5615 3.58433L28.4474 9.51462C28.4897 9.55723 28.5026 9.62075 28.48 9.67635C27.0706 13.1358 25.1274 16.8158 22.5255 19.4178C19.9917 21.9515 15.706 24.1111 11.8363 25.6991L6.34463 20.2075C7.93265 16.3378 10.0922 12.0521 12.626 9.51827C15.2359 6.90839 18.9304 4.96134 22.3991 3.55093Z" fill="url(#paint6_linear_18_13076)" />
<path d="M22.3991 3.55093C22.455 3.52817 22.5189 3.54145 22.5615 3.58433L28.4474 9.51462C28.4897 9.55723 28.5026 9.62075 28.48 9.67635C27.0706 13.1358 25.1274 16.8158 22.5255 19.4178C19.9917 21.9515 15.706 24.1111 11.8363 25.6991L6.34463 20.2075C7.93265 16.3378 10.0922 12.0521 12.626 9.51827C15.2359 6.90839 18.9304 4.96134 22.3991 3.55093Z" fill="url(#paint7_radial_18_13076)" />
<path d="M22.3991 3.55093C22.455 3.52817 22.5189 3.54145 22.5615 3.58433L28.4474 9.51462C28.4897 9.55723 28.5026 9.62075 28.48 9.67635C27.0706 13.1358 25.1274 16.8158 22.5255 19.4178C19.9917 21.9515 15.706 24.1111 11.8363 25.6991L6.34463 20.2075C7.93265 16.3378 10.0922 12.0521 12.626 9.51827C15.2359 6.90839 18.9304 4.96134 22.3991 3.55093Z" fill="url(#paint8_radial_18_13076)" />
<path d="M22.3991 3.55093C22.455 3.52817 22.5189 3.54145 22.5615 3.58433L28.4474 9.51462C28.4897 9.55723 28.5026 9.62075 28.48 9.67635C27.0706 13.1358 25.1274 16.8158 22.5255 19.4178C19.9917 21.9515 15.706 24.1111 11.8363 25.6991L6.34463 20.2075C7.93265 16.3378 10.0922 12.0521 12.626 9.51827C15.2359 6.90839 18.9304 4.96134 22.3991 3.55093Z" fill="url(#paint9_radial_18_13076)" />
<path d="M22.3991 3.55093C22.455 3.52817 22.5189 3.54145 22.5615 3.58433L28.4474 9.51462C28.4897 9.55723 28.5026 9.62075 28.48 9.67635C27.0706 13.1358 25.1274 16.8158 22.5255 19.4178C19.9917 21.9515 15.706 24.1111 11.8363 25.6991L6.34463 20.2075C7.93265 16.3378 10.0922 12.0521 12.626 9.51827C15.2359 6.90839 18.9304 4.96134 22.3991 3.55093Z" fill="url(#paint10_radial_18_13076)" />
</g>
<g filter="url(#filter1_dii_18_13076)">
<path d="M24.5 11.0624C24.5 12.9177 22.996 14.4218 21.1406 14.4218C19.2853 14.4218 17.7813 12.9177 17.7813 11.0624C17.7813 9.20705 19.2853 7.703 21.1406 7.703C22.996 7.703 24.5 9.20705 24.5 11.0624Z" fill="url(#paint11_linear_18_13076)" />
<path d="M24.5 11.0624C24.5 12.9177 22.996 14.4218 21.1406 14.4218C19.2853 14.4218 17.7813 12.9177 17.7813 11.0624C17.7813 9.20705 19.2853 7.703 21.1406 7.703C22.996 7.703 24.5 9.20705 24.5 11.0624Z" fill="url(#paint12_radial_18_13076)" />
</g>
<path d="M23.4664 11.0624C23.4664 12.3469 22.4251 13.3881 21.1406 13.3881C19.8562 13.3881 18.8149 12.3469 18.8149 11.0624C18.8149 9.77796 19.8562 8.73669 21.1406 8.73669C22.4251 8.73669 23.4664 9.77796 23.4664 11.0624Z" fill="url(#paint13_radial_18_13076)" />
<g filter="url(#filter2_i_18_13076)">
<path d="M2.42345 29.5326C1.71634 28.8255 2.00002 23.9217 4.5 22.9217C4.5 22.9217 7 21.9217 8.61101 23.5223C10.222 25.1229 9.5 26.9217 9.5 26.9217C8.79291 29.043 5.78256 29.8862 5.42902 29.5327C5.23376 29.3374 5.58538 28.9819 5.42903 28.8256C5.27268 28.6692 5.03127 28.8477 4.36837 29.1791C3.89697 29.4148 2.70629 29.8155 2.42345 29.5326Z" fill="url(#paint14_radial_18_13076)" />
<path d="M2.42345 29.5326C1.71634 28.8255 2.00002 23.9217 4.5 22.9217C4.5 22.9217 7 21.9217 8.61101 23.5223C10.222 25.1229 9.5 26.9217 9.5 26.9217C8.79291 29.043 5.78256 29.8862 5.42902 29.5327C5.23376 29.3374 5.58538 28.9819 5.42903 28.8256C5.27268 28.6692 5.03127 28.8477 4.36837 29.1791C3.89697 29.4148 2.70629 29.8155 2.42345 29.5326Z" fill="url(#paint15_radial_18_13076)" />
</g>
<path d="M6.06065 20.9824C6.64644 20.3966 7.59619 20.3966 8.18198 20.9824L11.7175 24.5179C12.3033 25.1037 12.3033 26.0535 11.7175 26.6393C11.1317 27.2251 10.182 27.2251 9.59619 26.6393L6.06065 23.1037C5.47487 22.5179 5.47487 21.5682 6.06065 20.9824Z" fill="url(#paint16_linear_18_13076)" />
<path d="M6.06065 20.9824C6.64644 20.3966 7.59619 20.3966 8.18198 20.9824L11.7175 24.5179C12.3033 25.1037 12.3033 26.0535 11.7175 26.6393C11.1317 27.2251 10.182 27.2251 9.59619 26.6393L6.06065 23.1037C5.47487 22.5179 5.47487 21.5682 6.06065 20.9824Z" fill="url(#paint17_radial_18_13076)" />
<path d="M6.06065 20.9824C6.64644 20.3966 7.59619 20.3966 8.18198 20.9824L11.7175 24.5179C12.3033 25.1037 12.3033 26.0535 11.7175 26.6393C11.1317 27.2251 10.182 27.2251 9.59619 26.6393L6.06065 23.1037C5.47487 22.5179 5.47487 21.5682 6.06065 20.9824Z" fill="url(#paint18_radial_18_13076)" />
<path d="M29.1723 2.87149C28.2252 1.9244 26.5643 2.03161 25.3539 2.44724C24.4849 2.74565 23.5716 3.08036 22.6397 3.45385C22.5733 3.48044 22.5557 3.56611 22.6061 3.61684L28.4151 9.46571C28.4656 9.51662 28.5518 9.49925 28.5785 9.43266C28.9566 8.49085 29.2951 7.56777 29.5966 6.68988C30.0066 5.49569 30.3364 4.03561 29.1723 2.87149Z" fill="url(#paint19_linear_18_13076)" />
<path d="M29.1723 2.87149C28.2252 1.9244 26.5643 2.03161 25.3539 2.44724C24.4849 2.74565 23.5716 3.08036 22.6397 3.45385C22.5733 3.48044 22.5557 3.56611 22.6061 3.61684L28.4151 9.46571C28.4656 9.51662 28.5518 9.49925 28.5785 9.43266C28.9566 8.49085 29.2951 7.56777 29.5966 6.68988C30.0066 5.49569 30.3364 4.03561 29.1723 2.87149Z" fill="url(#paint20_radial_18_13076)" />
<path d="M29.1723 2.87149C28.2252 1.9244 26.5643 2.03161 25.3539 2.44724C24.4849 2.74565 23.5716 3.08036 22.6397 3.45385C22.5733 3.48044 22.5557 3.56611 22.6061 3.61684L28.4151 9.46571C28.4656 9.51662 28.5518 9.49925 28.5785 9.43266C28.9566 8.49085 29.2951 7.56777 29.5966 6.68988C30.0066 5.49569 30.3364 4.03561 29.1723 2.87149Z" fill="url(#paint21_linear_18_13076)" />
<path d="M13.5815 16.7179C14.782 16.276 15.9492 17.4432 15.5073 18.6437L12.8885 25.7581C12.6364 26.4431 11.7591 26.6359 11.243 26.1197L6.10549 20.9822C5.58936 20.4661 5.78217 19.5888 6.46715 19.3367L13.5815 16.7179Z" fill="url(#paint22_linear_18_13076)" />
<path d="M13.5815 16.7179C14.782 16.276 15.9492 17.4432 15.5073 18.6437L12.8885 25.7581C12.6364 26.4431 11.7591 26.6359 11.243 26.1197L6.10549 20.9822C5.58936 20.4661 5.78217 19.5888 6.46715 19.3367L13.5815 16.7179Z" fill="url(#paint23_radial_18_13076)" />
<path d="M13.5815 16.7179C14.782 16.276 15.9492 17.4432 15.5073 18.6437L12.8885 25.7581C12.6364 26.4431 11.7591 26.6359 11.243 26.1197L6.10549 20.9822C5.58936 20.4661 5.78217 19.5888 6.46715 19.3367L13.5815 16.7179Z" fill="url(#paint24_radial_18_13076)" />
<path d="M13.5815 16.7179C14.782 16.276 15.9492 17.4432 15.5073 18.6437L12.8885 25.7581C12.6364 26.4431 11.7591 26.6359 11.243 26.1197L6.10549 20.9822C5.58936 20.4661 5.78217 19.5888 6.46715 19.3367L13.5815 16.7179Z" fill="url(#paint25_radial_18_13076)" />
<g filter="url(#filter3_f_18_13076)">
<path d="M9.20465 22.0468L14.8297 17.6405L11.2047 24.078L9.20465 22.0468Z" fill="url(#paint26_linear_18_13076)" />
</g>
</g>
<defs>
<filter id="filter0_i_18_13076" x="6.09463" y="3.03992" width="22.3964" height="22.6592" 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 dx="-0.25" dy="-0.5" />
<feGaussianBlur stdDeviation="0.75" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix type="matrix" values="0 0 0 0 0.745098 0 0 0 0 0.772549 0 0 0 0 0.952941 0 0 0 1 0" />
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_13076" />
</filter>
<filter id="filter1_dii_18_13076" x="16.7813" y="6.953" width="8.71875" height="8.71875" 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="0.25" />
<feGaussianBlur stdDeviation="0.5" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.866667 0 0 0 0 0.764706 0 0 0 0 0.847059 0 0 0 1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_13076" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_13076" 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 dx="-0.1" dy="0.1" />
<feGaussianBlur stdDeviation="0.05" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix type="matrix" values="0 0 0 0 0.721569 0 0 0 0 0.690196 0 0 0 0 0.701961 0 0 0 1 0" />
<feBlend mode="normal" in2="shape" result="effect2_innerShadow_18_13076" />
<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 dx="0.1" dy="-0.1" />
<feGaussianBlur stdDeviation="0.05" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix type="matrix" values="0 0 0 0 0.615686 0 0 0 0 0.560784 0 0 0 0 0.65098 0 0 0 1 0" />
<feBlend mode="normal" in2="effect2_innerShadow_18_13076" result="effect3_innerShadow_18_13076" />
</filter>
<filter id="filter2_i_18_13076" x="2.08765" y="22.4132" width="7.57367" height="7.21672" 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="-0.2" />
<feGaussianBlur stdDeviation="0.2" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix type="matrix" values="0 0 0 0 0.847059 0 0 0 0 0.505882 0 0 0 0 0.360784 0 0 0 1 0" />
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_13076" />
</filter>
<filter id="filter3_f_18_13076" x="8.20465" y="16.6405" width="7.625" height="8.4375" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_18_13076" />
</filter>
<linearGradient id="paint0_linear_18_13076" x1="8.1109" y1="17.3079" x2="3.1109" y2="16.4843" gradientUnits="userSpaceOnUse">
<stop stop-color="#EE2452" />
<stop offset="1" stop-color="#F63E7A" />
</linearGradient>
<radialGradient id="paint1_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2.39755 17.0631) rotate(-19.9576) scale(8.00168 1.36045)">
<stop offset="0.163866" stop-color="#FF8DB0" />
<stop offset="1" stop-color="#FF8DB0" stop-opacity="0" />
</radialGradient>
<linearGradient id="paint2_linear_18_13076" x1="4.90476" y1="19.7332" x2="5.72003" y2="18.9383" gradientUnits="userSpaceOnUse">
<stop offset="0.491189" stop-color="#DD467C" />
<stop offset="1" stop-color="#DD467C" stop-opacity="0" />
</linearGradient>
<linearGradient id="paint3_linear_18_13076" x1="17.8921" y1="21.6718" x2="11.6742" y2="26.551" gradientUnits="userSpaceOnUse">
<stop stop-color="#F83267" />
<stop offset="1" stop-color="#FF3190" />
</linearGradient>
<radialGradient id="paint4_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.5796 22.203) rotate(86.482) scale(7.63907 6.58606)">
<stop offset="0.756562" stop-color="#E76CBE" stop-opacity="0" />
<stop offset="0.951296" stop-color="#E76CBE" />
</radialGradient>
<radialGradient id="paint5_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.4546 26.2343) rotate(-57.3464) scale(5.27051 2.31507)">
<stop stop-color="#FF5898" />
<stop offset="1" stop-color="#FF5898" stop-opacity="0" />
</radialGradient>
<linearGradient id="paint6_linear_18_13076" x1="13.4859" y1="8.6717" x2="22.2984" y2="17.5467" gradientUnits="userSpaceOnUse">
<stop stop-color="#CCBBC0" />
<stop offset="1" stop-color="#EAD2EC" />
</linearGradient>
<radialGradient id="paint7_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.9694 21.5771) rotate(-142.447) scale(16.6769 31.3483)">
<stop offset="0.811143" stop-color="#E7E5E5" stop-opacity="0" />
<stop offset="1" stop-color="#E7E5E5" />
</radialGradient>
<radialGradient id="paint8_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.18137 21.3096) rotate(-56.9293) scale(9.80381 4.6077)">
<stop offset="0.281006" stop-color="#B5A3A5" />
<stop offset="1" stop-color="#B5A3A5" stop-opacity="0" />
</radialGradient>
<radialGradient id="paint9_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.34463 20.091) rotate(-73.625) scale(8.69119 1.4727)">
<stop offset="0.207885" stop-color="#B28F96" />
<stop offset="1" stop-color="#B28F96" stop-opacity="0" />
</radialGradient>
<radialGradient id="paint10_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27.1109 7.10921) rotate(137.284) scale(13.175 4.09069)">
<stop stop-color="#FAECF1" />
<stop offset="1" stop-color="#FAECF1" stop-opacity="0" />
</radialGradient>
<linearGradient id="paint11_linear_18_13076" x1="17.7813" y1="10.4913" x2="24.5" y2="11.0624" gradientUnits="userSpaceOnUse">
<stop stop-color="#A796A0" />
<stop offset="1" stop-color="#A5959F" />
</linearGradient>
<radialGradient id="paint12_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(21.1406 11.0624) rotate(90) scale(3.35938)">
<stop offset="0.586538" stop-color="#93859B" />
<stop offset="1" stop-color="#93859B" stop-opacity="0" />
</radialGradient>
<radialGradient id="paint13_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(21.1406 13.3881) rotate(-90) scale(4.84559 4.45626)">
<stop stop-color="#72CDFF" />
<stop offset="0.738019" stop-color="#66ACFF" />
<stop offset="1" stop-color="#3B57F4" />
</radialGradient>
<radialGradient id="paint14_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.19114 24.2458) rotate(135) scale(5.80645 4.56401)">
<stop stop-color="#D46213" />
<stop offset="1" stop-color="#FF9542" />
</radialGradient>
<radialGradient id="paint15_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.30362 28.9703) rotate(-131.186) scale(7.17453 7.56076)">
<stop offset="0.870944" stop-color="#FFC484" stop-opacity="0" />
<stop offset="1" stop-color="#FFC484" />
</radialGradient>
<linearGradient id="paint16_linear_18_13076" x1="5.7984" y1="21.953" x2="11.2984" y2="27.3593" gradientUnits="userSpaceOnUse">
<stop stop-color="#452860" />
<stop offset="1" stop-color="#51509F" />
</linearGradient>
<radialGradient id="paint17_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.82965 21.453) rotate(77.8285) scale(1.6304 1.4405)">
<stop stop-color="#8E839A" />
<stop offset="1" stop-color="#8E839A" stop-opacity="0" />
</radialGradient>
<radialGradient id="paint18_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.20687 22.4179) rotate(47.9357) scale(6.2123 3.25637)">
<stop offset="0.860492" stop-color="#6175B9" stop-opacity="0" />
<stop offset="1" stop-color="#6175B9" />
</radialGradient>
<linearGradient id="paint19_linear_18_13076" x1="29.1767" y1="2.87587" x2="25.5006" y2="6.55196" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF3745" />
<stop offset="1" stop-color="#ED224B" />
</linearGradient>
<radialGradient id="paint20_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.7385 4.34743) rotate(135) scale(8.24677 1.9797)">
<stop offset="0.189394" stop-color="#FF5971" />
<stop offset="1" stop-color="#FF5971" stop-opacity="0" />
</radialGradient>
<linearGradient id="paint21_linear_18_13076" x1="25.8218" y1="6.79677" x2="26.189" y2="6.41396" gradientUnits="userSpaceOnUse">
<stop stop-color="#D2575E" />
<stop offset="1" stop-color="#F93251" stop-opacity="0" />
</linearGradient>
<linearGradient id="paint22_linear_18_13076" x1="15.1603" y1="17.0649" x2="8.67423" y2="23.551" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF2644" />
<stop offset="1" stop-color="#FF2982" />
</linearGradient>
<radialGradient id="paint23_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.2359 19.4218) rotate(-20.8651) scale(7.45782 1.95239)">
<stop stop-color="#FF95AF" />
<stop offset="1" stop-color="#FF95AF" stop-opacity="0" />
</radialGradient>
<radialGradient id="paint24_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(5.39755 20.3079) rotate(44.7044) scale(4.61021 1.36182)">
<stop offset="0.381871" stop-color="#E14678" />
<stop offset="1" stop-color="#E14678" stop-opacity="0" />
</radialGradient>
<radialGradient id="paint25_radial_18_13076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.5796 19.1405) rotate(84.6743) scale(7.40698 7.89321)">
<stop offset="0.831791" stop-color="#E67BC7" stop-opacity="0" />
<stop offset="1" stop-color="#E67BC7" />
</radialGradient>
<linearGradient id="paint26_linear_18_13076" x1="13.9859" y1="18.1093" x2="9.8609" y2="22.4218" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF5970" />
<stop offset="1" stop-color="#FF5794" />
</linearGradient>
<clipPath id="clip0_18_13076">
<rect width="32" height="32" fill="white" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
examples/view/card_widget/resource/Smiling face with hearts.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
examples/view/card_widget/resource/shoko1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
examples/view/card_widget/resource/shoko2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
examples/view/card_widget/resource/shoko3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
examples/view/card_widget/resource/shoko4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB