UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

301 lines (300 loc) 10.9 kB
const React = require("react"); const FiveThirtyIcon = ({ 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="M30.163 16C30.163 23.732 23.895 30 16.163 30C8.43101 30 2.16299 23.732 2.16299 16C2.16299 8.26801 8.43101 2 16.163 2C23.895 2 30.163 8.26801 30.163 16Z" fill="url(#paint0_radial_18_13555)" /> <g filter="url(#filter0_f_18_13555)"> <path d="M16.9199 18.0004C17.0873 17.709 17.183 17.3713 17.183 17.0112C17.183 15.9128 16.2926 15.0223 15.1942 15.0223C14.0958 15.0223 13.2054 15.9128 13.2054 17.0112C13.2054 17.744 13.6017 18.3843 14.1918 18.7293V25.0066C14.1918 25.5589 14.6395 26.0066 15.1918 26.0066C15.7441 26.0066 16.1918 25.5589 16.1918 25.0066V20.7392L17.3117 22.679C17.5879 23.1572 18.1995 23.3211 18.6778 23.045C19.1561 22.7688 19.3199 22.1572 19.0438 21.679L16.9199 18.0004Z" fill="#C4C1C7" /> </g> <g filter="url(#filter1_i_18_13555)"> <path fillRule="evenodd" clipRule="evenodd" d="M16.1918 15.0112C16.7441 15.0112 17.1918 15.4589 17.1918 16.0112V24.0066C17.1918 24.5589 16.7441 25.0066 16.1918 25.0066C15.6395 25.0066 15.1918 24.5589 15.1918 24.0066V16.0112C15.1918 15.4589 15.6395 15.0112 16.1918 15.0112Z" fill="url(#paint1_linear_18_13555)" /> <path fillRule="evenodd" clipRule="evenodd" d="M16.1918 15.0112C16.7441 15.0112 17.1918 15.4589 17.1918 16.0112V24.0066C17.1918 24.5589 16.7441 25.0066 16.1918 25.0066C15.6395 25.0066 15.1918 24.5589 15.1918 24.0066V16.0112C15.1918 15.4589 15.6395 15.0112 16.1918 15.0112Z" fill="url(#paint2_radial_18_13555)" /> </g> <path fillRule="evenodd" clipRule="evenodd" d="M19.6778 22.045C19.1995 22.3211 18.5879 22.1573 18.3117 21.679L15.3282 16.5112C15.052 16.033 15.2159 15.4214 15.6942 15.1452C16.1725 14.8691 16.7841 15.033 17.0602 15.5112L20.0438 20.679C20.3199 21.1573 20.1561 21.7688 19.6778 22.045Z" fill="url(#paint3_linear_18_13555)" /> <path fillRule="evenodd" clipRule="evenodd" d="M19.6778 22.045C19.1995 22.3211 18.5879 22.1573 18.3117 21.679L15.3282 16.5112C15.052 16.033 15.2159 15.4214 15.6942 15.1452C16.1725 14.8691 16.7841 15.033 17.0602 15.5112L20.0438 20.679C20.3199 21.1573 20.1561 21.7688 19.6778 22.045Z" fill="url(#paint4_linear_18_13555)" /> <path fillRule="evenodd" clipRule="evenodd" d="M19.6778 22.045C19.1995 22.3211 18.5879 22.1573 18.3117 21.679L15.3282 16.5112C15.052 16.033 15.2159 15.4214 15.6942 15.1452C16.1725 14.8691 16.7841 15.033 17.0602 15.5112L20.0438 20.679C20.3199 21.1573 20.1561 21.7688 19.6778 22.045Z" fill="url(#paint5_radial_18_13555)" /> <path fillRule="evenodd" clipRule="evenodd" d="M19.6778 22.045C19.1995 22.3211 18.5879 22.1573 18.3117 21.679L15.3282 16.5112C15.052 16.033 15.2159 15.4214 15.6942 15.1452C16.1725 14.8691 16.7841 15.033 17.0602 15.5112L20.0438 20.679C20.3199 21.1573 20.1561 21.7688 19.6778 22.045Z" fill="url(#paint6_linear_18_13555)" /> <g filter="url(#filter2_ii_18_13555)"> <path fillRule="evenodd" clipRule="evenodd" d="M16.163 27C22.2381 27 27.163 22.0751 27.163 16C27.163 9.92487 22.2381 5 16.163 5C10.0879 5 5.16299 9.92487 5.16299 16C5.16299 22.0751 10.0879 27 16.163 27ZM16.163 30C23.895 30 30.163 23.732 30.163 16C30.163 8.26801 23.895 2 16.163 2C8.43101 2 2.16299 8.26801 2.16299 16C2.16299 23.732 8.43101 30 16.163 30Z" fill="url(#paint7_linear_18_13555)" /> </g> <path d="M18.183 16.0112C18.183 17.1096 17.2926 18 16.1942 18C15.0958 18 14.2054 17.1096 14.2054 16.0112C14.2054 14.9128 15.0958 14.0223 16.1942 14.0223C17.2926 14.0223 18.183 14.9128 18.183 16.0112Z" fill="url(#paint8_radial_18_13555)" /> <path d="M18.183 16.0112C18.183 17.1096 17.2926 18 16.1942 18C15.0958 18 14.2054 17.1096 14.2054 16.0112C14.2054 14.9128 15.0958 14.0223 16.1942 14.0223C17.2926 14.0223 18.183 14.9128 18.183 16.0112Z" fill="url(#paint9_radial_18_13555)" /> <defs> <filter id="filter0_f_18_13555" x={11.7054} y={13.5223} width={8.97256} height={13.9843} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.75} result="effect1_foregroundBlur_18_13555" /> </filter> <filter id="filter1_i_18_13555" x={15.1918} y={15.0112} width={2.6} height={9.99536} 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.6} /> <feGaussianBlur stdDeviation={0.425} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.635294 0 0 0 0 0.227451 0 0 0 0 0.403922 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_13555" /> </filter> <filter id="filter2_ii_18_13555" x={1.76299} y={1.6} width={28.8} height={28.8} 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.4} dy={-0.4} /> <feGaussianBlur stdDeviation={0.3} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.282353 0 0 0 0 0.254902 0 0 0 0 0.313726 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_13555" /> <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.4} dy={0.4} /> <feGaussianBlur stdDeviation={0.3} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.533333 0 0 0 0 0.533333 0 0 0 0 0.533333 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_13555" result="effect2_innerShadow_18_13555" /> </filter> <radialGradient id="paint0_radial_18_13555" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(9.73704 24.4982) rotate(-46.2124) scale(25.2966)" > <stop offset={0.598155} stopColor="#DDDADF" /> <stop offset={1} stopColor="#BDBABF" /> </radialGradient> <linearGradient id="paint1_linear_18_13555" x1={16.1918} y1={15.0112} x2={16.1918} y2={25.0066} gradientUnits="userSpaceOnUse" > <stop stopColor="#F74093" /> <stop offset={1} stopColor="#F83F4C" /> </linearGradient> <radialGradient id="paint2_radial_18_13555" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.1918 17.7141) rotate(51.5635) scale(5.10003 2.48266)" > <stop offset={0.115385} stopColor="#911A57" /> <stop offset={1} stopColor="#911A57" stopOpacity={0} /> </radialGradient> <linearGradient id="paint3_linear_18_13555" x1={19.6778} y1={22.045} x2={16.7721} y2={17.0121} gradientUnits="userSpaceOnUse" > <stop stopColor="#32183D" /> <stop offset={1} stopColor="#2C3A65" /> </linearGradient> <linearGradient id="paint4_linear_18_13555" x1={19.0287} y1={18.9208} x2={18.1627} y2={19.4208} gradientUnits="userSpaceOnUse" > <stop stopColor="#2E2840" /> <stop offset={1} stopColor="#2E2840" stopOpacity={0} /> </linearGradient> <radialGradient id="paint5_radial_18_13555" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(18.9539 22.0098) rotate(-120) scale(5.73026 0.815281)" > <stop stopColor="#50375F" /> <stop offset={1} stopColor="#50375F" stopOpacity={0} /> </radialGradient> <linearGradient id="paint6_linear_18_13555" x1={19.6778} y1={22.045} x2={19.3189} y2={21.4235} gradientUnits="userSpaceOnUse" > <stop stopColor="#3E1846" /> <stop offset={1} stopColor="#3E1846" stopOpacity={0} /> </linearGradient> <linearGradient id="paint7_linear_18_13555" x1={24.6738} y1={4.01349} x2={4.44679} y2={28.5336} gradientUnits="userSpaceOnUse" > <stop stopColor="#6D6B70" /> <stop offset={1} stopColor="#706C74" /> </linearGradient> <radialGradient id="paint8_radial_18_13555" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.274 15.5527) rotate(134.039) scale(3.40442)" > <stop stopColor="#C9C6CC" /> <stop offset={1} stopColor="#928E95" /> </radialGradient> <radialGradient id="paint9_radial_18_13555" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.7567 15.5047) rotate(139.399) scale(2.88111)" > <stop offset={0.527069} stopColor="#776F7F" stopOpacity={0} /> <stop offset={1} stopColor="#776F7F" /> </radialGradient> </defs> </svg> ); module.exports = FiveThirtyIcon;