UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

335 lines (334 loc) 12 kB
const React = require("react"); const ShootingStarIcon = ({ 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} <g filter="url(#filter0_ii_18_14860)"> <path d="M26.33 30H5.67C3.64 30 2 28.36 2 26.33V5.67C2 3.64 3.64 2 5.67 2H26.33C28.36 2 30 3.64 30 5.67V26.33C30 28.36 28.36 30 26.33 30Z" fill="url(#paint0_linear_18_14860)" /> </g> <path d="M26.33 30H5.67C3.64 30 2 28.36 2 26.33V5.67C2 3.64 3.64 2 5.67 2H26.33C28.36 2 30 3.64 30 5.67V26.33C30 28.36 28.36 30 26.33 30Z" fill="url(#paint1_linear_18_14860)" /> <path d="M26.33 30H5.67C3.64 30 2 28.36 2 26.33V5.67C2 3.64 3.64 2 5.67 2H26.33C28.36 2 30 3.64 30 5.67V26.33C30 28.36 28.36 30 26.33 30Z" fill="url(#paint2_linear_18_14860)" /> <g filter="url(#filter1_f_18_14860)"> <path d="M10.8203 12.5676L12.7417 14.2951C13.1019 14.6184 13.5915 14.7385 14.0626 14.6184L16.5752 13.981C17.7115 13.6946 18.6999 14.8031 18.2749 15.9024L17.2681 18.5074C17.1018 18.9323 17.148 19.4126 17.3974 19.8006L18.8846 22.1562C19.5312 23.1723 18.7091 24.484 17.5175 24.3547L15.0695 24.0961C14.5799 24.0406 14.0903 24.2531 13.7855 24.6411L12.2706 26.581C11.5316 27.5324 10.0258 27.2091 9.73948 26.0359L9.07438 23.3294C8.96353 22.886 8.64945 22.5165 8.23376 22.3409L5.65649 21.2602C4.5757 20.8075 4.45561 19.3203 5.45326 18.7014L7.66104 17.3342C8.06749 17.0848 8.32613 16.6414 8.34461 16.161L8.43699 13.5838C8.4647 12.3644 9.90576 11.7547 10.8203 12.5676Z" fill="#190036" /> </g> <path d="M24.49 23C24.7661 23 24.99 22.7761 24.99 22.5C24.99 22.2239 24.7661 22 24.49 22C24.2138 22 23.99 22.2239 23.99 22.5C23.99 22.7761 24.2138 23 24.49 23Z" fill="url(#paint3_radial_18_14860)" /> <path d="M23.49 27C23.7661 27 23.99 26.7761 23.99 26.5C23.99 26.2239 23.7661 26 23.49 26C23.2138 26 22.99 26.2239 22.99 26.5C22.99 26.7761 23.2138 27 23.49 27Z" fill="url(#paint4_radial_18_14860)" /> <path d="M4.48999 25C4.76613 25 4.98999 24.7761 4.98999 24.5C4.98999 24.2239 4.76613 24 4.48999 24C4.21385 24 3.98999 24.2239 3.98999 24.5C3.98999 24.7761 4.21385 25 4.48999 25Z" fill="url(#paint5_radial_18_14860)" /> <path d="M27.49 27C27.7661 27 27.99 26.7761 27.99 26.5C27.99 26.2239 27.7661 26 27.49 26C27.2138 26 26.99 26.2239 26.99 26.5C26.99 26.7761 27.2138 27 27.49 27Z" fill="url(#paint6_radial_18_14860)" /> <path d="M5.48999 11C5.76613 11 5.98999 10.7761 5.98999 10.5C5.98999 10.2239 5.76613 10 5.48999 10C5.21385 10 4.98999 10.2239 4.98999 10.5C4.98999 10.7761 5.21385 11 5.48999 11Z" fill="url(#paint7_radial_18_14860)" /> <path d="M8.48999 6C8.76613 6 8.98999 5.77614 8.98999 5.5C8.98999 5.22386 8.76613 5 8.48999 5C8.21385 5 7.98999 5.22386 7.98999 5.5C7.98999 5.77614 8.21385 6 8.48999 6Z" fill="url(#paint8_radial_18_14860)" /> <path d="M30 5.67C30 3.64 28.36 2 26.33 2H19.29L9.25 11.6L19.64 24L30 13.64V5.67Z" fill="url(#paint9_linear_18_14860)" /> <path d="M30 5.67C30 3.64 28.36 2 26.33 2H19.29L9.25 11.6L19.64 24L30 13.64V5.67Z" fill="url(#paint10_radial_18_14860)" /> <g filter="url(#filter2_ii_18_14860)"> <path d="M11.0301 11.82L13.1101 13.69C13.5001 14.04 14.0301 14.17 14.5401 14.04L17.2601 13.35C18.4901 13.04 19.56 14.24 19.1 15.43L18.0101 18.25C17.8301 18.71 17.8801 19.23 18.1501 19.65L19.7601 22.2C20.4601 23.3 19.5701 24.72 18.2801 24.58L15.63 24.3C15.1 24.24 14.57 24.47 14.24 24.89L12.6 26.99C11.8 28.02 10.1701 27.67 9.86006 26.4L9.14006 23.47C9.02006 22.99 8.68005 22.59 8.23005 22.4L5.44005 21.23C4.27005 20.74 4.14004 19.13 5.22004 18.46L7.61006 16.98C8.05006 16.71 8.33005 16.23 8.35005 15.71L8.45006 12.92C8.48006 11.6 10.0401 10.94 11.0301 11.82Z" fill="url(#paint11_linear_18_14860)" /> </g> <defs> <filter id="filter0_ii_18_14860" x={0.75} y={0.5} width={29.25} height={30.75} 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 dy={-1.5} /> <feGaussianBlur stdDeviation={0.75} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.313726 0 0 0 0 0.188235 0 0 0 0 0.419608 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_14860" /> <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={-2} dy={2} /> <feGaussianBlur stdDeviation={0.625} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.286275 0 0 0 0 0.266667 0 0 0 0 0.278431 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_14860" result="effect2_innerShadow_18_14860" /> </filter> <filter id="filter1_f_18_14860" x={2.77075} y={10.1975} width={18.3409} height={18.9405} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={1} result="effect1_foregroundBlur_18_14860" /> </filter> <filter id="filter2_ii_18_14860" x={3.7312} y={10.6693} width={17.0246} height={17.6737} 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.75} dy={0.75} /> <feGaussianBlur stdDeviation={0.625} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.945098 0 0 0 0 0.266667 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_14860" /> <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.75} dy={-0.75} /> <feGaussianBlur stdDeviation={0.75} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.556863 0 0 0 0 0.27451 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_14860" result="effect2_innerShadow_18_14860" /> </filter> <linearGradient id="paint0_linear_18_14860" x1={15.9991} y1={29.5691} x2={15.9991} y2={2.97549} gradientUnits="userSpaceOnUse" > <stop stopColor="#483B4D" /> <stop offset={1} stopColor="#433C44" /> </linearGradient> <linearGradient id="paint1_linear_18_14860" x1={2} y1={15.0625} x2={6.0774} y2={15.0625} gradientUnits="userSpaceOnUse" > <stop offset={0.392559} stopColor="#3D3941" /> <stop offset={1} stopColor="#3D3941" stopOpacity={0} /> </linearGradient> <linearGradient id="paint2_linear_18_14860" x1={30.875} y1={18.1875} x2={26.375} y2={18.1875} gradientUnits="userSpaceOnUse" > <stop stopColor="#5B5559" /> <stop offset={1} stopColor="#5B5559" stopOpacity={0} /> </linearGradient> <radialGradient id="paint3_radial_18_14860" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(24.7819 22.1638) rotate(117.491) scale(0.942594)" > <stop offset={0.2018} stopColor="#CBC6BD" /> <stop offset={1} stopColor="#846D95" /> </radialGradient> <radialGradient id="paint4_radial_18_14860" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(23.7819 26.1638) rotate(117.491) scale(0.942594)" > <stop offset={0.2018} stopColor="#CBC6BD" /> <stop offset={1} stopColor="#846D95" /> </radialGradient> <radialGradient id="paint5_radial_18_14860" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(4.7819 24.1638) rotate(117.491) scale(0.942594)" > <stop offset={0.2018} stopColor="#90827D" /> <stop offset={1} stopColor="#816D94" /> </radialGradient> <radialGradient id="paint6_radial_18_14860" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(27.7819 26.1638) rotate(117.491) scale(0.942594)" > <stop offset={0.2018} stopColor="#CBC6BD" /> <stop offset={1} stopColor="#846D95" /> </radialGradient> <radialGradient id="paint7_radial_18_14860" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(5.7819 10.1638) rotate(117.491) scale(0.942594)" > <stop offset={0.2018} stopColor="#BAB5AD" /> <stop offset={1} stopColor="#806F85" /> </radialGradient> <radialGradient id="paint8_radial_18_14860" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(8.7819 5.16384) rotate(117.491) scale(0.942594)" > <stop offset={0.2018} stopColor="#C4BFB6" /> <stop offset={1} stopColor="#7B6B7F" /> </radialGradient> <linearGradient id="paint9_linear_18_14860" x1={23} y1={17.375} x2={23} y2={0.500001} gradientUnits="userSpaceOnUse" > <stop stopColor="#C29C41" /> <stop offset={0.933333} stopColor="#51504A" /> </linearGradient> <radialGradient id="paint10_radial_18_14860" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(29.5625 2.8125) rotate(139.899) scale(4.6574 3.25091)" > <stop stopColor="#7A746A" /> <stop offset={1} stopColor="#7A746A" stopOpacity={0} /> </radialGradient> <linearGradient id="paint11_linear_18_14860" x1={16.9995} y1={12.591} x2={11.6448} y2={27.593} gradientUnits="userSpaceOnUse" > <stop stopColor="#F3C333" /> <stop offset={1} stopColor="#E8B735" /> </linearGradient> </defs> </svg> ); module.exports = ShootingStarIcon;