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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const Pool8BallIcon = ({ 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_18_3371)">
      <circle cx={16} cy={16.0309} r={14} fill="url(#paint0_linear_18_3371)" />
      <circle cx={16} cy={16.0309} r={14} fill="url(#paint1_radial_18_3371)" />
      <circle cx={16} cy={16.0309} r={14} fill="url(#paint2_radial_18_3371)" />
    </g>
    <circle cx={16} cy={16.0309} r={7} fill="url(#paint3_radial_18_3371)" />
    <g filter="url(#filter1_ii_18_3371)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M13.8239 12.99C14.1941 12.3873 14.8906 11.9691 15.9999 11.9691C17.0844 11.9691 17.79 12.3344 18.1703 12.9251C18.5013 13.4392 18.5005 14.0696 18.5 14.4833L18.4999 14.5308C18.4999 15.0537 18.3112 15.5763 17.8634 15.9604V15.9604C17.8301 15.9889 17.8301 16.041 17.8632 16.0697C17.9825 16.1735 18.0847 16.292 18.1704 16.4251C18.5014 16.9392 18.5006 17.5696 18.5001 17.9833L18.5 18.0308C18.5 18.5537 18.3113 19.0763 17.8635 19.4604C17.4238 19.8374 16.7932 20.0308 16 20.0308C15.18 20.0308 14.5434 19.8401 14.1072 19.4562C13.6616 19.064 13.5 18.5371 13.5 18.0308L13.5 17.9968C13.4996 17.6418 13.499 17.0191 13.824 16.49C13.904 16.3598 13.9992 16.2411 14.1105 16.135C14.1615 16.0864 14.1599 16.0027 14.1071 15.9562V15.9562C13.6615 15.564 13.4999 15.0371 13.4999 14.5308L13.4999 14.4968C13.4995 14.1418 13.4989 13.5191 13.8239 12.99ZM17.3321 14.2808C17.3321 14.9712 16.8284 15.4482 16 15.4482C15.1715 15.4482 14.7 14.9712 14.7 14.2808C14.7 13.5905 15.1715 13.0858 16 13.0858C16.8284 13.0858 17.3321 13.5905 17.3321 14.2808ZM17.3322 17.7808C17.3322 18.4712 16.8285 18.9722 16.0001 18.9722C15.1716 18.9722 14.7001 18.4712 14.7001 17.7808C14.7001 17.0905 15.1716 16.5761 16.0001 16.5761C16.8285 16.5761 17.3322 17.0905 17.3322 17.7808Z"
        fill="url(#paint4_linear_18_3371)"
      />
    </g>
    <g filter="url(#filter2_f_18_3371)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M13.6047 13.2012C13.9749 12.6032 14.6714 12.1884 15.7807 12.1884C16.8652 12.1884 17.5708 12.5507 17.9511 13.1368C18.2821 13.6469 18.2813 14.2723 18.2808 14.6827L18.2807 14.7298C18.2807 15.2486 18.092 15.7671 17.6442 16.1481V16.1481C17.611 16.1763 17.611 16.2281 17.644 16.2566C17.7633 16.3595 17.8655 16.4771 17.9512 16.6092C18.2822 17.1192 18.2814 17.7446 18.2809 18.155L18.2808 18.2022C18.2808 18.7209 18.0921 19.2394 17.6443 19.6204C17.2046 19.9944 16.574 20.1863 15.7808 20.1863C14.9608 20.1863 14.3242 19.9971 13.888 19.6163C13.4424 19.2272 13.2808 18.7044 13.2808 18.2022L13.2808 18.1684C13.2804 17.8162 13.2798 17.1984 13.6048 16.6735C13.6848 16.5443 13.78 16.4266 13.8913 16.3213C13.9421 16.2732 13.9406 16.1899 13.8879 16.1439V16.1439C13.4423 15.7549 13.2807 15.232 13.2807 14.7298L13.2807 14.6961C13.2803 14.3439 13.2797 13.7261 13.6047 13.2012ZM17.1129 14.4818C17.1129 15.1667 16.6092 15.6399 15.7808 15.6399C14.9523 15.6399 14.4808 15.1667 14.4808 14.4818C14.4808 13.7969 14.9523 13.2962 15.7808 13.2962C16.6092 13.2962 17.1129 13.7969 17.1129 14.4818ZM17.113 17.9541C17.113 18.639 16.6093 19.1361 15.7809 19.1361C14.9524 19.1361 14.4808 18.639 14.4808 17.9541C14.4808 17.2692 14.9524 16.7589 15.7809 16.7589C16.6093 16.7589 17.113 17.2692 17.113 17.9541Z"
        fill="#756386"
      />
    </g>
    <g filter="url(#filter3_ii_18_3371)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M13.8239 12.99C14.1941 12.3873 14.8906 11.9691 15.9999 11.9691C17.0844 11.9691 17.79 12.3344 18.1703 12.9251C18.5013 13.4392 18.5005 14.0696 18.5 14.4833L18.4999 14.5308C18.4999 15.0537 18.3112 15.5763 17.8634 15.9604V15.9604C17.8301 15.9889 17.8301 16.041 17.8632 16.0697C17.9825 16.1735 18.0847 16.292 18.1704 16.4251C18.5014 16.9392 18.5006 17.5696 18.5001 17.9833L18.5 18.0308C18.5 18.5537 18.3113 19.0763 17.8635 19.4604C17.4238 19.8374 16.7932 20.0308 16 20.0308C15.18 20.0308 14.5434 19.8401 14.1072 19.4562C13.6616 19.064 13.5 18.5371 13.5 18.0308L13.5 17.9968C13.4996 17.6418 13.499 17.0191 13.824 16.49C13.904 16.3598 13.9992 16.2411 14.1105 16.135C14.1615 16.0864 14.1599 16.0027 14.1071 15.9562V15.9562C13.6615 15.564 13.4999 15.0371 13.4999 14.5308L13.4999 14.4968C13.4995 14.1418 13.4989 13.5191 13.8239 12.99ZM17.3321 14.2808C17.3321 14.9712 16.8284 15.4482 16 15.4482C15.1715 15.4482 14.7 14.9712 14.7 14.2808C14.7 13.5905 15.1715 13.0858 16 13.0858C16.8284 13.0858 17.3321 13.5905 17.3321 14.2808ZM17.3322 17.7808C17.3322 18.4712 16.8285 18.9722 16.0001 18.9722C15.1716 18.9722 14.7001 18.4712 14.7001 17.7808C14.7001 17.0905 15.1716 16.5761 16.0001 16.5761C16.8285 16.5761 17.3322 17.0905 17.3322 17.7808Z"
        fill="url(#paint5_linear_18_3371)"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_3371"
        x={2}
        y={2.03088}
        width={28.5}
        height={28}
        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.5} />
        <feGaussianBlur stdDeviation={1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.294118 0 0 0 0 0.266667 0 0 0 0 0.32549 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_3371"
        />
      </filter>
      <filter
        id="filter1_ii_18_3371"
        x={13.3499}
        y={11.8191}
        width={5.30021}
        height={8.36165}
        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.15} dy={-0.15} />
        <feGaussianBlur stdDeviation={0.075} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.164706 0 0 0 0 0.0980392 0 0 0 0 0.243137 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_3371"
        />
        <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.15} dy={0.15} />
        <feGaussianBlur stdDeviation={0.075} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.360784 0 0 0 0 0.298039 0 0 0 0 0.427451 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_3371"
          result="effect2_innerShadow_18_3371"
        />
      </filter>
      <filter
        id="filter2_f_18_3371"
        x={13.0307}
        y={11.9384}
        width={5.50021}
        height={8.49805}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.125}
          result="effect1_foregroundBlur_18_3371"
        />
      </filter>
      <filter
        id="filter3_ii_18_3371"
        x={13.3499}
        y={11.8191}
        width={5.30021}
        height={8.36165}
        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.15} dy={-0.15} />
        <feGaussianBlur stdDeviation={0.075} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.164706 0 0 0 0 0.0980392 0 0 0 0 0.243137 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_3371"
        />
        <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.15} dy={0.15} />
        <feGaussianBlur stdDeviation={0.075} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.360784 0 0 0 0 0.298039 0 0 0 0 0.427451 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_3371"
          result="effect2_innerShadow_18_3371"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_3371"
        x1={14.1831}
        y1={24.5363}
        x2={24.0463}
        y2={4.70921}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2B2435" />
        <stop offset={1} stopColor="#362C41" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_3371"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 10.6559) rotate(90) scale(19.375)"
      >
        <stop offset={0.696774} stopColor="#492B65" stopOpacity={0} />
        <stop offset={1} stopColor="#492B65" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_3371"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.165 13.5157) rotate(-40.2364) scale(9.42659 8.64646)"
      >
        <stop offset={0.190608} stopColor="#625C6B" />
        <stop offset={0.930707} stopColor="#625C6B" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_3371"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.0625 12.2809) rotate(122.836) scale(12.7942 14.7118)"
      >
        <stop offset={0.119294} stopColor="#D6D0DD" />
        <stop offset={0.967426} stopColor="#A593B9" />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_3371"
        x1={18.5001}
        y1={13.0309}
        x2={14.9999}
        y2={19.4059}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#46315B" />
        <stop offset={1} stopColor="#2B193C" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_3371"
        x1={18.5001}
        y1={13.0309}
        x2={14.9999}
        y2={19.4059}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#46315B" />
        <stop offset={0.901985} stopColor="#2B193C" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = Pool8BallIcon;