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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const BasketballIcon = ({ 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="M16.094 30C23.826 30 30.094 23.732 30.094 16C30.094 8.26801 23.826 2 16.094 2C8.36201 2 2.09399 8.26801 2.09399 16C2.09399 23.732 8.36201 30 16.094 30Z"
      fill="url(#paint0_radial_18_2214)"
    />
    <path
      d="M16.094 30C23.826 30 30.094 23.732 30.094 16C30.094 8.26801 23.826 2 16.094 2C8.36201 2 2.09399 8.26801 2.09399 16C2.09399 23.732 8.36201 30 16.094 30Z"
      fill="url(#paint1_radial_18_2214)"
    />
    <path
      d="M16.094 30C23.826 30 30.094 23.732 30.094 16C30.094 8.26801 23.826 2 16.094 2C8.36201 2 2.09399 8.26801 2.09399 16C2.09399 23.732 8.36201 30 16.094 30Z"
      fill="url(#paint2_radial_18_2214)"
    />
    <path
      d="M16.094 30C23.826 30 30.094 23.732 30.094 16C30.094 8.26801 23.826 2 16.094 2C8.36201 2 2.09399 8.26801 2.09399 16C2.09399 23.732 8.36201 30 16.094 30Z"
      fill="url(#paint3_radial_18_2214)"
    />
    <g filter="url(#filter0_ii_18_2214)">
      <path
        d="M2.1231 15.0899C2.1038 15.3907 2.09399 15.6942 2.09399 16C2.09399 16.0596 2.09437 16.1192 2.09511 16.1786C2.38379 16.067 2.73298 15.9228 3.12321 15.7433C4.22006 15.2389 5.65408 14.4506 6.98113 13.3178C7.95031 12.4904 8.87056 11.4722 9.55745 10.2393C10.3563 10.6562 11.1199 11.0886 11.8494 11.5329C9.91529 13.8167 8.61915 16.1533 7.75475 18.3143C6.73383 20.8666 6.31866 23.1645 6.15879 24.8271C6.12504 25.1781 6.10265 25.501 6.08835 25.7922C6.39962 26.1102 6.72593 26.4134 7.06614 26.7007C7.06518 26.2676 7.08308 25.6624 7.1542 24.9228C7.30683 23.3355 7.70416 21.1334 8.68323 18.6857C9.52181 16.5892 10.7897 14.3056 12.7057 12.0697C13.7571 12.748 14.7335 13.4499 15.6391 14.1634C14.9997 14.8758 14.4608 15.6715 14.0242 16.5216C11.8695 20.7176 12.1726 26.342 15.2895 29.9772C15.5557 29.9923 15.824 30 16.094 30C16.2896 30 16.4843 29.996 16.6779 29.988C13.2966 26.7696 12.7688 21.1554 14.9138 16.9784C15.321 16.1854 15.8229 15.4486 16.4173 14.7935C18.4356 16.4728 20.0757 18.197 21.3938 19.8157C23.1506 21.9732 24.3357 23.944 25.0803 25.3718C25.2637 25.7234 25.4203 26.0419 25.5521 26.3221C25.8121 26.0837 26.0632 25.8356 26.3046 25.5783C26.2033 25.3705 26.091 25.1471 25.967 24.9094C25.196 23.431 23.9749 21.4018 22.1692 19.1843C20.8295 17.539 19.1683 15.7905 17.1312 14.0869C18.0661 13.257 19.1826 12.6083 20.4748 12.2124C22.9118 11.4658 26.0301 11.6014 29.8147 13.2039C29.7323 12.7972 29.6323 12.397 29.5154 12.0039C25.8642 10.5933 22.7347 10.4742 20.1819 11.2563C18.6859 11.7146 17.4053 12.4772 16.3466 13.448C15.4298 12.7212 14.4422 12.0062 13.3795 11.3147C15.7836 8.72768 19.0994 6.24127 23.6719 4.2262C23.3289 4.00496 22.9756 3.7983 22.6129 3.6071C18.1684 5.66121 14.9084 8.16458 12.5204 10.7711C11.7202 10.2789 10.8799 9.80072 9.99774 9.34103C10.0752 9.15901 10.1475 8.97289 10.2143 8.78262C10.7732 7.18867 10.9286 5.33005 10.445 3.1864C10.1302 3.32543 9.82136 3.47572 9.51916 3.63676C9.90248 5.51008 9.74368 7.10256 9.2706 8.45172C9.21863 8.59993 9.16276 8.7455 9.10325 8.88847C7.87997 8.28785 6.58023 7.72337 5.20001 7.20598C4.98167 7.47612 4.77318 7.75454 4.57507 8.04071C6.02717 8.57413 7.38868 9.16062 8.66447 9.78713C8.0501 10.8782 7.22411 11.7955 6.33187 12.5572C5.09642 13.6118 3.74919 14.3548 2.70541 14.8348C2.49765 14.9303 2.30242 15.0152 2.1231 15.0899Z"
        fill="#4D3A45"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18_2214"
        x={2.09399}
        y={3.0864}
        width={27.7208}
        height={27.0136}
        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 dy={0.2} />
        <feGaussianBlur stdDeviation={0.05} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.266667 0 0 0 0 0.172549 0 0 0 0 0.25098 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_2214"
        />
        <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.2} />
        <feGaussianBlur stdDeviation={0.05} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.356863 0 0 0 0 0.294118 0 0 0 0 0.305882 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_2214"
          result="effect2_innerShadow_18_2214"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_2214"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.2025 10.3591) rotate(138.691) scale(18.6789)"
      >
        <stop stopColor="#FFA167" />
        <stop offset={0.553987} stopColor="#FF7D31" />
        <stop offset={1} stopColor="#EC5B36" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_2214"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.4625 12.0598) rotate(99.4623) scale(19.397 25.58)"
      >
        <stop offset={0.466179} stopColor="#D73853" stopOpacity={0} />
        <stop offset={0.9999} stopColor="#D73853" />
        <stop offset={1} stopColor="#D75B8F" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_2214"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.094 11.1526) rotate(90) scale(18.8474)"
      >
        <stop offset={0.89457} stopColor="#D85C90" stopOpacity={0} />
        <stop offset={1} stopColor="#D85C90" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_2214"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.8009 18.227) rotate(-144.333) scale(16.7523 19.7036)"
      >
        <stop offset={0.858005} stopColor="#E07162" stopOpacity={0} />
        <stop offset={1} stopColor="#E07162" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = BasketballIcon;