UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

670 lines (669 loc) 22 kB
const React = require("react"); const TanabataTreeIcon = ({ 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="M20.88 10.49H25.45" stroke="url(#paint0_linear_18_682)" strokeMiterlimit={10} strokeLinecap="round" strokeLinejoin="round" /> <path d="M29.99 6.54V2.25C29.99 2.11193 29.8779 1.99927 29.74 2.00692C27.3959 2.13694 25.53 4.08389 25.53 6.46001V11C27.99 11 29.99 9 29.99 6.54Z" fill="url(#paint1_radial_18_682)" /> <path d="M29.99 6.54V2.25C29.99 2.11193 29.8779 1.99927 29.74 2.00692C27.3959 2.13694 25.53 4.08389 25.53 6.46001V11C27.99 11 29.99 9 29.99 6.54Z" fill="url(#paint2_radial_18_682)" /> <path d="M29.99 6.54V2.25C29.99 2.11193 29.8779 1.99927 29.74 2.00692C27.3959 2.13694 25.53 4.08389 25.53 6.46001V11C27.99 11 29.99 9 29.99 6.54Z" fill="url(#paint3_radial_18_682)" /> <path d="M13.28 17.97H6.53003" stroke="url(#paint4_linear_18_682)" strokeMiterlimit={10} strokeLinecap="round" strokeLinejoin="round" /> <path d="M2 14.01V9.47C4.46 9.47 6.45999 11.47 6.45999 13.93V18.47C3.98999 18.47 2 16.48 2 14.01Z" fill="url(#paint5_radial_18_682)" /> <path d="M24.99 18.37V9.89999" stroke="url(#paint6_linear_18_682)" strokeMiterlimit={10} strokeLinecap="round" strokeLinejoin="round" /> <path d="M27.91 18.96H22.0699C21.5299 18.96 21.09 18.52 21.09 17.98C21.09 17.44 21.5299 17 22.0699 17H27.91C28.45 17 28.89 17.44 28.89 17.98C28.89 18.52 28.45 18.96 27.91 18.96Z" fill="url(#paint7_linear_18_682)" /> <path d="M27.91 18.96H22.0699C21.5299 18.96 21.09 18.52 21.09 17.98C21.09 17.44 21.5299 17 22.0699 17H27.91C28.45 17 28.89 17.44 28.89 17.98C28.89 18.52 28.45 18.96 27.91 18.96Z" fill="url(#paint8_linear_18_682)" /> <path d="M27.91 18.96H22.0699C21.5299 18.96 21.09 18.52 21.09 17.98C21.09 17.44 21.5299 17 22.0699 17H27.91C28.45 17 28.89 17.44 28.89 17.98C28.89 18.52 28.45 18.96 27.91 18.96Z" fill="url(#paint9_linear_18_682)" /> <path d="M27.91 18.96H22.0699C21.5299 18.96 21.09 18.52 21.09 17.98C21.09 17.44 21.5299 17 22.0699 17H27.91C28.45 17 28.89 17.44 28.89 17.98C28.89 18.52 28.45 18.96 27.91 18.96Z" fill="url(#paint10_radial_18_682)" /> <path d="M27.114 26.13L25.394 24.81C25.1898 24.66 24.8995 24.66 24.706 24.81L22.986 26.13C22.6313 26.4 22.0938 26.17 22.0938 25.74V18.96H28.0063V25.74C28.0063 26.16 27.4688 26.4 27.114 26.13Z" fill="url(#paint11_linear_18_682)" /> <path d="M27.114 26.13L25.394 24.81C25.1898 24.66 24.8995 24.66 24.706 24.81L22.986 26.13C22.6313 26.4 22.0938 26.17 22.0938 25.74V18.96H28.0063V25.74C28.0063 26.16 27.4688 26.4 27.114 26.13Z" fill="url(#paint12_linear_18_682)" /> <path d="M6.92993 25.77V17.3" stroke="url(#paint13_linear_18_682)" strokeMiterlimit={10} strokeLinecap="round" strokeLinejoin="round" /> <path d="M22.22 4.67999H15.66C15.46 4.67999 15.28 4.83 15.25 5.03L11 29.52C10.96 29.78 11.15 30.01 11.41 30.01H17.97C18.17 30.01 18.35 29.86 18.38 29.66L22.63 5.17C22.67 4.91 22.48 4.67999 22.22 4.67999Z" fill="url(#paint14_linear_18_682)" /> <path d="M22.22 4.67999H15.66C15.46 4.67999 15.28 4.83 15.25 5.03L11 29.52C10.96 29.78 11.15 30.01 11.41 30.01H17.97C18.17 30.01 18.35 29.86 18.38 29.66L22.63 5.17C22.67 4.91 22.48 4.67999 22.22 4.67999Z" fill="url(#paint15_linear_18_682)" /> <path d="M22.22 4.67999H15.66C15.46 4.67999 15.28 4.83 15.25 5.03L11 29.52C10.96 29.78 11.15 30.01 11.41 30.01H17.97C18.17 30.01 18.35 29.86 18.38 29.66L22.63 5.17C22.67 4.91 22.48 4.67999 22.22 4.67999Z" fill="url(#paint16_radial_18_682)" /> <path d="M22.22 4.67999H15.66C15.46 4.67999 15.28 4.83 15.25 5.03L11 29.52C10.96 29.78 11.15 30.01 11.41 30.01H17.97C18.17 30.01 18.35 29.86 18.38 29.66L22.63 5.17C22.67 4.91 22.48 4.67999 22.22 4.67999Z" fill="url(#paint17_linear_18_682)" /> <path d="M22.22 4.67999H15.66C15.46 4.67999 15.28 4.83 15.25 5.03L11 29.52C10.96 29.78 11.15 30.01 11.41 30.01H17.97C18.17 30.01 18.35 29.86 18.38 29.66L22.63 5.17C22.67 4.91 22.48 4.67999 22.22 4.67999Z" fill="url(#paint18_radial_18_682)" /> <path d="M22.22 4.67999H15.66C15.46 4.67999 15.28 4.83 15.25 5.03L11 29.52C10.96 29.78 11.15 30.01 11.41 30.01H17.97C18.17 30.01 18.35 29.86 18.38 29.66L22.63 5.17C22.67 4.91 22.48 4.67999 22.22 4.67999Z" fill="url(#paint19_linear_18_682)" /> <path d="M22.22 4.67999H15.66C15.46 4.67999 15.28 4.83 15.25 5.03L11 29.52C10.96 29.78 11.15 30.01 11.41 30.01H17.97C18.17 30.01 18.35 29.86 18.38 29.66L22.63 5.17C22.67 4.91 22.48 4.67999 22.22 4.67999Z" fill="url(#paint20_radial_18_682)" /> <path d="M22.22 4.67999H15.66C15.46 4.67999 15.28 4.83 15.25 5.03L11 29.52C10.96 29.78 11.15 30.01 11.41 30.01H17.97C18.17 30.01 18.35 29.86 18.38 29.66L22.63 5.17C22.67 4.91 22.48 4.67999 22.22 4.67999Z" fill="url(#paint21_radial_18_682)" /> <path d="M22.22 4.67999H15.66C15.46 4.67999 15.28 4.83 15.25 5.03L11 29.52C10.96 29.78 11.15 30.01 11.41 30.01H17.97C18.17 30.01 18.35 29.86 18.38 29.66L22.63 5.17C22.67 4.91 22.48 4.67999 22.22 4.67999Z" fill="url(#paint22_radial_18_682)" /> <path d="M9.05396 30.13L7.33395 28.81C7.1297 28.66 6.83944 28.66 6.64594 28.81L4.92596 30.13C4.57121 30.4 4.03369 30.17 4.03369 29.74V22.96H9.94619V29.74C9.94619 30.16 9.40871 30.4 9.05396 30.13Z" fill="url(#paint23_linear_18_682)" /> <path d="M9.05396 30.13L7.33395 28.81C7.1297 28.66 6.83944 28.66 6.64594 28.81L4.92596 30.13C4.57121 30.4 4.03369 30.17 4.03369 29.74V22.96H9.94619V29.74C9.94619 30.16 9.40871 30.4 9.05396 30.13Z" fill="url(#paint24_linear_18_682)" /> <path d="M9.05396 30.13L7.33395 28.81C7.1297 28.66 6.83944 28.66 6.64594 28.81L4.92596 30.13C4.57121 30.4 4.03369 30.17 4.03369 29.74V22.96H9.94619V29.74C9.94619 30.16 9.40871 30.4 9.05396 30.13Z" fill="url(#paint25_radial_18_682)" /> <path d="M9.90997 22.96H4.06995C3.52995 22.96 3.08997 22.52 3.08997 21.98C3.08997 21.44 3.52995 21 4.06995 21H9.90997C10.45 21 10.89 21.44 10.89 21.98C10.89 22.52 10.45 22.96 9.90997 22.96Z" fill="url(#paint26_linear_18_682)" /> <path d="M9.90997 22.96H4.06995C3.52995 22.96 3.08997 22.52 3.08997 21.98C3.08997 21.44 3.52995 21 4.06995 21H9.90997C10.45 21 10.89 21.44 10.89 21.98C10.89 22.52 10.45 22.96 9.90997 22.96Z" fill="url(#paint27_linear_18_682)" /> <path d="M9.90997 22.96H4.06995C3.52995 22.96 3.08997 22.52 3.08997 21.98C3.08997 21.44 3.52995 21 4.06995 21H9.90997C10.45 21 10.89 21.44 10.89 21.98C10.89 22.52 10.45 22.96 9.90997 22.96Z" fill="url(#paint28_linear_18_682)" /> <path d="M9.90997 22.96H4.06995C3.52995 22.96 3.08997 22.52 3.08997 21.98C3.08997 21.44 3.52995 21 4.06995 21H9.90997C10.45 21 10.89 21.44 10.89 21.98C10.89 22.52 10.45 22.96 9.90997 22.96Z" fill="url(#paint29_linear_18_682)" /> <rect x={10.9946} y={23.5312} width={9.0625} height={2.98438} rx={1.49219} fill="#92C52A" /> <rect x={10.9946} y={23.5312} width={9.0625} height={2.98438} rx={1.49219} fill="url(#paint30_linear_18_682)" /> <rect x={10.9946} y={23.5312} width={9.0625} height={2.98438} rx={1.49219} fill="url(#paint31_linear_18_682)" /> <rect x={13.1282} y={11.9888} width={9.0625} height={2.98438} rx={1.49219} fill="#92C52A" /> <rect x={13.1282} y={11.9888} width={9.0625} height={2.98438} rx={1.49219} fill="url(#paint32_linear_18_682)" /> <rect x={13.1282} y={11.9888} width={9.0625} height={2.98438} rx={1.49219} fill="url(#paint33_linear_18_682)" /> <g filter="url(#filter0_f_18_682)"> <ellipse cx={19.0619} cy={13.1775} rx={2.54283} ry={0.303436} fill="#B8F063" /> </g> <g filter="url(#filter1_f_18_682)"> <ellipse cx={16.815} cy={24.72} rx={2.54283} ry={0.303436} fill="#B8F063" /> </g> <g filter="url(#filter2_f_18_682)"> <path d="M5.59375 13.0938C5.59375 11.2687 3.88542 10.4375 3.03125 10.25C4.4375 11.375 4.375 12.9062 4.375 14.8125C4.375 16.3375 5.1875 17.2188 5.59375 17.4688V13.0938Z" fill="url(#paint34_linear_18_682)" /> </g> <defs> <filter id="filter0_f_18_682" x={15.519} y={11.8741} width={7.08563} height={2.60687} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.5} result="effect1_foregroundBlur_18_682" /> </filter> <filter id="filter1_f_18_682" x={13.2722} y={23.4166} width={7.08569} height={2.60687} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.5} result="effect1_foregroundBlur_18_682" /> </filter> <filter id="filter2_f_18_682" x={2.03125} y={9.25} width={4.5625} height={9.21875} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.5} result="effect1_foregroundBlur_18_682" /> </filter> <linearGradient id="paint0_linear_18_682" x1={25.45} y1={10.0691} x2={22.5454} y2={10.0691} gradientUnits="userSpaceOnUse" > <stop stopColor="#408066" /> <stop offset={1} stopColor="#5C8939" /> </linearGradient> <radialGradient id="paint1_radial_18_682" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(29.99 2.40763) rotate(111.065) scale(7.98012 6.93769)" > <stop stopColor="#73BA35" /> <stop offset={1} stopColor="#417D65" /> </radialGradient> <radialGradient id="paint2_radial_18_682" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(32.125 1.0625) rotate(108.825) scale(8.71623 3.91108)" > <stop stopColor="#8CCE57" /> <stop offset={1} stopColor="#8CCE57" stopOpacity={0} /> </radialGradient> <radialGradient id="paint3_radial_18_682" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(29.99 1.46875) rotate(112.02) scale(3.64058 0.330086)" > <stop stopColor="#9AD966" /> <stop offset={1} stopColor="#9AD966" stopOpacity={0} /> </radialGradient> <linearGradient id="paint4_linear_18_682" x1={6.18753} y1={18.47} x2={13.28} y2={18.47} gradientUnits="userSpaceOnUse" > <stop stopColor="#408066" /> <stop offset={1} stopColor="#5C8939" /> </linearGradient> <radialGradient id="paint5_radial_18_682" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(5.625 10.75) rotate(85.8326) scale(7.74047 6.7652)" > <stop stopColor="#7EBF41" /> <stop offset={1} stopColor="#3F7876" /> </radialGradient> <linearGradient id="paint6_linear_18_682" x1={24.5541} y1={14.9476} x2={25.5108} y2={14.9476} gradientUnits="userSpaceOnUse" > <stop stopColor="#4E4878" /> <stop offset={1} stopColor="#7C6DA1" /> </linearGradient> <linearGradient id="paint7_linear_18_682" x1={24.99} y1={17} x2={24.99} y2={18.96} gradientUnits="userSpaceOnUse" > <stop offset={0.398596} stopColor="#FFD140" /> <stop offset={1} stopColor="#FFAA52" /> </linearGradient> <linearGradient id="paint8_linear_18_682" x1={21.09} y1={18.96} x2={22.3921} y2={18.96} gradientUnits="userSpaceOnUse" > <stop stopColor="#CEB03A" /> <stop offset={1} stopColor="#CEB03A" stopOpacity={0} /> </linearGradient> <linearGradient id="paint9_linear_18_682" x1={23.709} y1={16.5057} x2={23.709} y2={17.3437} gradientUnits="userSpaceOnUse" > <stop stopColor="#CEB03A" /> <stop offset={1} stopColor="#CEB03A" stopOpacity={0} /> </linearGradient> <radialGradient id="paint10_radial_18_682" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(28.89 17.6626) rotate(170.148) scale(1.39926 1.33637)" > <stop stopColor="#FFEF65" /> <stop offset={1} stopColor="#FFEF65" stopOpacity={0} /> </radialGradient> <linearGradient id="paint11_linear_18_682" x1={21.5993} y1={21.4933} x2={28.0063} y2={21.4933} gradientUnits="userSpaceOnUse" > <stop stopColor="#E73467" /> <stop offset={1} stopColor="#FF40A0" /> </linearGradient> <linearGradient id="paint12_linear_18_682" x1={28.0063} y1={22.1673} x2={27.2286} y2={22.1673} gradientUnits="userSpaceOnUse" > <stop stopColor="#FF75C5" /> <stop offset={1} stopColor="#FF75C5" stopOpacity={0} /> </linearGradient> <linearGradient id="paint13_linear_18_682" x1={6.49401} y1={22.3476} x2={7.45071} y2={22.3476} gradientUnits="userSpaceOnUse" > <stop stopColor="#4E4878" /> <stop offset={1} stopColor="#7C6DA1" /> </linearGradient> <linearGradient id="paint14_linear_18_682" x1={18.5624} y1={23.2601} x2={12.3952} y2={22.4892} gradientUnits="userSpaceOnUse" > <stop stopColor="#89C460" /> <stop offset={1} stopColor="#538249" /> </linearGradient> <linearGradient id="paint15_linear_18_682" x1={18.6637} y1={30.8608} x2={19.5547} y2={21.3268} gradientUnits="userSpaceOnUse" > <stop stopColor="#64A77D" /> <stop offset={1} stopColor="#64A77D" stopOpacity={0} /> </linearGradient> <radialGradient id="paint16_radial_18_682" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(11.7956 33.0248) rotate(-84.3595) scale(13.9437 7.15092)" > <stop stopColor="#326A70" /> <stop offset={1} stopColor="#326A70" stopOpacity={0} /> </radialGradient> <linearGradient id="paint17_linear_18_682" x1={15.0996} y1={30.4599} x2={15.0996} y2={29.4797} gradientUnits="userSpaceOnUse" > <stop stopColor="#58629A" /> <stop offset={1} stopColor="#58629A" stopOpacity={0} /> </linearGradient> <radialGradient id="paint18_radial_18_682" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.1887 25.9602) rotate(163.78) scale(5.10381 2.34551)" > <stop offset={0.115787} stopColor="#4C726A" /> <stop offset={1} stopColor="#4C726A" stopOpacity={0} /> </radialGradient> <linearGradient id="paint19_linear_18_682" x1={21.7679} y1={17.6652} x2={19.809} y2={17.345} gradientUnits="userSpaceOnUse" > <stop stopColor="#527C42" /> <stop offset={1} stopColor="#527C42" stopOpacity={0} /> </linearGradient> <radialGradient id="paint20_radial_18_682" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(20.1355 4.67999) rotate(96.3738) scale(12.7438 4.90537)" > <stop stopColor="#9FDB56" /> <stop offset={1} stopColor="#9FDB56" stopOpacity={0} /> </radialGradient> <radialGradient id="paint21_radial_18_682" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(22.6353 5.06847) rotate(180) scale(5.54697 0.616329)" > <stop stopColor="#A7E55C" /> <stop offset={1} stopColor="#A7E55C" stopOpacity={0} /> </radialGradient> <radialGradient id="paint22_radial_18_682" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.1875 14.3125) rotate(173.136) scale(6.79872 2.63008)" > <stop offset={0.189921} stopColor="#598445" /> <stop offset={1} stopColor="#598445" stopOpacity={0} /> </radialGradient> <linearGradient id="paint23_linear_18_682" x1={3.53926} y1={25.4933} x2={9.9462} y2={25.4933} gradientUnits="userSpaceOnUse" > <stop stopColor="#4BAAFF" /> <stop offset={1} stopColor="#5AB8FF" /> </linearGradient> <linearGradient id="paint24_linear_18_682" x1={4.03369} y1={26.1673} x2={4.65449} y2={26.1673} gradientUnits="userSpaceOnUse" > <stop stopColor="#4483FF" /> <stop offset={1} stopColor="#4483FF" stopOpacity={0} /> </linearGradient> <radialGradient id="paint25_radial_18_682" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(10.7774 26.4521) rotate(180) scale(2.43961 2.63095)" > <stop stopColor="#4483FF" /> <stop offset={1} stopColor="#4483FF" stopOpacity={0} /> </radialGradient> <linearGradient id="paint26_linear_18_682" x1={6.98996} y1={21} x2={6.98996} y2={22.96} gradientUnits="userSpaceOnUse" > <stop offset={0.398596} stopColor="#F4C739" /> <stop offset={1} stopColor="#F3A563" /> </linearGradient> <linearGradient id="paint27_linear_18_682" x1={3.08997} y1={22.96} x2={4.39213} y2={22.96} gradientUnits="userSpaceOnUse" > <stop stopColor="#CD9A38" /> <stop offset={1} stopColor="#CD9A38" stopOpacity={0} /> </linearGradient> <linearGradient id="paint28_linear_18_682" x1={5.70895} y1={20.5057} x2={5.70895} y2={21.3437} gradientUnits="userSpaceOnUse" > <stop stopColor="#CD9A38" /> <stop offset={1} stopColor="#CD9A38" stopOpacity={0} /> </linearGradient> <linearGradient id="paint29_linear_18_682" x1={10.89} y1={21.98} x2={9.86891} y2={21.98} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFDA5C" /> <stop offset={1} stopColor="#FFDA5C" stopOpacity={0} /> </linearGradient> <linearGradient id="paint30_linear_18_682" x1={15.5259} y1={27.0729} x2={15.5259} y2={25.6199} gradientUnits="userSpaceOnUse" > <stop stopColor="#879C47" /> <stop offset={1} stopColor="#879C47" stopOpacity={0} /> </linearGradient> <linearGradient id="paint31_linear_18_682" x1={13.1369} y1={25.0234} x2={11.2752} y2={25.0234} gradientUnits="userSpaceOnUse" > <stop offset={0.00621121} stopColor="#759C47" stopOpacity={0} /> <stop offset={1} stopColor="#759C47" /> </linearGradient> <linearGradient id="paint32_linear_18_682" x1={17.6594} y1={15.5304} x2={17.6594} y2={14.0774} gradientUnits="userSpaceOnUse" > <stop stopColor="#879C47" /> <stop offset={1} stopColor="#879C47" stopOpacity={0} /> </linearGradient> <linearGradient id="paint33_linear_18_682" x1={15.2704} y1={13.481} x2={13.4087} y2={13.481} gradientUnits="userSpaceOnUse" > <stop offset={0.00621121} stopColor="#759C47" stopOpacity={0} /> <stop offset={1} stopColor="#759C47" /> </linearGradient> <linearGradient id="paint34_linear_18_682" x1={4.3125} y1={10.25} x2={4.3125} y2={17.4688} gradientUnits="userSpaceOnUse" > <stop stopColor="#8FCB6D" /> <stop offset={1} stopColor="#8FCB6D" stopOpacity={0} /> </linearGradient> </defs> </svg> ); module.exports = TanabataTreeIcon;