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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const TropicalFishIcon = ({ 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}
    <circle
      cx={3.05469}
      cy={19.9453}
      r={1.05469}
      fill="url(#paint0_radial_28327_5989)"
    />
    <circle
      cx={3.05469}
      cy={19.9453}
      r={1.05469}
      fill="url(#paint1_radial_28327_5989)"
    />
    <circle
      cx={3.05469}
      cy={17.9453}
      r={1.05469}
      fill="url(#paint2_radial_28327_5989)"
    />
    <path
      d="M14.375 7H23C24.6569 7 26 8.34315 26 10V27C26 28.6569 24.6569 30 23 30H14.375V7Z"
      fill="url(#paint3_linear_28327_5989)"
    />
    <path
      d="M14.375 7H23C24.6569 7 26 8.34315 26 10V27C26 28.6569 24.6569 30 23 30H14.375V7Z"
      fill="url(#paint4_radial_28327_5989)"
    />
    <path
      d="M14.375 7H23C24.6569 7 26 8.34315 26 10V27C26 28.6569 24.6569 30 23 30H14.375V7Z"
      fill="url(#paint5_radial_28327_5989)"
    />
    <path
      d="M14.375 7H23C24.6569 7 26 8.34315 26 10V27C26 28.6569 24.6569 30 23 30H14.375V7Z"
      fill="url(#paint6_linear_28327_5989)"
    />
    <path
      d="M14.375 7H23C24.6569 7 26 8.34315 26 10V27C26 28.6569 24.6569 30 23 30H14.375V7Z"
      fill="url(#paint7_radial_28327_5989)"
    />
    <path
      d="M14.375 7H23C24.6569 7 26 8.34315 26 10V27C26 28.6569 24.6569 30 23 30H14.375V7Z"
      fill="url(#paint8_radial_28327_5989)"
    />
    <path
      d="M14.375 7H23C24.6569 7 26 8.34315 26 10V27C26 28.6569 24.6569 30 23 30H14.375V7Z"
      fill="url(#paint9_radial_28327_5989)"
    />
    <path
      d="M14.375 7H23C24.6569 7 26 8.34315 26 10V27C26 28.6569 24.6569 30 23 30H14.375V7Z"
      fill="url(#paint10_linear_28327_5989)"
    />
    <circle
      cx={14.5}
      cy={18.5}
      r={11.5}
      fill="url(#paint11_radial_28327_5989)"
    />
    <circle
      cx={14.5}
      cy={18.5}
      r={11.5}
      fill="url(#paint12_radial_28327_5989)"
    />
    <circle
      cx={14.5}
      cy={18.5}
      r={11.5}
      fill="url(#paint13_radial_28327_5989)"
    />
    <circle
      cx={14.5}
      cy={18.5}
      r={11.5}
      fill="url(#paint14_radial_28327_5989)"
    />
    <path
      d="M6.69925 10.0503C9.13304 12.0329 10.6875 15.0537 10.6875 18.4376C10.6875 21.8547 9.10239 24.9015 6.62737 26.883C4.39454 24.7852 3 21.8055 3 18.5001C3 15.1594 4.42451 12.1513 6.69925 10.0503Z"
      fill="url(#paint15_radial_28327_5989)"
    />
    <g filter="url(#filter0_f_28327_5989)">
      <path
        d="M17.6094 21.7172V15.8435C17.6094 15.2341 16.8847 14.9157 16.4358 15.3279L13.438 18.0814C13.0026 18.4814 13.0073 19.1698 13.4482 19.5637L16.443 22.2393C16.894 22.6422 17.6094 22.3221 17.6094 21.7172Z"
        fill="#4D82FD"
      />
    </g>
    <path
      d="M18 21.4516V15.5778C18 14.9684 17.2753 14.6501 16.8265 15.0623L13.8286 17.8158C13.3932 18.2158 13.3979 18.9041 13.8388 19.298L16.8336 21.9736C17.2846 22.3766 18 22.0564 18 21.4516Z"
      fill="url(#paint16_linear_28327_5989)"
    />
    <path
      d="M18 21.4516V15.5778C18 14.9684 17.2753 14.6501 16.8265 15.0623L13.8286 17.8158C13.3932 18.2158 13.3979 18.9041 13.8388 19.298L16.8336 21.9736C17.2846 22.3766 18 22.0564 18 21.4516Z"
      fill="url(#paint17_linear_28327_5989)"
    />
    <path
      d="M18 21.4516V15.5778C18 14.9684 17.2753 14.6501 16.8265 15.0623L13.8286 17.8158C13.3932 18.2158 13.3979 18.9041 13.8388 19.298L16.8336 21.9736C17.2846 22.3766 18 22.0564 18 21.4516Z"
      fill="url(#paint18_radial_28327_5989)"
    />
    <circle
      cx={7.42188}
      cy={16.3906}
      r={0.5}
      fill="url(#paint19_radial_28327_5989)"
    />
    <circle
      cx={7.42188}
      cy={16.3906}
      r={0.5}
      fill="url(#paint20_radial_28327_5989)"
    />
    <circle
      cx={7.42188}
      cy={16.3906}
      r={0.5}
      fill="url(#paint21_linear_28327_5989)"
    />
    <path
      d="M30.0625 15.9552C30.0625 15.2833 29.2969 14.4786 28.2421 14.9993C26.9014 15.7785 26 17.2303 26 18.8927C26 20.555 26.9014 22.0069 28.2421 22.7861C29.0009 23.2271 30.0625 22.713 30.0625 21.9552V15.9552Z"
      fill="url(#paint22_radial_28327_5989)"
    />
    <path
      d="M30.0625 15.9552C30.0625 15.2833 29.2969 14.4786 28.2421 14.9993C26.9014 15.7785 26 17.2303 26 18.8927C26 20.555 26.9014 22.0069 28.2421 22.7861C29.0009 23.2271 30.0625 22.713 30.0625 21.9552V15.9552Z"
      fill="url(#paint23_radial_28327_5989)"
    />
    <path
      d="M30.0625 15.9552C30.0625 15.2833 29.2969 14.4786 28.2421 14.9993C26.9014 15.7785 26 17.2303 26 18.8927C26 20.555 26.9014 22.0069 28.2421 22.7861C29.0009 23.2271 30.0625 22.713 30.0625 21.9552V15.9552Z"
      fill="url(#paint24_radial_28327_5989)"
    />
    <defs>
      <filter
        id="filter0_f_28327_5989"
        x={12.3644}
        y={14.3921}
        width={5.99491}
        height={8.77661}
        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_28327_5989"
        />
      </filter>
      <radialGradient
        id="paint0_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(2 20.4844) rotate(-22.3287) scale(1.41889 2.18664)"
      >
        <stop stopColor="#6D5A93" />
        <stop offset={1} stopColor="#5F498C" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(3.05469 18.75) rotate(98.2192) scale(0.710422 0.794001)"
      >
        <stop stopColor="#442E79" />
        <stop offset={1} stopColor="#442E79" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(1.875 17.9453) scale(1.625 2.50428)"
      >
        <stop stopColor="#6D5A93" />
        <stop offset={1} stopColor="#5F498C" />
      </radialGradient>
      <linearGradient
        id="paint3_linear_28327_5989"
        x1={30.8125}
        y1={17.375}
        x2={20.5}
        y2={17.375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFE359" />
        <stop offset={1} stopColor="#FFBE3E" />
      </linearGradient>
      <radialGradient
        id="paint4_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.1875 31.625) rotate(-24.2093) scale(8.83994 12.5304)"
      >
        <stop stopColor="#FF835D" />
        <stop offset={1} stopColor="#FF835D" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.3125 20.7812) rotate(46.65) scale(5.37182 7.61442)"
      >
        <stop stopColor="#FF835D" />
        <stop offset={1} stopColor="#FF835D" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint6_linear_28327_5989"
        x1={26}
        y1={30.6563}
        x2={26}
        y2={29.4375}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.117647} stopColor="#FF835D" />
        <stop offset={1} stopColor="#FF835D" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint7_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.25 10.625) rotate(48.1295) scale(25.0955 16.4974)"
      >
        <stop offset={0.943448} stopColor="#FF835D" stopOpacity={0} />
        <stop offset={1} stopColor="#FF835D" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.0625 8.5625) rotate(143.673) scale(3.95643 5.87059)"
      >
        <stop stopColor="#FFE65E" />
        <stop offset={0.654314} stopColor="#FFE65E" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.125 14.9375) rotate(-90) scale(6.0625 11.8125)"
      >
        <stop stopColor="#FFE65E" />
        <stop offset={1} stopColor="#FFE65E" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint10_linear_28327_5989"
        x1={19.0938}
        y1={6.3125}
        x2={19.2188}
        y2={7.625}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFB941" />
        <stop offset={1} stopColor="#FFB941" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint11_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.8125 9.75) rotate(120.084) scale(20.9467 22.4328)"
      >
        <stop stopColor="#76CDFF" />
        <stop offset={1} stopColor="#5181FF" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.5 9.0625) rotate(90) scale(23.0625 17.9752)"
      >
        <stop offset={0.78628} stopColor="#5A67FF" stopOpacity={0} />
        <stop offset={0.92876} stopColor="#5A67FF" />
      </radialGradient>
      <radialGradient
        id="paint13_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.5 18.8125) rotate(180) scale(3.6875 6.17092)"
      >
        <stop offset={0.0169493} stopColor="#5A67FF" />
        <stop offset={1} stopColor="#5A67FF" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint14_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(7.875 8.125) rotate(49.8208) scale(3.68114 9.84431)"
      >
        <stop stopColor="#65AFE3" />
        <stop offset={1} stopColor="#65AFE3" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint15_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(0.625 18.4667) scale(23.875 34.7797)"
      >
        <stop offset={0.065445} stopColor="#80739F" />
        <stop offset={0.26178} stopColor="#6F53A3" />
      </radialGradient>
      <linearGradient
        id="paint16_linear_28327_5989"
        x1={18}
        y1={17.8751}
        x2={13.8125}
        y2={17.8751}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFD65C" />
        <stop offset={1} stopColor="#FF8C42" />
      </linearGradient>
      <linearGradient
        id="paint17_linear_28327_5989"
        x1={15.7525}
        y1={19.5938}
        x2={14.2812}
        y2={20.6251}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF8C42" stopOpacity={0} />
        <stop offset={1} stopColor="#FF8C42" />
      </linearGradient>
      <radialGradient
        id="paint18_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18 15.8438) rotate(90) scale(4.5 0.71873)"
      >
        <stop stopColor="#FFD65C" />
        <stop offset={1} stopColor="#FFD65C" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint19_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(7.57031 16.2297) rotate(125.838) scale(0.693863 0.618606)"
      >
        <stop offset={0.00558659} stopColor="#433437" />
        <stop offset={1} stopColor="#3B2838" />
      </radialGradient>
      <radialGradient
        id="paint20_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(7.60873 16.2656) rotate(137.643) scale(0.35946 0.316238)"
      >
        <stop stopColor="#5C5051" />
        <stop offset={1} stopColor="#5C5051" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint21_linear_28327_5989"
        x1={7.32358}
        y1={15.9979}
        x2={6.97983}
        y2={15.7792}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5C5051" stopOpacity={0} />
        <stop offset={1} stopColor="#5C5051" />
      </linearGradient>
      <radialGradient
        id="paint22_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(30.375 18.8907) rotate(180) scale(4.375 8.85937)"
      >
        <stop offset={0.328571} stopColor="#FFC256" />
        <stop offset={1} stopColor="#FF8646" />
      </radialGradient>
      <radialGradient
        id="paint23_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(30.0625 17.0938) rotate(90) scale(4.59375 1.28023)"
      >
        <stop stopColor="#FFD661" />
        <stop offset={1} stopColor="#FFD661" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint24_radial_28327_5989"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(31.1875 18.8907) rotate(180) scale(5.375 5.125)"
      >
        <stop offset={0.892442} stopColor="#F37539" stopOpacity={0} />
        <stop offset={1} stopColor="#F37539" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = TropicalFishIcon;