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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const ThreeThirtyIcon = ({ 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="M30 16C30 23.732 23.732 30 16 30C8.26801 30 2 23.732 2 16C2 8.26801 8.26801 2 16 2C23.732 2 30 8.26801 30 16Z"
      fill="url(#paint0_radial_18_13531)"
    />
    <g filter="url(#filter0_f_18_13531)">
      <path
        d="M13.5364 18.2238C12.9464 17.8788 12.55 17.2385 12.55 16.5057C12.55 15.4073 13.4404 14.5168 14.5388 14.5168C15.268 14.5168 15.9056 14.9093 16.2518 15.4945H20.5076C21.0599 15.4945 21.5076 15.9422 21.5076 16.4945C21.5076 17.0468 21.0599 17.4945 20.5076 17.4945H16.2648C16.0906 17.7979 15.8388 18.0509 15.5364 18.2266V24.5011C15.5364 25.0534 15.0887 25.5011 14.5364 25.5011C13.9842 25.5011 13.5364 25.0534 13.5364 24.5011V18.2238Z"
        fill="#C5C1C8"
      />
    </g>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M23 16C23 16.5523 22.5523 17 22 17H16.0328C15.4806 17 15.0328 16.5523 15.0328 16C15.0328 15.4477 15.4806 15 16.0328 15H22C22.5523 15 23 15.4477 23 16Z"
      fill="url(#paint1_linear_18_13531)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M23 16C23 16.5523 22.5523 17 22 17H16.0328C15.4806 17 15.0328 16.5523 15.0328 16C15.0328 15.4477 15.4806 15 16.0328 15H22C22.5523 15 23 15.4477 23 16Z"
      fill="url(#paint2_linear_18_13531)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M23 16C23 16.5523 22.5523 17 22 17H16.0328C15.4806 17 15.0328 16.5523 15.0328 16C15.0328 15.4477 15.4806 15 16.0328 15H22C22.5523 15 23 15.4477 23 16Z"
      fill="url(#paint3_radial_18_13531)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M23 16C23 16.5523 22.5523 17 22 17H16.0328C15.4806 17 15.0328 16.5523 15.0328 16C15.0328 15.4477 15.4806 15 16.0328 15H22C22.5523 15 23 15.4477 23 16Z"
      fill="url(#paint4_linear_18_13531)"
    />
    <g filter="url(#filter1_i_18_13531)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M16.0288 15.0112C16.5811 15.0112 17.0288 15.4589 17.0288 16.0112V24.0066C17.0288 24.5589 16.5811 25.0066 16.0288 25.0066C15.4765 25.0066 15.0288 24.5589 15.0288 24.0066V16.0112C15.0288 15.4589 15.4765 15.0112 16.0288 15.0112Z"
        fill="url(#paint5_linear_18_13531)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M16.0288 15.0112C16.5811 15.0112 17.0288 15.4589 17.0288 16.0112V24.0066C17.0288 24.5589 16.5811 25.0066 16.0288 25.0066C15.4765 25.0066 15.0288 24.5589 15.0288 24.0066V16.0112C15.0288 15.4589 15.4765 15.0112 16.0288 15.0112Z"
        fill="url(#paint6_radial_18_13531)"
      />
    </g>
    <g filter="url(#filter2_ii_18_13531)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M16 27C22.0751 27 27 22.0751 27 16C27 9.92487 22.0751 5 16 5C9.92487 5 5 9.92487 5 16C5 22.0751 9.92487 27 16 27ZM16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30Z"
        fill="url(#paint7_linear_18_13531)"
      />
    </g>
    <path
      d="M18.02 16.0112C18.02 17.1096 17.1296 18 16.0312 18C14.9328 18 14.0424 17.1096 14.0424 16.0112C14.0424 14.9128 14.9328 14.0223 16.0312 14.0223C17.1296 14.0223 18.02 14.9128 18.02 16.0112Z"
      fill="url(#paint8_radial_18_13531)"
    />
    <path
      d="M18.02 16.0112C18.02 17.1096 17.1296 18 16.0312 18C14.9328 18 14.0424 17.1096 14.0424 16.0112C14.0424 14.9128 14.9328 14.0223 16.0312 14.0223C17.1296 14.0223 18.02 14.9128 18.02 16.0112Z"
      fill="url(#paint9_radial_18_13531)"
    />
    <defs>
      <filter
        id="filter0_f_18_13531"
        x={11.05}
        y={13.0168}
        width={11.9576}
        height={13.9843}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.75}
          result="effect1_foregroundBlur_18_13531"
        />
      </filter>
      <filter
        id="filter1_i_18_13531"
        x={15.0288}
        y={15.0112}
        width={2.6}
        height={9.99536}
        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.6} />
        <feGaussianBlur stdDeviation={0.425} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.635294 0 0 0 0 0.227451 0 0 0 0 0.403922 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_13531"
        />
      </filter>
      <filter
        id="filter2_ii_18_13531"
        x={1.6}
        y={1.6}
        width={28.8}
        height={28.8}
        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.4} dy={-0.4} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.282353 0 0 0 0 0.254902 0 0 0 0 0.313726 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_13531"
        />
        <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.4} dy={0.4} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.533333 0 0 0 0 0.533333 0 0 0 0 0.533333 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_13531"
          result="effect2_innerShadow_18_13531"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_13531"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.57405 24.4982) rotate(-46.2124) scale(25.2966)"
      >
        <stop offset={0.598155} stopColor="#DDDADF" />
        <stop offset={1} stopColor="#BDBABF" />
      </radialGradient>
      <linearGradient
        id="paint1_linear_18_13531"
        x1={23}
        y1={16}
        x2={17.1886}
        y2={16}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#32183D" />
        <stop offset={1} stopColor="#2C3A65" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_13531"
        x1={19.9698}
        y1={15}
        x2={19.9698}
        y2={16}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2E2840" />
        <stop offset={1} stopColor="#2E2840" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_13531"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.6076 16.6093) rotate(180) scale(5.73026 0.815281)"
      >
        <stop stopColor="#50375F" />
        <stop offset={1} stopColor="#50375F" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_13531"
        x1={23}
        y1={16}
        x2={22.2823}
        y2={16}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3E1846" />
        <stop offset={1} stopColor="#3E1846" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_13531"
        x1={16.0288}
        y1={15.0112}
        x2={16.0288}
        y2={25.0066}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F83F4C" />
        <stop offset={1} stopColor="#F74093" />
      </linearGradient>
      <radialGradient
        id="paint6_radial_18_13531"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.1875 17.7299) rotate(146.437) scale(1.95012 1.33455)"
      >
        <stop offset={0.293124} stopColor="#911A57" />
        <stop offset={1} stopColor="#911A57" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint7_linear_18_13531"
        x1={24.5108}
        y1={4.01349}
        x2={4.28379}
        y2={28.5336}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#6D6B70" />
        <stop offset={1} stopColor="#706C74" />
      </linearGradient>
      <radialGradient
        id="paint8_radial_18_13531"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.111 15.5527) rotate(134.039) scale(3.40442)"
      >
        <stop stopColor="#C9C6CC" />
        <stop offset={1} stopColor="#928E95" />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_13531"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.5937 15.5047) rotate(139.399) scale(2.88111)"
      >
        <stop offset={0.527069} stopColor="#776F7F" stopOpacity={0} />
        <stop offset={1} stopColor="#776F7F" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = ThreeThirtyIcon;