UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

724 lines (723 loc) 23.3 kB
const React = require("react"); const LastQuarterMoonIcon = ({ 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} <circle cx={16} cy={16} r={14} fill="url(#paint0_radial_18_14027)" /> <circle cx={16} cy={16} r={14} fill="url(#paint1_radial_18_14027)" /> <circle cx={16} cy={16} r={14} fill="url(#paint2_radial_18_14027)" /> <circle cx={16} cy={16} r={14} fill="url(#paint3_radial_18_14027)" /> <g filter="url(#filter0_f_18_14027)"> <circle cx={16.5} cy={21.5} r={2.5} stroke="url(#paint4_linear_18_14027)" strokeWidth={0.2} /> </g> <g filter="url(#filter1_f_18_14027)"> <ellipse cx={15.4634} cy={5.21411} rx={1.72411} ry={1.5} fill="url(#paint5_radial_18_14027)" /> <ellipse cx={15.4634} cy={5.21411} rx={1.72411} ry={1.5} fill="url(#paint6_radial_18_14027)" /> <path d="M15.4634 6.78911C16.4468 6.78911 17.2625 6.09343 17.2625 5.21411C17.2625 4.3348 16.4468 3.63911 15.4634 3.63911C14.4799 3.63911 13.6643 4.3348 13.6643 5.21411C13.6643 6.09343 14.4799 6.78911 15.4634 6.78911Z" stroke="url(#paint7_linear_18_14027)" strokeWidth={0.15} /> </g> <g filter="url(#filter2_i_18_14027)"> <path d="M16 30V2C23.732 2 30 8.26801 30 16C30 23.732 23.732 30 16 30Z" fill="url(#paint8_radial_18_14027)" /> </g> <g filter="url(#filter3_f_18_14027)"> <path d="M16 6.63994C16.6895 6.44367 17.1875 5.87944 17.1875 5.21401C17.1875 4.54858 16.6895 3.98436 16 3.78809" stroke="url(#paint9_linear_18_14027)" strokeWidth={0.2} /> </g> <path d="M16 6.63994V3.78809C16.6895 3.98436 17.1875 4.54858 17.1875 5.21401C17.1875 5.87944 16.6895 6.44367 16 6.63994Z" fill="url(#paint10_radial_18_14027)" /> <circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint11_linear_18_14027)" /> <g filter="url(#filter4_f_18_14027)"> <circle cx={22.5} cy={11.5} r={2.5} fill="url(#paint12_radial_18_14027)" /> <circle cx={22.5} cy={11.5} r={2.6} stroke="url(#paint13_linear_18_14027)" strokeWidth={0.2} /> </g> <circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint14_radial_18_14027)" /> <circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint15_radial_18_14027)" /> <circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint16_radial_18_14027)" /> <path d="M10.1888 28.7407C8.02324 27.7514 6.15381 26.2261 4.75012 24.3346C5.39104 23.5218 6.38459 23 7.50001 23C9.433 23 11 24.567 11 26.5C11 27.3524 10.6953 28.1336 10.1888 28.7407Z" fill="url(#paint17_linear_18_14027)" /> <g filter="url(#filter5_f_18_14027)"> <path d="M28.8489 21.3115C28.4152 21.1115 27.9329 21 27.4247 21C25.5333 21 24 22.5445 24 24.4497C24 25.3281 24.326 26.1298 24.8627 26.7389" stroke="url(#paint18_linear_18_14027)" strokeWidth={0.2} /> </g> <path d="M28.9554 21.316C28.0686 23.4748 26.658 25.3631 24.8816 26.8226C24.3331 26.2047 24 25.3912 24 24.5C24 22.567 25.567 21 27.5 21C28.0193 21 28.5122 21.1131 28.9554 21.316Z" fill="url(#paint19_linear_18_14027)" /> <path d="M28.9554 21.316C28.0686 23.4748 26.658 25.3631 24.8816 26.8226C24.3331 26.2047 24 25.3912 24 24.5C24 22.567 25.567 21 27.5 21C28.0193 21 28.5122 21.1131 28.9554 21.316Z" fill="url(#paint20_radial_18_14027)" /> <g filter="url(#filter6_f_18_14027)"> <path d="M10.2688 28.6016C8.10319 27.6122 6.3125 26.1474 4.90881 24.2559C5.54973 23.4431 6.4693 23 7.58472 23C9.51772 23 10.9123 24.7244 11 26.424C11 27.2764 10.7752 27.9945 10.2688 28.6016Z" stroke="url(#paint21_linear_18_14027)" strokeWidth={0.2} /> </g> <g filter="url(#filter7_f_18_14027)"> <circle cx={9.5} cy={12.5} r={3.5} stroke="url(#paint22_linear_18_14027)" strokeWidth={0.3} /> </g> <circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint23_radial_18_14027)" /> <circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint24_radial_18_14027)" /> <circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint25_radial_18_14027)" /> <path d="M10.1888 28.7407C8.02324 27.7514 6.15381 26.2261 4.75012 24.3346C5.39104 23.5218 6.38459 23 7.50001 23C9.433 23 11 24.567 11 26.5C11 27.3524 10.6953 28.1336 10.1888 28.7407Z" fill="url(#paint26_linear_18_14027)" /> <path d="M10.1888 28.7407C8.02324 27.7514 6.15381 26.2261 4.75012 24.3346C5.39104 23.5218 6.38459 23 7.50001 23C9.433 23 11 24.567 11 26.5C11 27.3524 10.6953 28.1336 10.1888 28.7407Z" fill="url(#paint27_radial_18_14027)" /> <path d="M16 23.95V19.05C16.1616 19.0172 16.3288 19 16.5 19C17.8807 19 19 20.1193 19 21.5C19 22.8759 17.8884 23.9923 16.5143 24H16.4857C16.3195 23.999 16.1571 23.9819 16 23.95Z" fill="url(#paint28_radial_18_14027)" /> <path d="M16 23.95V19.05C16.1616 19.0172 16.3288 19 16.5 19C17.8807 19 19 20.1193 19 21.5C19 22.8759 17.8884 23.9923 16.5143 24H16.4857C16.3195 23.999 16.1571 23.9819 16 23.95Z" fill="url(#paint29_radial_18_14027)" /> <path d="M16 23.95V19.05C16.1616 19.0172 16.3288 19 16.5 19C17.8807 19 19 20.1193 19 21.5C19 22.8759 17.8884 23.9923 16.5143 24H16.4857C16.3195 23.999 16.1571 23.9819 16 23.95Z" fill="url(#paint30_radial_18_14027)" /> <path d="M16 23.95V19.05C16.1616 19.0172 16.3288 19 16.5 19C17.8807 19 19 20.1193 19 21.5C19 22.8759 17.8884 23.9923 16.5143 24H16.4857C16.3195 23.999 16.1571 23.9819 16 23.95Z" fill="url(#paint31_radial_18_14027)" /> <g filter="url(#filter8_f_18_14027)"> <path d="M16 23.95V19.05C16.1616 19.0172 16.3288 19 16.5 19C17.8807 19 19 20.1193 19 21.5C19 22.8759 17.8884 23.9923 16.5143 24H16.4857C16.3195 23.999 16.1571 23.9819 16 23.95Z" stroke="url(#paint32_linear_18_14027)" strokeWidth={0.25} /> </g> <defs> <filter id="filter0_f_18_14027" x={13.7} y={18.7} width={5.59995} height={5.59995} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.1} result="effect1_foregroundBlur_18_14027" /> </filter> <filter id="filter1_f_18_14027" x={13.3892} y={3.36409} width={4.14823} height={3.70005} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.1} result="effect1_foregroundBlur_18_14027" /> </filter> <filter id="filter2_i_18_14027" x={15.5} y={1.5} width={14.5} height={28.5} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={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.5} dy={-0.5} /> <feGaussianBlur stdDeviation={1} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.533333 0 0 0 0 0.407843 0 0 0 0 0.678431 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_14027" /> </filter> <filter id="filter3_f_18_14027" x={15.7726} y={3.49189} width={1.71488} height={3.44419} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.1} result="effect1_foregroundBlur_18_14027" /> </filter> <filter id="filter4_f_18_14027" x={19.6} y={8.60005} width={5.80002} height={5.7999} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.1} result="effect1_foregroundBlur_18_14027" /> </filter> <filter id="filter5_f_18_14027" x={23.6} y={20.6} width={5.59072} height={6.50491} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.15} result="effect1_foregroundBlur_18_14027" /> </filter> <filter id="filter6_f_18_14027" x={4.5829} y={22.7} width={6.7172} height={6.22422} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.1} result="effect1_foregroundBlur_18_14027" /> </filter> <filter id="filter7_f_18_14027" x={5.54998} y={8.54998} width={7.90005} height={7.90005} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.15} result="effect1_foregroundBlur_18_14027" /> </filter> <filter id="filter8_f_18_14027" x={15.625} y={18.625} width={3.75} height={5.75} 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_14027" /> </filter> <radialGradient id="paint0_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.511 10.1875) rotate(130.574) scale(14.3174)" > <stop offset={0.346123} stopColor="#FFD366" /> <stop offset={1} stopColor="#E48D46" /> </radialGradient> <radialGradient id="paint1_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(1.51102 12.8125) rotate(17.9959) scale(10.3172 18.4693)" > <stop stopColor="#B1884C" /> <stop offset={1} stopColor="#B1884C" stopOpacity={0} /> </radialGradient> <radialGradient id="paint2_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.011 14.625) rotate(117.854) scale(17.3898 24.078)" > <stop offset={0.666781} stopColor="#C26965" stopOpacity={0} /> <stop offset={0.982143} stopColor="#C26965" /> </radialGradient> <radialGradient id="paint3_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16 12.8856) rotate(90) scale(17.7702 20.4538)" > <stop offset={0.889328} stopColor="#C98394" stopOpacity={0} /> <stop offset={1} stopColor="#C98394" /> </radialGradient> <linearGradient id="paint4_linear_18_14027" x1={15.4587} y1={23.8683} x2={15.4587} y2={18.4331} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFAF53" /> <stop offset={1} stopColor="#FFAF53" stopOpacity={0} /> </linearGradient> <radialGradient id="paint5_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.7446 5.21411) rotate(180) scale(3.00536 3.27072)" > <stop offset={0.43672} stopColor="#F3BB63" /> <stop offset={1} stopColor="#FFF3A5" /> </radialGradient> <radialGradient id="paint6_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14.4321 5.21411) scale(2.75536 2.97042)" > <stop offset={0.639344} stopColor="#CD9E56" stopOpacity={0} /> <stop offset={1} stopColor="#CD9E56" /> </radialGradient> <linearGradient id="paint7_linear_18_14027" x1={17.1875} y1={4.88447} x2={16.0072} y2={4.88447} gradientUnits="userSpaceOnUse" > <stop stopColor="#FDC36B" /> <stop offset={1} stopColor="#FFDD7B" /> </linearGradient> <radialGradient id="paint8_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(26.2399 10.1428) rotate(123.326) scale(18.6381 18.9731)" > <stop stopColor="#A47BD1" /> <stop offset={1} stopColor="#6E409D" /> </radialGradient> <linearGradient id="paint9_linear_18_14027" x1={17.2727} y1={5.11383} x2={16.0741} y2={5.21401} gradientUnits="userSpaceOnUse" > <stop stopColor="#744C9B" /> <stop offset={1} stopColor="#744C9B" stopOpacity={0} /> </linearGradient> <radialGradient id="paint10_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.9329 5.21401) scale(1.07813 1.12965)" > <stop stopColor="#81589C" /> <stop offset={1} stopColor="#704E84" /> </radialGradient> <linearGradient id="paint11_linear_18_14027" x1={11.8333} y1={10.1667} x2={7.16667} y2={14.8333} gradientUnits="userSpaceOnUse" > <stop stopColor="#F5C224" /> <stop offset={1} stopColor="#FFEF71" /> </linearGradient> <radialGradient id="paint12_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(20 13.3955) rotate(-37.9457) scale(8.77059 2.88619)" > <stop offset={0.199589} stopColor="#B085D8" /> <stop offset={1} stopColor="#8E61B7" /> </radialGradient> <linearGradient id="paint13_linear_18_14027" x1={20.5766} y1={9} x2={23.6461} y2={14} gradientUnits="userSpaceOnUse" > <stop stopColor="#A57CD3" /> <stop offset={0.492222} stopColor="#A57CD3" stopOpacity={0} /> <stop offset={1} stopColor="#A57CD3" /> </linearGradient> <radialGradient id="paint14_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.5 20.4062) rotate(117.672) scale(4.55191 8.23895)" > <stop stopColor="#F8A065" /> <stop offset={1} stopColor="#FFBE6A" /> </radialGradient> <radialGradient id="paint15_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.8794 20.3684) rotate(111.73) scale(3.90938 3.69613)" > <stop offset={0.787665} stopColor="#FFD87F" stopOpacity={0} /> <stop offset={1} stopColor="#FFD87F" /> </radialGradient> <radialGradient id="paint16_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.3477 22.1711) rotate(-92.1894) scale(3.17341 3.71969)" > <stop offset={0.7374} stopColor="#E48F60" stopOpacity={0} /> <stop offset={1} stopColor="#E48F60" /> </radialGradient> <linearGradient id="paint17_linear_18_14027" x1={11} y1={24.5} x2={4} y2={26} gradientUnits="userSpaceOnUse" > <stop stopColor="#F5C224" /> <stop offset={1} stopColor="#FCE35D" /> </linearGradient> <linearGradient id="paint18_linear_18_14027" x1={27.2849} y1={20.8828} x2={24.1782} y2={26.2534} gradientUnits="userSpaceOnUse" > <stop stopColor="#7246A2" /> <stop offset={0.999467} stopColor="#7E55AC" /> </linearGradient> <linearGradient id="paint19_linear_18_14027" x1={25.8727} y1={25.9748} x2={27.0602} y2={19.7873} gradientUnits="userSpaceOnUse" > <stop stopColor="#8A60B5" /> <stop offset={1} stopColor="#885BB3" /> </linearGradient> <radialGradient id="paint20_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(27.279 25.0998) rotate(-90.8364) scale(4.28171 5.8445)" > <stop offset={0.777464} stopColor="#663F8E" stopOpacity={0} /> <stop offset={0.991776} stopColor="#663F8E" /> </radialGradient> <linearGradient id="paint21_linear_18_14027" x1={10.3498} y1={27.9744} x2={5.28729} y2={23.5057} gradientUnits="userSpaceOnUse" > <stop stopColor="#B36558" /> <stop offset={1} stopColor="#B96779" /> </linearGradient> <linearGradient id="paint22_linear_18_14027" x1={11.3253} y1={9.36067} x2={6.9342} y2={15.0573} gradientUnits="userSpaceOnUse" > <stop stopColor="#E4AC50" /> <stop offset={1} stopColor="#D79C38" /> </linearGradient> <radialGradient id="paint23_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(7.0625 15.1355) rotate(-46.3916) scale(7.26522)" > <stop stopColor="#F6B953" /> <stop offset={1} stopColor="#D5A04B" /> </radialGradient> <radialGradient id="paint24_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(6.63602 14.625) rotate(-39.7462) scale(7.72223 5.75568)" > <stop offset={0.63575} stopColor="#BD8D44" stopOpacity={0} /> <stop offset={1} stopColor="#BD8D44" /> </radialGradient> <radialGradient id="paint25_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(10.9485 12) rotate(162.476) scale(5.18934 5.35638)" > <stop offset={0.755396} stopColor="#FFCA62" stopOpacity={0} /> <stop offset={1} stopColor="#FFCA62" /> </radialGradient> <linearGradient id="paint26_linear_18_14027" x1={10.3071} y1={24.331} x2={5.96361} y2={26.9931} gradientUnits="userSpaceOnUse" > <stop stopColor="#BD6152" /> <stop offset={1} stopColor="#AE6B71" /> </linearGradient> <radialGradient id="paint27_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(9.58399 27.0505) rotate(-142.952) scale(5.57176 3.36972)" > <stop offset={0.887636} stopColor="#AF4C46" stopOpacity={0} /> <stop offset={1} stopColor="#AF4C46" /> </radialGradient> <radialGradient id="paint28_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.8833 23.5098) rotate(-69.9702) scale(4.02333 3.39651)" > <stop stopColor="#724D94" /> <stop offset={1} stopColor="#6F4197" /> </radialGradient> <radialGradient id="paint29_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.4016 23.6414) rotate(-63.705) scale(4.77149 2.70489)" > <stop offset={0.800386} stopColor="#64398C" stopOpacity={0} /> <stop offset={1} stopColor="#64398C" /> </radialGradient> <radialGradient id="paint30_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.0056 20.8735) rotate(54.5093) scale(3.04637 3.10039)" > <stop offset={0.824989} stopColor="#664289" stopOpacity={0} /> <stop offset={1} stopColor="#664289" /> </radialGradient> <radialGradient id="paint31_radial_18_14027" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.2768 20.7776) rotate(78.25) scale(3.88692 3.67055)" > <stop offset={0.649469} stopColor="#8B72A3" stopOpacity={0} /> <stop offset={1} stopColor="#8B72A3" /> </radialGradient> <linearGradient id="paint32_linear_18_14027" x1={19} y1={19.6749} x2={15.3348} y2={21.4266} gradientUnits="userSpaceOnUse" > <stop stopColor="#683B92" /> <stop offset={1} stopColor="#683B92" stopOpacity={0} /> </linearGradient> </defs> </svg> ); module.exports = LastQuarterMoonIcon;