UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

181 lines (180 loc) 9.22 kB
const React = require("react"); const StarIcon = ({ 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_iii_18_14837)"> <path d="M18.6046 3.74448L20.8077 8.36425C21.1488 9.05025 21.771 9.5326 22.4934 9.63978L27.4208 10.3365C29.9595 10.7117 30.9171 13.4375 28.9483 15.4219L25.4952 18.9844C24.9333 19.5417 24.6724 20.3671 24.8128 21.171L25.5889 26.2344C26.0304 28.8605 23.8186 30.7236 21.5809 29.5231L17.0454 27.1114C16.4133 26.7791 15.6708 26.7791 15.0386 27.1114L10.5031 29.5231C8.26548 30.7128 5.91705 28.9062 6.5733 26.1719L7.33893 21.2188C7.47941 20.4148 7.21852 19.5895 6.6566 19.0322L3.13576 15.3438C1.15142 13.3828 2.12453 10.7117 4.66319 10.3365L9.40939 9.63978C10.1319 9.5326 10.9609 9.06097 11.2921 8.36425L13.5397 3.74448C14.6836 1.41851 17.4707 1.41851 18.6046 3.74448Z" fill="url(#paint0_radial_18_14837)" /> <path d="M18.6046 3.74448L20.8077 8.36425C21.1488 9.05025 21.771 9.5326 22.4934 9.63978L27.4208 10.3365C29.9595 10.7117 30.9171 13.4375 28.9483 15.4219L25.4952 18.9844C24.9333 19.5417 24.6724 20.3671 24.8128 21.171L25.5889 26.2344C26.0304 28.8605 23.8186 30.7236 21.5809 29.5231L17.0454 27.1114C16.4133 26.7791 15.6708 26.7791 15.0386 27.1114L10.5031 29.5231C8.26548 30.7128 5.91705 28.9062 6.5733 26.1719L7.33893 21.2188C7.47941 20.4148 7.21852 19.5895 6.6566 19.0322L3.13576 15.3438C1.15142 13.3828 2.12453 10.7117 4.66319 10.3365L9.40939 9.63978C10.1319 9.5326 10.9609 9.06097 11.2921 8.36425L13.5397 3.74448C14.6836 1.41851 17.4707 1.41851 18.6046 3.74448Z" fill="url(#paint1_radial_18_14837)" /> </g> <path d="M18.6046 3.74448L20.8077 8.36425C21.1488 9.05025 21.771 9.5326 22.4934 9.63978L27.4208 10.3365C29.9595 10.7117 30.9171 13.4375 28.9483 15.4219L25.4952 18.9844C24.9333 19.5417 24.6724 20.3671 24.8128 21.171L25.5889 26.2344C26.0304 28.8605 23.8186 30.7236 21.5809 29.5231L17.0454 27.1114C16.4133 26.7791 15.6708 26.7791 15.0386 27.1114L10.5031 29.5231C8.26548 30.7128 5.91705 28.9062 6.5733 26.1719L7.33893 21.2188C7.47941 20.4148 7.21852 19.5895 6.6566 19.0322L3.13576 15.3438C1.15142 13.3828 2.12453 10.7117 4.66319 10.3365L9.40939 9.63978C10.1319 9.5326 10.9609 9.06097 11.2921 8.36425L13.5397 3.74448C14.6836 1.41851 17.4707 1.41851 18.6046 3.74448Z" fill="url(#paint2_radial_18_14837)" /> <path d="M18.6046 3.74448L20.8077 8.36425C21.1488 9.05025 21.771 9.5326 22.4934 9.63978L27.4208 10.3365C29.9595 10.7117 30.9171 13.4375 28.9483 15.4219L25.4952 18.9844C24.9333 19.5417 24.6724 20.3671 24.8128 21.171L25.5889 26.2344C26.0304 28.8605 23.8186 30.7236 21.5809 29.5231L17.0454 27.1114C16.4133 26.7791 15.6708 26.7791 15.0386 27.1114L10.5031 29.5231C8.26548 30.7128 5.91705 28.9062 6.5733 26.1719L7.33893 21.2188C7.47941 20.4148 7.21852 19.5895 6.6566 19.0322L3.13576 15.3438C1.15142 13.3828 2.12453 10.7117 4.66319 10.3365L9.40939 9.63978C10.1319 9.5326 10.9609 9.06097 11.2921 8.36425L13.5397 3.74448C14.6836 1.41851 17.4707 1.41851 18.6046 3.74448Z" fill="url(#paint3_radial_18_14837)" /> <path d="M18.6046 3.74448L20.8077 8.36425C21.1488 9.05025 21.771 9.5326 22.4934 9.63978L27.4208 10.3365C29.9595 10.7117 30.9171 13.4375 28.9483 15.4219L25.4952 18.9844C24.9333 19.5417 24.6724 20.3671 24.8128 21.171L25.5889 26.2344C26.0304 28.8605 23.8186 30.7236 21.5809 29.5231L17.0454 27.1114C16.4133 26.7791 15.6708 26.7791 15.0386 27.1114L10.5031 29.5231C8.26548 30.7128 5.91705 28.9062 6.5733 26.1719L7.33893 21.2188C7.47941 20.4148 7.21852 19.5895 6.6566 19.0322L3.13576 15.3438C1.15142 13.3828 2.12453 10.7117 4.66319 10.3365L9.40939 9.63978C10.1319 9.5326 10.9609 9.06097 11.2921 8.36425L13.5397 3.74448C14.6836 1.41851 17.4707 1.41851 18.6046 3.74448Z" fill="url(#paint4_radial_18_14837)" /> <path d="M18.6046 3.74448L20.8077 8.36425C21.1488 9.05025 21.771 9.5326 22.4934 9.63978L27.4208 10.3365C29.9595 10.7117 30.9171 13.4375 28.9483 15.4219L25.4952 18.9844C24.9333 19.5417 24.6724 20.3671 24.8128 21.171L25.5889 26.2344C26.0304 28.8605 23.8186 30.7236 21.5809 29.5231L17.0454 27.1114C16.4133 26.7791 15.6708 26.7791 15.0386 27.1114L10.5031 29.5231C8.26548 30.7128 5.91705 28.9062 6.5733 26.1719L7.33893 21.2188C7.47941 20.4148 7.21852 19.5895 6.6566 19.0322L3.13576 15.3438C1.15142 13.3828 2.12453 10.7117 4.66319 10.3365L9.40939 9.63978C10.1319 9.5326 10.9609 9.06097 11.2921 8.36425L13.5397 3.74448C14.6836 1.41851 17.4707 1.41851 18.6046 3.74448Z" fill="url(#paint5_radial_18_14837)" /> <defs> <filter id="filter0_iii_18_14837" x={0.827209} y={1.5} width={30.6728} height={29.6455} 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={-0.5} /> <feGaussianBlur stdDeviation={1.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.772549 0 0 0 0 0.494118 0 0 0 0 0.282353 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_14837" /> <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={-1.25} dy={1.25} /> <feGaussianBlur stdDeviation={0.75} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.952941 0 0 0 0 0.286275 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_14837" result="effect2_innerShadow_18_14837" /> <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={1.5} dy={-0.5} /> <feGaussianBlur stdDeviation={0.75} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.698039 0 0 0 0 0.537255 0 0 0 0 0.192157 0 0 0 1 0" /> <feBlend mode="normal" in2="effect2_innerShadow_18_14837" result="effect3_innerShadow_18_14837" /> </filter> <radialGradient id="paint0_radial_18_14837" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(24.5421 8.96877) rotate(132.939) scale(19.9803 19.7731)" > <stop stopColor="#FAC632" /> <stop offset={1} stopColor="#F7C632" /> </radialGradient> <radialGradient id="paint1_radial_18_14837" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.0386 15.9478) rotate(90) scale(13.9478 13.9614)" > <stop stopColor="#DDBA38" /> <stop offset={1} stopColor="#DDBA38" stopOpacity={0} /> </radialGradient> <radialGradient id="paint2_radial_18_14837" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(7.06005 10.0815) rotate(74.0546) scale(2.26515 7.5594)" > <stop stopColor="#DDBA38" /> <stop offset={1} stopColor="#DDBA38" stopOpacity={0} /> </radialGradient> <radialGradient id="paint3_radial_18_14837" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(2.07721 11.5205) rotate(16.0828) scale(3.93102 3.93486)" > <stop stopColor="#B5953A" /> <stop offset={1} stopColor="#B5953A" stopOpacity={0} /> </radialGradient> <radialGradient id="paint4_radial_18_14837" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(8.88802 30.8113) rotate(-58.4957) scale(2.82823 2.83099)" > <stop stopColor="#C47E42" /> <stop offset={1} stopColor="#C47E42" stopOpacity={0} /> </radialGradient> <radialGradient id="paint5_radial_18_14837" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(31.0569 11.6761) rotate(150.751) scale(2.2288 2.93061)" > <stop stopColor="#FFF246" /> <stop offset={1} stopColor="#FFF246" stopOpacity={0} /> </radialGradient> </defs> </svg> ); module.exports = StarIcon;