UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

595 lines (594 loc) 22.1 kB
const React = require("react"); const TeacupWithoutHandleIcon = ({ title, titleId, ...props }) => ( <svg width="1em" height="1em" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby={titleId} {...props} > {title ? <title id={titleId}>{title}</title> : null} <path d="M21.44 28.0022H10.56C6.94 28.0022 4 25.0622 4 21.4422V11.9422C4 11.4222 4.42 11.0022 4.94 11.0022H27.06C27.58 11.0022 28 11.4222 28 11.9422V21.4422C28 25.0622 25.06 28.0022 21.44 28.0022Z" fill="url(#paint0_linear_18_27637)" /> <path d="M21.44 28.0022H10.56C6.94 28.0022 4 25.0622 4 21.4422V11.9422C4 11.4222 4.42 11.0022 4.94 11.0022H27.06C27.58 11.0022 28 11.4222 28 11.9422V21.4422C28 25.0622 25.06 28.0022 21.44 28.0022Z" fill="url(#paint1_linear_18_27637)" /> <path d="M21.44 28.0022H10.56C6.94 28.0022 4 25.0622 4 21.4422V11.9422C4 11.4222 4.42 11.0022 4.94 11.0022H27.06C27.58 11.0022 28 11.4222 28 11.9422V21.4422C28 25.0622 25.06 28.0022 21.44 28.0022Z" fill="url(#paint2_linear_18_27637)" /> <path d="M21.44 28.0022H10.56C6.94 28.0022 4 25.0622 4 21.4422V11.9422C4 11.4222 4.42 11.0022 4.94 11.0022H27.06C27.58 11.0022 28 11.4222 28 11.9422V21.4422C28 25.0622 25.06 28.0022 21.44 28.0022Z" fill="url(#paint3_radial_18_27637)" /> <path d="M21.44 28.0022H10.56C6.94 28.0022 4 25.0622 4 21.4422V11.9422C4 11.4222 4.42 11.0022 4.94 11.0022H27.06C27.58 11.0022 28 11.4222 28 11.9422V21.4422C28 25.0622 25.06 28.0022 21.44 28.0022Z" fill="url(#paint4_radial_18_27637)" /> <path d="M29 28.0022H3C2.45 28.0022 2 28.4522 2 29.0022C2 29.5522 2.45 30.0022 3 30.0022H29C29.55 30.0022 30 29.5522 30 29.0022C30 28.4522 29.55 28.0022 29 28.0022Z" fill="url(#paint5_linear_18_27637)" /> <path d="M29 28.0022H3C2.45 28.0022 2 28.4522 2 29.0022C2 29.5522 2.45 30.0022 3 30.0022H29C29.55 30.0022 30 29.5522 30 29.0022C30 28.4522 29.55 28.0022 29 28.0022Z" fill="url(#paint6_linear_18_27637)" /> <path d="M29 28.0022H3C2.45 28.0022 2 28.4522 2 29.0022C2 29.5522 2.45 30.0022 3 30.0022H29C29.55 30.0022 30 29.5522 30 29.0022C30 28.4522 29.55 28.0022 29 28.0022Z" fill="url(#paint7_radial_18_27637)" /> <path d="M29 28.0022H3C2.45 28.0022 2 28.4522 2 29.0022C2 29.5522 2.45 30.0022 3 30.0022H29C29.55 30.0022 30 29.5522 30 29.0022C30 28.4522 29.55 28.0022 29 28.0022Z" fill="url(#paint8_radial_18_27637)" /> <path d="M16.43 9.24217C16.46 9.42217 16.26 9.55217 16.11 9.46217C15.53 9.12217 14.5 8.28217 14.5 6.65217C14.5 5.23217 16.19 4.13217 16.46 2.18217C16.49 1.99217 16.74 1.93217 16.85 2.09217C17.22 2.64217 17.7 3.66217 17.38 4.99217C16.93 6.92217 16.05 6.68217 16.43 9.24217Z" fill="url(#paint9_linear_18_27637)" /> <path d="M10.93 9.24217C10.96 9.42217 10.76 9.55217 10.61 9.46217C10.03 9.12217 9 8.28217 9 6.65217C9 5.23217 10.69 4.13217 10.96 2.18217C10.99 1.99217 11.24 1.93217 11.35 2.09217C11.72 2.64217 12.2 3.66217 11.88 4.99217C11.43 6.92217 10.55 6.68217 10.93 9.24217Z" fill="url(#paint10_linear_18_27637)" /> <g filter="url(#filter0_f_18_27637)"> <path d="M10.7322 9.13283C10.7467 9.31283 10.6035 9.33219 10.5312 9.24219C10.2519 8.90219 9.39062 8.12997 9.39062 6.49997C9.39062 5.07997 11.0859 4.59751 11.0859 2.40628C11.1004 2.21628 11.2681 2.24182 11.3441 2.40635C11.5784 2.91406 11.7557 3.27155 11.6016 4.60155C11.3848 6.53155 10.2734 6.59375 10.7322 9.13283Z" fill="url(#paint11_linear_18_27637)" /> </g> <g filter="url(#filter1_f_18_27637)"> <path d="M10.7891 9.28125C10.8175 9.63566 9.89063 8.24998 10.0312 6.98436C10.1719 5.71873 11.0312 5.5 11.2578 2.21094C11.6719 2.96094 11.8113 3.70246 11.7422 4.63281C11.673 5.56317 10.2287 6.77342 10.7891 9.28125Z" fill="url(#paint12_radial_18_27637)" /> <path d="M10.7891 9.28125C10.8175 9.63566 9.89063 8.24998 10.0312 6.98436C10.1719 5.71873 11.0312 5.5 11.2578 2.21094C11.6719 2.96094 11.8113 3.70246 11.7422 4.63281C11.673 5.56317 10.2287 6.77342 10.7891 9.28125Z" fill="url(#paint13_radial_18_27637)" /> </g> <g filter="url(#filter2_f_18_27637)"> <path d="M16.2571 9.13283C16.2715 9.31283 16.1283 9.33219 16.0561 9.24219C15.7768 8.90219 14.9155 8.12997 14.9155 6.49997C14.9155 5.07997 16.6108 4.59751 16.6108 2.40628C16.6252 2.21628 16.7929 2.24182 16.8689 2.40635C17.1033 2.91406 17.2805 3.27155 17.1264 4.60155C16.9097 6.53155 15.7983 6.59375 16.2571 9.13283Z" fill="url(#paint14_linear_18_27637)" /> </g> <g filter="url(#filter3_f_18_27637)"> <path d="M16.2142 9.28125C16.2427 9.63566 15.3158 8.24998 15.4564 6.98436C15.597 5.71873 16.4688 5.46875 16.683 2.21094C17.097 2.96094 17.2365 3.70246 17.1673 4.63281C17.0982 5.56317 15.6538 6.77342 16.2142 9.28125Z" fill="url(#paint15_radial_18_27637)" /> <path d="M16.2142 9.28125C16.2427 9.63566 15.3158 8.24998 15.4564 6.98436C15.597 5.71873 16.4688 5.46875 16.683 2.21094C17.097 2.96094 17.2365 3.70246 17.1673 4.63281C17.0982 5.56317 15.6538 6.77342 16.2142 9.28125Z" fill="url(#paint16_radial_18_27637)" /> </g> <path d="M21.93 9.24217C21.96 9.42217 21.76 9.55217 21.61 9.46217C21.03 9.12217 20 8.28217 20 6.65217C20 5.23217 21.69 4.13217 21.96 2.18217C21.99 1.99217 22.24 1.93217 22.35 2.09217C22.72 2.64217 23.2 3.66217 22.88 4.99217C22.43 6.92217 21.55 6.68217 21.93 9.24217Z" fill="url(#paint17_linear_18_27637)" /> <g filter="url(#filter4_f_18_27637)"> <path d="M21.7495 9.13283C21.764 9.31283 21.6208 9.33219 21.5485 9.24219C21.2692 8.90219 20.4079 8.12997 20.4079 6.49997C20.4079 5.07997 22.1032 4.59751 22.1032 2.40628C22.1177 2.21628 22.2854 2.24182 22.3614 2.40635C22.5957 2.91406 22.773 3.27155 22.6189 4.60155C22.4021 6.53155 21.2907 6.59375 21.7495 9.13283Z" fill="url(#paint18_linear_18_27637)" /> </g> <g filter="url(#filter5_f_18_27637)"> <path d="M21.7067 9.28125C21.7351 9.63566 20.8082 8.24998 20.9488 6.98436C21.0895 5.71873 21.9062 5.46875 22.1754 2.21094C22.5895 2.96094 22.7289 3.70246 22.6598 4.63281C22.5906 5.56317 21.1463 6.77342 21.7067 9.28125Z" fill="url(#paint19_radial_18_27637)" /> <path d="M21.7067 9.28125C21.7351 9.63566 20.8082 8.24998 20.9488 6.98436C21.0895 5.71873 21.9062 5.46875 22.1754 2.21094C22.5895 2.96094 22.7289 3.70246 22.6598 4.63281C22.5906 5.56317 21.1463 6.77342 21.7067 9.28125Z" fill="url(#paint20_radial_18_27637)" /> </g> <g filter="url(#filter6_f_18_27637)"> <path d="M9.03125 13.875L6.70125 15.0397C6.44125 15.2097 6.28125 15.5097 6.28125 15.8197V20.5697C6.28125 20.9197 6.29 21.0469 6.63 21.0469L11.0312 21.1719C11.3812 21.1719 11.7969 20.9097 11.7969 20.5697L11.37 15.8197C11.37 15.5097 11.2912 15.2097 11.0312 15.0397L9.03125 13.875Z" fill="#938DAC" /> </g> <path d="M9 13.1322L6.42 14.8522C6.16 15.0222 6 15.3222 6 15.6322V20.3822C6 20.7322 6.28 21.0022 6.62 21.0022H11.36C11.71 21.0022 11.98 20.7222 11.98 20.3822V15.6322C11.98 15.3222 11.82 15.0222 11.56 14.8522L9 13.1322Z" fill="url(#paint21_radial_18_27637)" /> <path d="M9 13.1322L6.42 14.8522C6.16 15.0222 6 15.3222 6 15.6322V20.3822C6 20.7322 6.28 21.0022 6.62 21.0022H11.36C11.71 21.0022 11.98 20.7222 11.98 20.3822V15.6322C11.98 15.3222 11.82 15.0222 11.56 14.8522L9 13.1322Z" fill="url(#paint22_linear_18_27637)" /> <path d="M9 13.1322L6.42 14.8522C6.16 15.0222 6 15.3222 6 15.6322V20.3822C6 20.7322 6.28 21.0022 6.62 21.0022H11.36C11.71 21.0022 11.98 20.7222 11.98 20.3822V15.6322C11.98 15.3222 11.82 15.0222 11.56 14.8522L9 13.1322Z" fill="url(#paint23_linear_18_27637)" /> <path d="M9 16.0022C8.59 16.0022 8.25 15.6622 8.25 15.2522V10.7522C8.25 10.3422 8.59 10.0022 9 10.0022C9.41 10.0022 9.75 10.3422 9.75 10.7522V15.2522C9.75 15.6622 9.41 16.0022 9 16.0022Z" fill="url(#paint24_linear_18_27637)" /> <path d="M9 16.0022C8.59 16.0022 8.25 15.6622 8.25 15.2522V10.7522C8.25 10.3422 8.59 10.0022 9 10.0022C9.41 10.0022 9.75 10.3422 9.75 10.7522V15.2522C9.75 15.6622 9.41 16.0022 9 16.0022Z" fill="url(#paint25_radial_18_27637)" /> <path d="M9 16.0022C8.59 16.0022 8.25 15.6622 8.25 15.2522V10.7522C8.25 10.3422 8.59 10.0022 9 10.0022C9.41 10.0022 9.75 10.3422 9.75 10.7522V15.2522C9.75 15.6622 9.41 16.0022 9 16.0022Z" fill="url(#paint26_radial_18_27637)" /> <defs> <filter id="filter0_f_18_27637" x={8.89062} y={1.77319} width={3.26877} height={8.02136} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.25} result="effect1_foregroundBlur_18_27637" /> </filter> <filter id="filter1_f_18_27637" x={9.76672} y={1.96094} width={2.24237} height={7.62659} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.125} result="effect1_foregroundBlur_18_27637" /> </filter> <filter id="filter2_f_18_27637" x={14.4155} y={1.77319} width={3.26877} height={8.02136} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.25} result="effect1_foregroundBlur_18_27637" /> </filter> <filter id="filter3_f_18_27637" x={15.1919} y={1.96094} width={2.24237} height={7.62659} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.125} result="effect1_foregroundBlur_18_27637" /> </filter> <filter id="filter4_f_18_27637" x={19.9079} y={1.77319} width={3.26877} height={8.02136} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.25} result="effect1_foregroundBlur_18_27637" /> </filter> <filter id="filter5_f_18_27637" x={20.6843} y={1.96094} width={2.24237} height={7.62659} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.125} result="effect1_foregroundBlur_18_27637" /> </filter> <filter id="filter6_f_18_27637" x={6.03125} y={13.625} width={6.01562} height={7.79688} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.125} result="effect1_foregroundBlur_18_27637" /> </filter> <linearGradient id="paint0_linear_18_27637" x1={3.5} y1={19.5022} x2={28.3125} y2={19.5022} gradientUnits="userSpaceOnUse" > <stop stopColor="#ACA9B3" /> <stop offset={0.18136} stopColor="#ADA0C1" /> <stop offset={0.455919} stopColor="#DBCEED" /> <stop offset={0.687657} stopColor="#F9F2FF" /> <stop offset={0.871536} stopColor="#FAF5FF" /> <stop offset={0.994962} stopColor="#ECEAF4" /> </linearGradient> <linearGradient id="paint1_linear_18_27637" x1={16} y1={21.9375} x2={16} y2={30.5} gradientUnits="userSpaceOnUse" > <stop offset={0.153285} stopColor="#D0BEE6" stopOpacity={0} /> <stop offset={0.627737} stopColor="#7C7982" /> <stop offset={0.70073} stopColor="#3E3D40" /> </linearGradient> <linearGradient id="paint2_linear_18_27637" x1={16} y1={11.0022} x2={16} y2={28.0022} gradientUnits="userSpaceOnUse" > <stop stopColor="#C1C2C3" /> <stop offset={0.0136575} stopColor="#C4C4C4" stopOpacity={0} /> </linearGradient> <radialGradient id="paint3_radial_18_27637" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(5.3125 11.0022) rotate(91.9797) scale(0.904592 4.81537)" > <stop stopColor="#A3A3A7" /> <stop offset={1} stopColor="#99989E" stopOpacity={0} /> </radialGradient> <radialGradient id="paint4_radial_18_27637" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(26.375 11.7812) rotate(90) scale(0.484375 13)" > <stop stopColor="white" /> <stop offset={1} stopColor="white" stopOpacity={0} /> </radialGradient> <linearGradient id="paint5_linear_18_27637" x1={2} y1={30.0022} x2={30} y2={30.0022} gradientUnits="userSpaceOnUse" > <stop stopColor="#634340" /> <stop offset={0.388393} stopColor="#724842" /> <stop offset={1} stopColor="#825057" /> </linearGradient> <linearGradient id="paint6_linear_18_27637" x1={16} y1={28.0022} x2={16} y2={30.0022} gradientUnits="userSpaceOnUse" > <stop offset={0.436401} stopColor="#7B4359" stopOpacity={0} /> <stop offset={0.873901} stopColor="#7B4568" /> </linearGradient> <radialGradient id="paint7_radial_18_27637" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(24.6875 28.625) rotate(90) scale(0.625 10.25)" > <stop stopColor="#A17C77" /> <stop offset={1} stopColor="#9F7A76" stopOpacity={0} /> </radialGradient> <radialGradient id="paint8_radial_18_27637" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(2.625 29.5) rotate(90) scale(1.1875 8.4906)" > <stop stopColor="#7F5977" /> <stop offset={1} stopColor="#72575A" stopOpacity={0} /> </radialGradient> <linearGradient id="paint9_linear_18_27637" x1={17.3125} y1={6.03125} x2={14.8125} y2={5.74573} gradientUnits="userSpaceOnUse" > <stop offset={0.110003} stopColor="#C0C1C5" /> <stop offset={0.652938} stopColor="#8E8D90" /> </linearGradient> <linearGradient id="paint10_linear_18_27637" x1={11.8125} y1={6.03125} x2={9.3125} y2={5.74573} gradientUnits="userSpaceOnUse" > <stop offset={0.110003} stopColor="#B3B4B7" /> <stop offset={0.524238} stopColor="#8E8D90" /> </linearGradient> <linearGradient id="paint11_linear_18_27637" x1={11.25} y1={6.35937} x2={9.39063} y2={6.03125} gradientUnits="userSpaceOnUse" > <stop stopColor="#BBBBC1" /> <stop offset={1} stopColor="#9A98A0" /> </linearGradient> <radialGradient id="paint12_radial_18_27637" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(11.375 2.59375) rotate(90) scale(3.75 3.08036)" > <stop stopColor="#E5E5E5" /> <stop offset={1} stopColor="#E5E5E5" stopOpacity={0} /> </radialGradient> <radialGradient id="paint13_radial_18_27637" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(11.25 10.2188) rotate(-75.7956) scale(4.58469 3.766)" > <stop stopColor="#E5E5E5" /> <stop offset={1} stopColor="#E5E5E5" stopOpacity={0} /> </radialGradient> <linearGradient id="paint14_linear_18_27637" x1={16.7748} y1={6.35937} x2={14.9155} y2={6.03125} gradientUnits="userSpaceOnUse" > <stop stopColor="#BBBBC1" /> <stop offset={1} stopColor="#9A98A0" /> </linearGradient> <radialGradient id="paint15_radial_18_27637" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.8001 2.59375) rotate(90) scale(3.75 3.08036)" > <stop stopColor="#E5E5E5" /> <stop offset={1} stopColor="#E5E5E5" stopOpacity={0} /> </radialGradient> <radialGradient id="paint16_radial_18_27637" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.6751 10.2188) rotate(-75.7956) scale(4.58469 3.766)" > <stop stopColor="#E5E5E5" /> <stop offset={1} stopColor="#E5E5E5" stopOpacity={0} /> </radialGradient> <linearGradient id="paint17_linear_18_27637" x1={22.8125} y1={6.03125} x2={20.3125} y2={5.74573} gradientUnits="userSpaceOnUse" > <stop offset={0.110003} stopColor="#C4C4C6" /> <stop offset={1} stopColor="#8E8D90" /> </linearGradient> <linearGradient id="paint18_linear_18_27637" x1={22.2673} y1={6.35937} x2={20.4079} y2={6.03125} gradientUnits="userSpaceOnUse" > <stop stopColor="#BFBFC3" /> <stop offset={1} stopColor="#B1B0B8" /> </linearGradient> <radialGradient id="paint19_radial_18_27637" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(22.2926 2.59375) rotate(94.6976) scale(3.1912 2.62134)" > <stop stopColor="#F1F0F6" /> <stop offset={1} stopColor="#E5E5E5" stopOpacity={0} /> </radialGradient> <radialGradient id="paint20_radial_18_27637" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(22.1676 10.2188) rotate(-79.3921) scale(4.5218 3.71433)" > <stop stopColor="#DFE0E4" /> <stop offset={1} stopColor="#E5E5E5" stopOpacity={0} /> </radialGradient> <radialGradient id="paint21_radial_18_27637" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(11.6563 16.2813) rotate(87.6735) scale(7.97532 6.06003)" > <stop offset={0.270412} stopColor="#76C058" /> <stop offset={1} stopColor="#6CA75C" /> </radialGradient> <linearGradient id="paint22_linear_18_27637" x1={10.3281} y1={13.5469} x2={9.4375} y2={14.875} gradientUnits="userSpaceOnUse" > <stop offset={0.324613} stopColor="#8DDE60" /> <stop offset={0.807237} stopColor="#8EE060" stopOpacity={0} /> </linearGradient> <linearGradient id="paint23_linear_18_27637" x1={12.1562} y1={17.0672} x2={10.9375} y2={17.0672} gradientUnits="userSpaceOnUse" > <stop offset={0.324613} stopColor="#99E77D" /> <stop offset={0.807237} stopColor="#8EE060" stopOpacity={0} /> </linearGradient> <linearGradient id="paint24_linear_18_27637" x1={8.25} y1={13.3125} x2={9.75} y2={13.3125} gradientUnits="userSpaceOnUse" > <stop offset={0.125} stopColor="#88838F" /> <stop offset={0.666667} stopColor="#CEC8D8" /> <stop offset={1} stopColor="#BDB9C8" /> </linearGradient> <radialGradient id="paint25_radial_18_27637" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(9.4375 10.9375) rotate(101.976) scale(1.0542 0.69526)" > <stop stopColor="#E7E4EF" /> <stop offset={1} stopColor="#BAB8C0" stopOpacity={0} /> </radialGradient> <radialGradient id="paint26_radial_18_27637" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(9 15.9687) rotate(90) scale(0.8125 3.0759)" > <stop stopColor="#828194" /> <stop offset={1} stopColor="#A492BB" stopOpacity={0} /> </radialGradient> </defs> </svg> ); module.exports = TeacupWithoutHandleIcon;