UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

303 lines (302 loc) 11 kB
const React = require("react"); const OneThirtyIcon = ({ 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 16.1228C30 23.8548 23.732 30.1228 16 30.1228C8.26801 30.1228 2 23.8548 2 16.1228C2 8.39082 8.26801 2.1228 16 2.1228C23.732 2.1228 30 8.39082 30 16.1228Z" fill="url(#paint0_radial_18_13507)" /> <g filter="url(#filter0_f_18_13507)"> <path fillRule="evenodd" clipRule="evenodd" d="M18.4836 10.1003C18.9619 10.3765 19.1257 10.9881 18.8496 11.4664L16.7413 15.118C16.9183 15.4154 17.02 15.7628 17.02 16.134C17.02 16.8688 16.6215 17.5105 16.0288 17.8549V24.1294C16.0288 24.6817 15.5811 25.1294 15.0288 25.1294C14.4765 25.1294 14.0288 24.6817 14.0288 24.1294V17.8521C13.4387 17.5071 13.0424 16.8668 13.0424 16.134C13.0424 15.0482 13.9124 14.1656 14.9934 14.1455L17.1176 10.4664C17.3937 9.98806 18.0053 9.82419 18.4836 10.1003Z" fill="#C3C0C7" /> </g> <g filter="url(#filter1_i_18_13507)"> <path fillRule="evenodd" clipRule="evenodd" d="M16.0288 15.134C16.5811 15.134 17.0288 15.5817 17.0288 16.134V24.1294C17.0288 24.6817 16.5811 25.1294 16.0288 25.1294C15.4765 25.1294 15.0288 24.6817 15.0288 24.1294V16.134C15.0288 15.5817 15.4765 15.134 16.0288 15.134Z" fill="url(#paint1_linear_18_13507)" /> <path fillRule="evenodd" clipRule="evenodd" d="M16.0288 15.134C16.5811 15.134 17.0288 15.5817 17.0288 16.134V24.1294C17.0288 24.6817 16.5811 25.1294 16.0288 25.1294C15.4765 25.1294 15.0288 24.6817 15.0288 24.1294V16.134C15.0288 15.5817 15.4765 15.134 16.0288 15.134Z" fill="url(#paint2_radial_18_13507)" /> </g> <path fillRule="evenodd" clipRule="evenodd" d="M19.4836 10.1003C19.9619 10.3765 20.1257 10.9881 19.8496 11.4664L16.866 16.6341C16.5899 17.1124 15.9783 17.2762 15.5 17.0001C15.0217 16.724 14.8578 16.1124 15.134 15.6341L18.1176 10.4664C18.3937 9.98807 19.0053 9.8242 19.4836 10.1003Z" fill="url(#paint3_linear_18_13507)" /> <path fillRule="evenodd" clipRule="evenodd" d="M19.4836 10.1003C19.9619 10.3765 20.1257 10.9881 19.8496 11.4664L16.866 16.6341C16.5899 17.1124 15.9783 17.2762 15.5 17.0001C15.0217 16.724 14.8578 16.1124 15.134 15.6341L18.1176 10.4664C18.3937 9.98807 19.0053 9.8242 19.4836 10.1003Z" fill="url(#paint4_linear_18_13507)" /> <path fillRule="evenodd" clipRule="evenodd" d="M19.4836 10.1003C19.9619 10.3765 20.1257 10.9881 19.8496 11.4664L16.866 16.6341C16.5899 17.1124 15.9783 17.2762 15.5 17.0001C15.0217 16.724 14.8578 16.1124 15.134 15.6341L18.1176 10.4664C18.3937 9.98807 19.0053 9.8242 19.4836 10.1003Z" fill="url(#paint5_radial_18_13507)" /> <path fillRule="evenodd" clipRule="evenodd" d="M19.4836 10.1003C19.9619 10.3765 20.1257 10.9881 19.8496 11.4664L16.866 16.6341C16.5899 17.1124 15.9783 17.2762 15.5 17.0001C15.0217 16.724 14.8578 16.1124 15.134 15.6341L18.1176 10.4664C18.3937 9.98807 19.0053 9.8242 19.4836 10.1003Z" fill="url(#paint6_linear_18_13507)" /> <g filter="url(#filter2_ii_18_13507)"> <path fillRule="evenodd" clipRule="evenodd" d="M16 27.1228C22.0751 27.1228 27 22.1979 27 16.1228C27 10.0477 22.0751 5.1228 16 5.1228C9.92487 5.1228 5 10.0477 5 16.1228C5 22.1979 9.92487 27.1228 16 27.1228ZM16 30.1228C23.732 30.1228 30 23.8548 30 16.1228C30 8.39082 23.732 2.1228 16 2.1228C8.26801 2.1228 2 8.39082 2 16.1228C2 23.8548 8.26801 30.1228 16 30.1228Z" fill="url(#paint7_linear_18_13507)" /> </g> <path d="M18.02 16.134C18.02 17.2324 17.1296 18.1228 16.0312 18.1228C14.9328 18.1228 14.0424 17.2324 14.0424 16.134C14.0424 15.0356 14.9328 14.1451 16.0312 14.1451C17.1296 14.1451 18.02 15.0356 18.02 16.134Z" fill="url(#paint8_radial_18_13507)" /> <path d="M18.02 16.134C18.02 17.2324 17.1296 18.1228 16.0312 18.1228C14.9328 18.1228 14.0424 17.2324 14.0424 16.134C14.0424 15.0356 14.9328 14.1451 16.0312 14.1451C17.1296 14.1451 18.02 15.0356 18.02 16.134Z" fill="url(#paint9_radial_18_13507)" /> <defs> <filter id="filter0_f_18_13507" x={11.5424} y={8.46619} width={8.94138} height={18.1632} 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_13507" /> </filter> <filter id="filter1_i_18_13507" x={15.0288} y={15.134} 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_13507" /> </filter> <filter id="filter2_ii_18_13507" x={1.6} y={1.7228} 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_13507" /> <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_13507" result="effect2_innerShadow_18_13507" /> </filter> <radialGradient id="paint0_radial_18_13507" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(9.57405 24.621) rotate(-46.2124) scale(25.2966)" > <stop offset={0.598155} stopColor="#DDDADF" /> <stop offset={1} stopColor="#BDBABF" /> </radialGradient> <linearGradient id="paint1_linear_18_13507" x1={16.0288} y1={15.134} x2={16.0288} y2={25.1294} gradientUnits="userSpaceOnUse" > <stop stopColor="#F83F4C" /> <stop offset={1} stopColor="#F74093" /> </linearGradient> <radialGradient id="paint2_radial_18_13507" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.1875 17.8527) rotate(146.437) scale(1.95012 1.33455)" > <stop offset={0.293124} stopColor="#911A57" /> <stop offset={1} stopColor="#911A57" stopOpacity={0} /> </radialGradient> <linearGradient id="paint3_linear_18_13507" x1={19.4836} y1={10.1003} x2={16.5779} y2={15.1332} gradientUnits="userSpaceOnUse" > <stop stopColor="#32183D" /> <stop offset={1} stopColor="#2C3A65" /> </linearGradient> <linearGradient id="paint4_linear_18_13507" x1={17.1025} y1={12.2245} x2={17.9685} y2={12.7245} gradientUnits="userSpaceOnUse" > <stop stopColor="#2E2840" /> <stop offset={1} stopColor="#2E2840" stopOpacity={0} /> </linearGradient> <radialGradient id="paint5_radial_18_13507" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.8151 10.7448) rotate(120) scale(5.73026 0.815281)" > <stop stopColor="#50375F" /> <stop offset={1} stopColor="#50375F" stopOpacity={0} /> </radialGradient> <linearGradient id="paint6_linear_18_13507" x1={19.4836} y1={10.1003} x2={19.1247} y2={10.7219} gradientUnits="userSpaceOnUse" > <stop stopColor="#3E1846" /> <stop offset={1} stopColor="#3E1846" stopOpacity={0} /> </linearGradient> <linearGradient id="paint7_linear_18_13507" x1={24.5108} y1={4.13629} x2={4.28379} y2={28.6564} gradientUnits="userSpaceOnUse" > <stop stopColor="#6D6B70" /> <stop offset={1} stopColor="#706C74" /> </linearGradient> <radialGradient id="paint8_radial_18_13507" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.111 15.6755) rotate(134.039) scale(3.40442)" > <stop stopColor="#C9C6CC" /> <stop offset={1} stopColor="#928E95" /> </radialGradient> <radialGradient id="paint9_radial_18_13507" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.5937 15.6275) rotate(139.399) scale(2.88111)" > <stop offset={0.527069} stopColor="#776F7F" stopOpacity={0} /> <stop offset={1} stopColor="#776F7F" /> </radialGradient> </defs> </svg> ); module.exports = OneThirtyIcon;