UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

139 lines (138 loc) 5.59 kB
const React = require("react"); const InfinityIcon = ({ 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_i_18590_1754)"> <path d="M23.4846 9.20991C21.1446 9.08991 19.0646 10.0899 17.7046 11.7399C17.7046 11.7399 16.1746 13.7199 16.1746 13.7099C16.1746 13.7099 14.2446 16.2399 14.2546 16.2399L12.5946 18.4199L12.4646 18.5899C11.5146 19.8599 9.83463 20.5699 8.06463 20.0499C6.72463 19.6499 5.67463 18.5299 5.37463 17.1699C4.78463 14.5799 6.75463 12.2699 9.24463 12.2699C10.4546 12.2699 11.3546 12.7799 11.9746 13.3199C12.6346 13.8999 13.6446 13.8099 14.1846 13.1099C14.6546 12.4999 14.5946 11.6199 14.0346 11.0999C10.8746 8.19991 4.89463 8.85991 2.98463 12.8899C0.504634 18.1199 4.28463 23.2799 9.24463 23.2799C11.4246 23.2799 13.3746 22.3099 14.6646 20.7499L15.0946 20.1899C15.0946 20.1899 16.1846 18.7599 16.1846 18.7699C16.1846 18.7699 18.1146 16.2399 18.1046 16.2399L19.7946 14.0299C19.8346 13.9799 19.8746 13.9299 19.9146 13.8799C20.7846 12.6999 22.2846 12.0299 23.9346 12.3499C25.3946 12.6399 26.6046 13.7799 26.9646 15.2299C27.6246 17.8599 25.6446 20.2299 23.1146 20.2299C21.9246 20.2299 21.0246 19.7199 20.4046 19.1699C19.7446 18.5899 18.7246 18.6899 18.1946 19.3899C17.7046 20.0299 17.7946 20.9199 18.3946 21.4599C19.3246 22.2899 20.9146 23.2999 23.1146 23.2999C27.3146 23.2999 30.6646 19.6099 30.0946 15.2999C29.6546 11.9799 26.8146 9.37991 23.4846 9.20991Z" fill="url(#paint0_linear_18590_1754)" /> </g> <g filter="url(#filter1_f_18590_1754)"> <path d="M12.8923 12.0254C11.5521 10.8116 9.64023 10.1238 6.84853 11.2162C3.3589 12.5817 3.03021 17.0576 4.49688 19.384C5.96354 21.7105 10.2624 23.3289 13.7015 19.384C16.4527 16.2282 18.2869 13.8208 18.8601 13.0116C19.7704 11.781 22.37 9.66356 25.4854 11.0392C29.3796 12.7587 28.9412 17.6612 27.6601 19.384C26.1934 21.3564 22.6531 23.2783 19.5176 20.0921" stroke="#70B0FF" strokeWidth={0.5} strokeLinecap="round" /> </g> <g filter="url(#filter2_f_18590_1754)"> <path d="M13.2463 12.0254C11.9061 10.8116 9.99424 10.1238 7.20253 11.2162C3.7129 12.5817 3.38421 17.0576 4.85088 19.384C6.31755 21.7105 10.6164 23.3289 14.0555 19.384C16.8068 16.2282 18.6409 13.8208 19.2141 13.0116C20.1245 11.781 22.724 9.66356 25.8394 11.0392C29.7336 12.7587 29.2952 17.6612 28.0141 19.384C26.5474 21.3564 23.0071 23.2783 19.8716 20.0921" stroke="url(#paint1_linear_18590_1754)" strokeWidth={0.75} strokeLinecap="round" /> </g> <defs> <filter id="filter0_i_18590_1754" x={2.20258} y={8.6002} width={28.5555} height={14.6997} 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} dy={-0.6} /> <feGaussianBlur stdDeviation={0.75} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0 0.819608 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18590_1754" /> </filter> <filter id="filter1_f_18590_1754" x={2.67466} y={9.59106} width={26.8956} height={13.1982} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.375} result="effect1_foregroundBlur_18590_1754" /> </filter> <filter id="filter2_f_18590_1754" x={2.90369} y={9.46606} width={27.1456} height={13.4482} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.375} result="effect1_foregroundBlur_18590_1754" /> </filter> <linearGradient id="paint0_linear_18590_1754" x1={9.40255} y1={15.3887} x2={32.3635} y2={15.3887} gradientUnits="userSpaceOnUse" > <stop stopColor="#3A8FEE" /> <stop offset={1} stopColor="#5DB7FF" /> </linearGradient> <linearGradient id="paint1_linear_18590_1754" x1={27.8623} y1={10.5911} x2={22.2991} y2={17.2093} gradientUnits="userSpaceOnUse" > <stop stopColor="#79D8FF" /> <stop offset={1} stopColor="#79D8FF" stopOpacity={0} /> </linearGradient> </defs> </svg> ); module.exports = InfinityIcon;