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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const FlyingSaucerIcon = ({ 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="M10.0576 21.1406L4.21385 30H19.124L18.7099 23.4453L10.0576 21.1406Z"
      fill="url(#paint0_radial_18_13115)"
    />
    <path
      d="M10.0576 21.1406L4.21385 30H19.124L18.7099 23.4453L10.0576 21.1406Z"
      fill="url(#paint1_linear_18_13115)"
    />
    <g filter="url(#filter0_i_18_13115)">
      <circle
        cx={16.8115}
        cy={12.7656}
        r={6.42969}
        fill="url(#paint2_radial_18_13115)"
      />
    </g>
    <path
      d="M5.12046 18.8871C3.51109 17.598 2.51339 16.0669 1.87376 14.7639C1.43253 13.8651 1.79548 12.9077 2.63609 12.3636C5.31577 10.4027 8.58828 10.0984 10.808 10.4808L23.5033 13.8871C26.4683 14.8013 28.3246 17.2931 29.3889 19.4238C29.8527 20.3523 29.5697 21.4774 28.7026 22.0476C26.8161 23.2881 24.8654 23.8256 23.0963 24.0233C21.8882 24.1582 20.674 23.9631 19.4993 23.6505L9.27635 20.9296C7.76907 20.5284 6.32891 19.855 5.12046 18.8871Z"
      fill="url(#paint3_radial_18_13115)"
    />
    <path
      d="M5.12046 18.8871C3.51109 17.598 2.51339 16.0669 1.87376 14.7639C1.43253 13.8651 1.79548 12.9077 2.63609 12.3636C5.31577 10.4027 8.58828 10.0984 10.808 10.4808L23.5033 13.8871C26.4683 14.8013 28.3246 17.2931 29.3889 19.4238C29.8527 20.3523 29.5697 21.4774 28.7026 22.0476C26.8161 23.2881 24.8654 23.8256 23.0963 24.0233C21.8882 24.1582 20.674 23.9631 19.4993 23.6505L9.27635 20.9296C7.76907 20.5284 6.32891 19.855 5.12046 18.8871Z"
      fill="url(#paint4_radial_18_13115)"
    />
    <circle
      cx={20.6865}
      cy={9.77344}
      r={0.96875}
      fill="url(#paint5_radial_18_13115)"
    />
    <ellipse
      cx={4.43841}
      cy={12.1052}
      rx={1.25126}
      ry={0.3732}
      transform="rotate(-28.0667 4.43841 12.1052)"
      fill="url(#paint6_radial_18_13115)"
    />
    <ellipse
      cx={7.19991}
      cy={12.8414}
      rx={1.27677}
      ry={0.655431}
      transform="rotate(-19.6746 7.19991 12.8414)"
      fill="url(#paint7_radial_18_13115)"
    />
    <ellipse
      cx={11.3124}
      cy={13.9666}
      rx={1.28485}
      ry={0.842303}
      transform="rotate(-3.6053 11.3124 13.9666)"
      fill="url(#paint8_radial_18_13115)"
    />
    <ellipse
      cx={16.1522}
      cy={15.2672}
      rx={1.28485}
      ry={0.894319}
      transform="rotate(13.0664 16.1522 15.2672)"
      fill="url(#paint9_radial_18_13115)"
    />
    <ellipse
      cx={21.0154}
      cy={16.5718}
      rx={1.28485}
      ry={0.846694}
      transform="rotate(35.2255 21.0154 16.5718)"
      fill="url(#paint10_radial_18_13115)"
    />
    <ellipse
      cx={25.1251}
      cy={17.6575}
      rx={1.28485}
      ry={0.653551}
      transform="rotate(49.2821 25.1251 17.6575)"
      fill="url(#paint11_radial_18_13115)"
    />
    <ellipse
      cx={27.8705}
      cy={18.3835}
      rx={1.26492}
      ry={0.354941}
      transform="rotate(57.8142 27.8705 18.3835)"
      fill="url(#paint12_radial_18_13115)"
    />
    <path
      d="M1.87376 14.764C2.51339 16.067 3.51109 17.5981 5.12046 18.8871C6.32891 19.855 7.76907 20.5284 9.27635 20.9296L19.4993 23.6505C20.674 23.9632 21.8882 24.1582 23.0963 24.0233C24.8654 23.8257 26.8161 23.2881 28.7026 22.0476C29.1637 21.7444 29.4597 21.2843 29.5659 20.7802L1.79958 13.3601C1.63201 13.798 1.64069 14.2892 1.87376 14.764Z"
      fill="url(#paint13_radial_18_13115)"
    />
    <path
      d="M1.87376 14.764C2.51339 16.067 3.51109 17.5981 5.12046 18.8871C6.32891 19.855 7.76907 20.5284 9.27635 20.9296L19.4993 23.6505C20.674 23.9632 21.8882 24.1582 23.0963 24.0233C24.8654 23.8257 26.8161 23.2881 28.7026 22.0476C29.1637 21.7444 29.4597 21.2843 29.5659 20.7802L1.79958 13.3601C1.63201 13.798 1.64069 14.2892 1.87376 14.764Z"
      fill="url(#paint14_radial_18_13115)"
    />
    <path
      d="M1.87376 14.764C2.51339 16.067 3.51109 17.5981 5.12046 18.8871C6.32891 19.855 7.76907 20.5284 9.27635 20.9296L19.4993 23.6505C20.674 23.9632 21.8882 24.1582 23.0963 24.0233C24.8654 23.8257 26.8161 23.2881 28.7026 22.0476C29.1637 21.7444 29.4597 21.2843 29.5659 20.7802L1.79958 13.3601C1.63201 13.798 1.64069 14.2892 1.87376 14.764Z"
      fill="url(#paint15_radial_18_13115)"
    />
    <path
      d="M1.87376 14.764C2.51339 16.067 3.51109 17.5981 5.12046 18.8871C6.32891 19.855 7.76907 20.5284 9.27635 20.9296L19.4993 23.6505C20.674 23.9632 21.8882 24.1582 23.0963 24.0233C24.8654 23.8257 26.8161 23.2881 28.7026 22.0476C29.1637 21.7444 29.4597 21.2843 29.5659 20.7802L1.79958 13.3601C1.63201 13.798 1.64069 14.2892 1.87376 14.764Z"
      fill="url(#paint16_radial_18_13115)"
    />
    <defs>
      <filter
        id="filter0_i_18_13115"
        x={10.3818}
        y={6.33594}
        width={13.3594}
        height={13.1094}
        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} dy={0.25} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.360784 0 0 0 0 0.623529 0 0 0 0 0.815686 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_13115"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.4599 24.1953) rotate(107.317) scale(17.2179 12.9134)"
      >
        <stop stopColor="#FFE940" />
        <stop offset={1} stopColor="#EAC82D" />
      </radialGradient>
      <linearGradient
        id="paint1_linear_18_13115"
        x1={14.2803}
        y1={22.1875}
        x2={14.1474}
        y2={22.6953}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F9D230" />
        <stop offset={1} stopColor="#F9D230" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint2_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.227 13.6214) rotate(-139.399) scale(9.13867)"
      >
        <stop stopColor="#66F5FF" />
        <stop offset={1} stopColor="#3BA9E3" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.6475 20.0703) rotate(-102.072) scale(22.1141 63.678)"
      >
        <stop stopColor="#F7F6F8" />
        <stop offset={1} stopColor="#808081" />
      </radialGradient>
      <radialGradient
        id="paint4_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.4195 10.3375) rotate(154.243) scale(15.7965 54.0343)"
      >
        <stop offset={0.454467} stopColor="#706F70" stopOpacity={0} />
        <stop offset={0.927279} stopColor="#706F70" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.7178 10.3216) rotate(-31.6883) scale(1.89839 4.00511)"
      >
        <stop offset={0.208749} stopColor="white" stopOpacity={0} />
        <stop offset={1} stopColor="white" />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(4.50828 11.7045) rotate(94.1042) scale(0.846386 1.69222)"
      >
        <stop offset={0.449902} stopColor="#473B51" />
        <stop offset={1} stopColor="#383838" />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(6.58817 12.1688) rotate(56.3987) scale(1.22813 1.47425)"
      >
        <stop stopColor="#5A5162" />
        <stop offset={1} stopColor="#372C40" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.4245 13.3911) rotate(37.2954) scale(1.96463 2.20549)"
      >
        <stop stopColor="#655771" />
        <stop offset={1} stopColor="#32273C" />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.857 15.0637) rotate(4.62307) scale(2.80195 2.61213)"
      >
        <stop stopColor="#655771" />
        <stop offset={1} stopColor="#32273C" />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.0163 16.9609) rotate(-13.975) scale(2.34718 2.8416)"
      >
        <stop stopColor="#6D5A7E" />
        <stop offset={1} stopColor="#3E2D4C" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.1712 18.2847) rotate(-86.8012) scale(1.22582 1.72131)"
      >
        <stop stopColor="#736282" />
        <stop offset={1} stopColor="#4B385B" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.8911 18.7892) rotate(-85.7651) scale(0.86673 1.28502)"
      >
        <stop stopColor="#746383" />
        <stop offset={1} stopColor="#564366" />
      </radialGradient>
      <radialGradient
        id="paint13_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(26.5225 24.0667) rotate(-146.794) scale(14.7154 7.42412)"
      >
        <stop stopColor="#7B7180" />
        <stop offset={1} stopColor="#817A86" />
      </radialGradient>
      <radialGradient
        id="paint14_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.835 18.2578) rotate(167.056) scale(15.9041 41.4161)"
      >
        <stop offset={0.632326} stopColor="#817A82" stopOpacity={0} />
        <stop offset={1} stopColor="#817A82" />
      </radialGradient>
      <radialGradient
        id="paint15_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.085 16.3828) rotate(15.8154) scale(15.1355 2.11479)"
      >
        <stop stopColor="#B8B2BD" />
        <stop offset={1} stopColor="#B8B2BD" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint16_radial_18_13115"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.46 24.0667) rotate(-80.239) scale(4.05512 11.8053)"
      >
        <stop stopColor="#9F8A7A" />
        <stop offset={1} stopColor="#9F8A7A" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = FlyingSaucerIcon;