You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
189 lines
6.6 KiB
189 lines
6.6 KiB
export function MessageIcon() {
|
|
return (
|
|
<svg
|
|
viewBox="0 0 24 24"
|
|
className="h-[18px] w-[18px]"
|
|
fill="none"
|
|
aria-hidden="true"
|
|
>
|
|
<path
|
|
d="M5.5 6.5h13v8.25h-6.8L8.3 18v-3.25H5.5z"
|
|
stroke="currentColor"
|
|
strokeWidth="1.8"
|
|
/>
|
|
<path
|
|
d="M8.5 9.5h7M8.5 12h4.5"
|
|
stroke="currentColor"
|
|
strokeWidth="1.8"
|
|
strokeLinecap="round"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|
|
|
|
export function HelpIcon() {
|
|
return (
|
|
<svg
|
|
viewBox="0 0 24 24"
|
|
className="h-[18px] w-[18px]"
|
|
fill="none"
|
|
aria-hidden="true"
|
|
>
|
|
<circle cx="12" cy="12" r="8.2" stroke="currentColor" strokeWidth="1.8" />
|
|
<path
|
|
d="M9.8 9.4a2.3 2.3 0 0 1 4.4.8c0 1.55-1.65 1.9-2.05 3.05M12 16.25h.01"
|
|
stroke="currentColor"
|
|
strokeWidth="1.8"
|
|
strokeLinecap="round"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|
|
|
|
export function GlobeIcon() {
|
|
return (
|
|
<svg
|
|
viewBox="0 0 24 24"
|
|
className="h-[18px] w-[18px]"
|
|
fill="none"
|
|
aria-hidden="true"
|
|
>
|
|
<circle cx="12" cy="12" r="8.2" stroke="currentColor" strokeWidth="1.8" />
|
|
<path
|
|
d="M4.5 12h15M12 3.8c2 2.2 3 4.9 3 8.2s-1 6-3 8.2c-2-2.2-3-4.9-3-8.2s1-6 3-8.2Z"
|
|
stroke="currentColor"
|
|
strokeWidth="1.8"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|
|
|
|
export function CloseIcon() {
|
|
return (
|
|
<svg
|
|
viewBox="0 0 20 20"
|
|
className="h-3.5 w-3.5"
|
|
fill="none"
|
|
aria-hidden="true"
|
|
>
|
|
<path
|
|
d="m5.5 5.5 9 9M14.5 5.5l-9 9"
|
|
stroke="currentColor"
|
|
strokeWidth="2"
|
|
strokeLinecap="round"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|
|
|
|
export function SearchIcon() {
|
|
return (
|
|
<svg viewBox="0 0 24 24" className="h-5 w-5" fill="none" aria-hidden="true">
|
|
<circle
|
|
cx="10.8"
|
|
cy="10.8"
|
|
r="5.8"
|
|
stroke="currentColor"
|
|
strokeWidth="1.8"
|
|
/>
|
|
<path
|
|
d="m15.3 15.3 4 4"
|
|
stroke="currentColor"
|
|
strokeWidth="1.8"
|
|
strokeLinecap="round"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|
|
|
|
export function ArrowIcon() {
|
|
return (
|
|
<svg viewBox="0 0 24 24" className="h-5 w-5" fill="none" aria-hidden="true">
|
|
<path
|
|
d="m9 5 7 7-7 7"
|
|
stroke="currentColor"
|
|
strokeWidth="1.8"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|
|
export const WeChatIcon = () => (
|
|
<svg
|
|
viewBox="64 64 896 896"
|
|
focusable="false"
|
|
data-icon="wechat"
|
|
width="1em"
|
|
height="1em"
|
|
fill="currentColor"
|
|
aria-hidden="true"
|
|
>
|
|
<path d="M690.1 377.4c5.9 0 11.8.2 17.6.5-24.4-128.7-158.3-227.1-319.9-227.1C209 150.8 64 271.4 64 420.2c0 81.1 43.6 154.2 111.9 203.6a21.5 21.5 0 019.1 17.6c0 2.4-.5 4.6-1.1 6.9-5.5 20.3-14.2 52.8-14.6 54.3-.7 2.6-1.7 5.2-1.7 7.9 0 5.9 4.8 10.8 10.8 10.8 2.3 0 4.2-.9 6.2-2l70.9-40.9c5.3-3.1 11-5 17.2-5 3.2 0 6.4.5 9.5 1.4 33.1 9.5 68.8 14.8 105.7 14.8 6 0 11.9-.1 17.8-.4-7.1-21-10.9-43.1-10.9-66 0-135.8 132.2-245.8 295.3-245.8zm-194.3-86.5c23.8 0 43.2 19.3 43.2 43.1s-19.3 43.1-43.2 43.1c-23.8 0-43.2-19.3-43.2-43.1s19.4-43.1 43.2-43.1zm-215.9 86.2c-23.8 0-43.2-19.3-43.2-43.1s19.3-43.1 43.2-43.1 43.2 19.3 43.2 43.1-19.4 43.1-43.2 43.1zm586.8 415.6c56.9-41.2 93.2-102 93.2-169.7 0-124-120.8-224.5-269.9-224.5-149 0-269.9 100.5-269.9 224.5S540.9 847.5 690 847.5c30.8 0 60.6-4.4 88.1-12.3 2.6-.8 5.2-1.2 7.9-1.2 5.2 0 9.9 1.6 14.3 4.1l59.1 34c1.7 1 3.3 1.7 5.2 1.7a9 9 0 006.4-2.6 9 9 0 002.6-6.4c0-2.2-.9-4.4-1.4-6.6-.3-1.2-7.6-28.3-12.2-45.3-.5-1.9-.9-3.8-.9-5.7.1-5.9 3.1-11.2 7.6-14.5zM600.2 587.2c-19.9 0-36-16.1-36-35.9 0-19.8 16.1-35.9 36-35.9s36 16.1 36 35.9c0 19.8-16.2 35.9-36 35.9zm179.9 0c-19.9 0-36-16.1-36-35.9 0-19.8 16.1-35.9 36-35.9s36 16.1 36 35.9a36.08 36.08 0 01-36 35.9z"></path>
|
|
</svg>
|
|
);
|
|
|
|
export const SparklingIcon = () => (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="14"
|
|
height="14"
|
|
viewBox="0 0 14 14"
|
|
fill="none"
|
|
>
|
|
<path
|
|
d="M7.875 3.69141C8.46396 3.69141 8.94141 3.21396 8.94141 2.625H9.43359C9.43359 3.21396 9.91104 3.69141 10.5 3.69141V4.18359C9.91104 4.18359 9.43359 4.66104 9.43359 5.25H8.94141C8.94141 4.66104 8.46396 4.18359 7.875 4.18359V3.69141ZM2.1875 6.5625C3.63725 6.5625 4.8125 5.38725 4.8125 3.9375H5.6875C5.6875 5.38725 6.86276 6.5625 8.3125 6.5625V7.4375C6.86276 7.4375 5.6875 8.61276 5.6875 10.0625H4.8125C4.8125 8.61276 3.63725 7.4375 2.1875 7.4375V6.5625ZM9.29688 7.875C9.29688 8.66027 8.66027 9.29688 7.875 9.29688V9.95312C8.66027 9.95312 9.29688 10.5897 9.29688 11.375H9.95312C9.95312 10.5897 10.5897 9.95312 11.375 9.95312V9.29688C10.5897 9.29688 9.95312 8.66027 9.95312 7.875H9.29688Z"
|
|
fill="url(#paint0_linear_15_1855)"
|
|
/>
|
|
<defs>
|
|
<linearGradient
|
|
id="paint0_linear_15_1855"
|
|
x1="3.09416"
|
|
y1="3.54605"
|
|
x2="12.1472"
|
|
y2="6.1316"
|
|
gradientUnits="userSpaceOnUse"
|
|
>
|
|
<stop stopColor="#6B45E9" />
|
|
<stop offset="0.5" stopColor="#6841EA" />
|
|
<stop offset="1" stopColor="#8A68FE" />
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
);
|
|
export const StartCreation = () => (
|
|
<svg
|
|
viewBox="64 64 896 896"
|
|
focusable="false"
|
|
data-icon="plus"
|
|
width="20px"
|
|
height="20px"
|
|
fill="gray"
|
|
aria-hidden="true"
|
|
>
|
|
<path d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"></path>
|
|
<path d="M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z"></path>
|
|
</svg>
|
|
);
|
|
|
|
export const LeftOutlinedIcon = () => (
|
|
<svg
|
|
viewBox="64 64 896 896"
|
|
focusable="false"
|
|
data-icon="left"
|
|
width="1em"
|
|
height="1em"
|
|
fill="currentColor"
|
|
aria-hidden="true"
|
|
>
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path>
|
|
</svg>
|
|
);
|
|
|
|
export const DefaultAvatar = () => {
|
|
return (
|
|
<svg viewBox="64 64 896 896" focusable="false" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg>
|
|
)
|
|
}
|