UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

172 lines (171 loc) 6.43 kB
const React = require("react"); const NazarAmuletIcon = ({ 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="M16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30Z" fill="url(#paint0_radial_18_3485)" /> <path d="M16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30Z" fill="url(#paint1_radial_18_3485)" /> <path d="M16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30Z" fill="url(#paint2_radial_18_3485)" /> <path d="M16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30Z" fill="url(#paint3_radial_18_3485)" /> <path d="M16.2 23.8C20.4415 23.8 23.88 20.3615 23.88 16.12C23.88 11.8785 20.4415 8.44 16.2 8.44C11.9584 8.44 8.51999 11.8785 8.51999 16.12C8.51999 20.3615 11.9584 23.8 16.2 23.8Z" fill="#E1D3F1" /> <path d="M16.2 23.8C20.4415 23.8 23.88 20.3615 23.88 16.12C23.88 11.8785 20.4415 8.44 16.2 8.44C11.9584 8.44 8.51999 11.8785 8.51999 16.12C8.51999 20.3615 11.9584 23.8 16.2 23.8Z" fill="url(#paint4_radial_18_3485)" /> <path d="M16.2 23.8C20.4415 23.8 23.88 20.3615 23.88 16.12C23.88 11.8785 20.4415 8.44 16.2 8.44C11.9584 8.44 8.51999 11.8785 8.51999 16.12C8.51999 20.3615 11.9584 23.8 16.2 23.8Z" fill="url(#paint5_radial_18_3485)" /> <path d="M16.2 23.8C20.4415 23.8 23.88 20.3615 23.88 16.12C23.88 11.8785 20.4415 8.44 16.2 8.44C11.9584 8.44 8.51999 11.8785 8.51999 16.12C8.51999 20.3615 11.9584 23.8 16.2 23.8Z" fill="url(#paint6_radial_18_3485)" /> <path d="M16.2 21.24C19.0277 21.24 21.32 18.9477 21.32 16.12C21.32 13.2923 19.0277 11 16.2 11C13.3723 11 11.08 13.2923 11.08 16.12C11.08 18.9477 13.3723 21.24 16.2 21.24Z" fill="url(#paint7_radial_18_3485)" /> <path d="M16.2 18.68C17.6138 18.68 18.76 17.5338 18.76 16.12C18.76 14.7061 17.6138 13.56 16.2 13.56C14.7861 13.56 13.64 14.7061 13.64 16.12C13.64 17.5338 14.7861 18.68 16.2 18.68Z" fill="url(#paint8_radial_18_3485)" /> <path d="M16.2 18.68C17.6138 18.68 18.76 17.5338 18.76 16.12C18.76 14.7061 17.6138 13.56 16.2 13.56C14.7861 13.56 13.64 14.7061 13.64 16.12C13.64 17.5338 14.7861 18.68 16.2 18.68Z" fill="url(#paint9_radial_18_3485)" /> <defs> <radialGradient id="paint0_radial_18_3485" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(26.125 11.5625) rotate(138.325) scale(21.3375 24.1355)" > <stop offset={0.0190182} stopColor="#7CB1E6" /> <stop offset={1} stopColor="#426BBE" /> </radialGradient> <radialGradient id="paint1_radial_18_3485" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.8125 30.875) rotate(-90) scale(14.875 32.5077)" > <stop stopColor="#5963EE" /> <stop offset={1} stopColor="#5963EE" stopOpacity={0} /> </radialGradient> <radialGradient id="paint2_radial_18_3485" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16 14.0625) rotate(90) scale(15.9375)" > <stop offset={0.92549} stopColor="#7160EE" stopOpacity={0} /> <stop offset={1} stopColor="#7160EE" /> </radialGradient> <radialGradient id="paint3_radial_18_3485" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(18.625 18.625) rotate(-135) scale(19.4012 19.3082)" > <stop offset={0.8041} stopColor="#516B97" stopOpacity={0} /> <stop offset={1} stopColor="#516B97" /> </radialGradient> <radialGradient id="paint4_radial_18_3485" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.5625 17.125) rotate(123.996) scale(6.48315 7.24563)" > <stop offset={0.49368} stopColor="#D5A8FE" /> <stop offset={1} stopColor="#D5A8FE" stopOpacity={0} /> </radialGradient> <radialGradient id="paint5_radial_18_3485" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14.9063 14.8125) rotate(-133.949) scale(4.81798 5.16742)" > <stop offset={0.498277} stopColor="#BFB6C9" /> <stop offset={1} stopColor="#BFB6C9" stopOpacity={0} /> </radialGradient> <radialGradient id="paint6_radial_18_3485" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.625 15.25) rotate(-47.0902) scale(6.05863 6.14905)" > <stop offset={0.554219} stopColor="#F9F2FF" /> <stop offset={1} stopColor="#F9F2FF" stopOpacity={0} /> </radialGradient> <radialGradient id="paint7_radial_18_3485" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(18.25 13.875) rotate(130.079) scale(6.69801 8.32036)" > <stop stopColor="#5ED3FF" /> <stop offset={1} stopColor="#53B6FF" /> </radialGradient> <radialGradient id="paint8_radial_18_3485" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14.0937 17.5313) rotate(-39.1032) scale(4.80602 3.75468)" > <stop stopColor="#59545E" /> <stop offset={0.764654} stopColor="#312939" /> </radialGradient> <radialGradient id="paint9_radial_18_3485" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.2 13.2187) rotate(90) scale(3.875 3.73123)" > <stop stopColor="#422559" /> <stop offset={1} stopColor="#422559" stopOpacity={0} /> </radialGradient> </defs> </svg> ); module.exports = NazarAmuletIcon;