@jstnmthw/react-fluentui-emoji/icons/RingIcon.jsx

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const RingIcon = ({ 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_17726)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M11.8438 8.23438C11.9453 9.11147 11.6094 9.60156 11.1836 9.78125H11.1902C7.5302 11.4405 4.98438 15.1261 4.98438 19.4062C4.98438 25.2398 9.71337 29.9688 15.5469 29.9688C21.3804 29.9688 26.1094 25.2398 26.1094 19.4062C26.1094 15.1076 23.5416 11.4088 19.8562 9.75991C19.475 9.58938 19.1331 9.07511 19.2305 8.23438H11.8438ZM22.7594 19.4062C22.7594 23.3896 19.5302 26.6187 15.5469 26.6187C11.5635 26.6187 8.33437 23.3896 8.33437 19.4062C8.33437 15.4229 11.5635 12.1937 15.5469 12.1937C19.5302 12.1937 22.7594 15.4229 22.7594 19.4062Z"
        fill="#C4AFD9"
      />
    </g>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M11.8438 8.23438C11.9453 9.11147 11.6094 9.60156 11.1836 9.78125H11.1902C7.5302 11.4405 4.98438 15.1261 4.98438 19.4062C4.98438 25.2398 9.71337 29.9688 15.5469 29.9688C21.3804 29.9688 26.1094 25.2398 26.1094 19.4062C26.1094 15.1076 23.5416 11.4088 19.8562 9.75991C19.475 9.58938 19.1331 9.07511 19.2305 8.23438H11.8438ZM22.7594 19.4062C22.7594 23.3896 19.5302 26.6187 15.5469 26.6187C11.5635 26.6187 8.33437 23.3896 8.33437 19.4062C8.33437 15.4229 11.5635 12.1937 15.5469 12.1937C19.5302 12.1937 22.7594 15.4229 22.7594 19.4062Z"
      fill="url(#paint0_radial_18_17726)"
    />
    <path
      d="M11.8594 8.3125L10.4536 5.15863C10.3912 5.01861 10.4143 4.85524 10.5131 4.73802L12.6204 2.23734C12.6679 2.18097 12.7378 2.14844 12.8116 2.14844H18.2978C18.3715 2.14844 18.4415 2.18097 18.489 2.23734L20.5963 4.73802C20.6951 4.85524 20.7182 5.01861 20.6558 5.15863L19.25 8.3125H11.8594Z"
      fill="url(#paint1_linear_18_17726)"
    />
    <path
      d="M11.8594 8.3125L10.4536 5.15863C10.3912 5.01861 10.4143 4.85524 10.5131 4.73802L12.6204 2.23734C12.6679 2.18097 12.7378 2.14844 12.8116 2.14844H18.2978C18.3715 2.14844 18.4415 2.18097 18.489 2.23734L20.5963 4.73802C20.6951 4.85524 20.7182 5.01861 20.6558 5.15863L19.25 8.3125H11.8594Z"
      fill="url(#paint2_linear_18_17726)"
    />
    <path
      d="M11.8594 8.3125L10.4536 5.15863C10.3912 5.01861 10.4143 4.85524 10.5131 4.73802L12.6204 2.23734C12.6679 2.18097 12.7378 2.14844 12.8116 2.14844H18.2978C18.3715 2.14844 18.4415 2.18097 18.489 2.23734L20.5963 4.73802C20.6951 4.85524 20.7182 5.01861 20.6558 5.15863L19.25 8.3125H11.8594Z"
      fill="url(#paint3_linear_18_17726)"
    />
    <path
      d="M10.4536 5.15863L11.8594 8.3125H19.25L20.6558 5.15863C20.6987 5.06238 20.7012 4.95511 20.6664 4.85938H10.4429C10.4082 4.95511 10.4107 5.06238 10.4536 5.15863Z"
      fill="url(#paint4_linear_18_17726)"
    />
    <path
      d="M10.4536 5.15863L11.8594 8.3125H19.25L20.6558 5.15863C20.6987 5.06238 20.7012 4.95511 20.6664 4.85938H10.4429C10.4082 4.95511 10.4107 5.06238 10.4536 5.15863Z"
      fill="url(#paint5_linear_18_17726)"
    />
    <path
      d="M10.4536 5.15863L11.8594 8.3125H19.25L20.6558 5.15863C20.6987 5.06238 20.7012 4.95511 20.6664 4.85938H10.4429C10.4082 4.95511 10.4107 5.06238 10.4536 5.15863Z"
      fill="url(#paint6_radial_18_17726)"
    />
    <g filter="url(#filter1_f_18_17726)">
      <circle
        cx={16}
        cy={19.1016}
        r={8.89062}
        stroke="url(#paint7_radial_18_17726)"
      />
      <circle
        cx={16}
        cy={19.1016}
        r={8.89062}
        stroke="url(#paint8_linear_18_17726)"
      />
    </g>
    <defs>
      <filter
        id="filter0_iii_18_17726"
        x={3.98438}
        y={7.48438}
        width={23.125}
        height={22.6344}
        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={-1} dy={0.15} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.87451 0 0 0 0 0.858824 0 0 0 0 0.905882 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_17726"
        />
        <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} dy={0.15} />
        <feGaussianBlur stdDeviation={0.625} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.615686 0 0 0 0 0.603922 0 0 0 0 0.631373 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_17726"
          result="effect2_innerShadow_18_17726"
        />
        <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.75} />
        <feGaussianBlur stdDeviation={0.75} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.756863 0 0 0 0 0.611765 0 0 0 0 0.878431 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect2_innerShadow_18_17726"
          result="effect3_innerShadow_18_17726"
        />
      </filter>
      <filter
        id="filter1_f_18_17726"
        x={5.60938}
        y={8.71094}
        width={20.7812}
        height={20.7812}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18_17726"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_17726"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.5469 7.6875) rotate(90) scale(2.25 4.125)"
      >
        <stop offset={0.250001} stopColor="#C0A4D9" />
        <stop offset={1} stopColor="#C0A4D9" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint1_linear_18_17726"
        x1={13.7969}
        y1={4.28125}
        x2={19.8906}
        y2={4.28125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#47CCFF" />
        <stop offset={0.641026} stopColor="#2695DD" />
        <stop offset={1} stopColor="#3576A8" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_17726"
        x1={15.5547}
        y1={4.96875}
        x2={15.5547}
        y2={4.67187}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.368421} stopColor="#32A5F6" />
        <stop offset={1} stopColor="#32A5F6" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_17726"
        x1={15.5547}
        y1={1.9375}
        x2={15.5547}
        y2={2.3125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2B9FD9" />
        <stop offset={1} stopColor="#2B9FD9" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_17726"
        x1={11.5469}
        y1={7.84375}
        x2={16.9531}
        y2={6.58594}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2C67CA" />
        <stop offset={1} stopColor="#2CB2FF" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_17726"
        x1={15.5547}
        y1={4.85938}
        x2={15.5547}
        y2={5.01562}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#32A5F6" />
        <stop offset={1} stopColor="#32A5F6" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint6_radial_18_17726"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.5937 4.95312) rotate(180) scale(3.21875 0.25)"
      >
        <stop offset={0.286408} stopColor="#51BBFD" />
        <stop offset={1} stopColor="#52B9FC" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_17726"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.3594 13.625) rotate(145.384) scale(8.1829 8.89981)"
      >
        <stop offset={0.359737} stopColor="#E3DFE9" />
        <stop offset={1} stopColor="#E3DFE9" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint8_linear_18_17726"
        x1={7.60938}
        y1={25.6875}
        x2={10.3594}
        y2={23.25}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.20685} stopColor="#E3DFE9" />
        <stop offset={1} stopColor="#E3DFE9" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = RingIcon;