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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const FlowerPlayingCardsIcon = ({ 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_ii_18_4160)">
      <rect
        x={5}
        y={2.07812}
        width={21.9375}
        height={27.8438}
        rx={2.25}
        fill="url(#paint0_linear_18_4160)"
      />
    </g>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M7.52845 15.4598C7.51998 15.5345 7.51562 15.6105 7.51562 15.6875V25.3125C7.51562 26.4171 8.41106 27.3125 9.51563 27.3125H19.311C19.4147 26.7292 19.4688 26.1287 19.4688 25.5156C19.4688 19.8806 14.9007 15.3125 9.26562 15.3125C8.67343 15.3125 8.09301 15.363 7.52845 15.4598Z"
      fill="url(#paint1_radial_18_4160)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M7.52845 15.4598C7.51998 15.5345 7.51562 15.6105 7.51562 15.6875V25.3125C7.51562 26.4171 8.41106 27.3125 9.51563 27.3125H19.311C19.4147 26.7292 19.4688 26.1287 19.4688 25.5156C19.4688 19.8806 14.9007 15.3125 9.26562 15.3125C8.67343 15.3125 8.09301 15.363 7.52845 15.4598Z"
      fill="url(#paint2_radial_18_4160)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M7.52845 15.4598C7.51998 15.5345 7.51562 15.6105 7.51562 15.6875V25.3125C7.51562 26.4171 8.41106 27.3125 9.51563 27.3125H19.311C19.4147 26.7292 19.4688 26.1287 19.4688 25.5156C19.4688 19.8806 14.9007 15.3125 9.26562 15.3125C8.67343 15.3125 8.09301 15.363 7.52845 15.4598Z"
      fill="url(#paint3_radial_18_4160)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M7.52845 15.4598C7.51998 15.5345 7.51562 15.6105 7.51562 15.6875V25.3125C7.51562 26.4171 8.41106 27.3125 9.51563 27.3125H19.311C19.4147 26.7292 19.4688 26.1287 19.4688 25.5156C19.4688 19.8806 14.9007 15.3125 9.26562 15.3125C8.67343 15.3125 8.09301 15.363 7.52845 15.4598Z"
      fill="url(#paint4_radial_18_4160)"
    />
    <g filter="url(#filter1_i_18_4160)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M24.0469 18.7384V25.3125C24.0469 26.4171 23.1515 27.3125 22.0469 27.3125H12.0079C12.7098 22.3619 16.965 18.5547 22.1094 18.5547C22.7719 18.5547 23.4196 18.6178 24.0469 18.7384Z"
        fill="url(#paint5_radial_18_4160)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M24.0469 18.7384V25.3125C24.0469 26.4171 23.1515 27.3125 22.0469 27.3125H12.0079C12.7098 22.3619 16.965 18.5547 22.1094 18.5547C22.7719 18.5547 23.4196 18.6178 24.0469 18.7384Z"
        fill="url(#paint6_radial_18_4160)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M24.0469 18.7384V25.3125C24.0469 26.4171 23.1515 27.3125 22.0469 27.3125H12.0079C12.7098 22.3619 16.965 18.5547 22.1094 18.5547C22.7719 18.5547 23.4196 18.6178 24.0469 18.7384Z"
        fill="url(#paint7_radial_18_4160)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M24.0469 18.7384V25.3125C24.0469 26.4171 23.1515 27.3125 22.0469 27.3125H12.0079C12.7098 22.3619 16.965 18.5547 22.1094 18.5547C22.7719 18.5547 23.4196 18.6178 24.0469 18.7384Z"
        fill="url(#paint8_radial_18_4160)"
      />
    </g>
    <g filter="url(#filter2_iii_18_4160)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M9.55625 4.39062H22.3813C23.5687 4.39062 24.5312 5.35321 24.5312 6.54063V25.4594C24.5312 26.6468 23.5687 27.6094 22.3813 27.6094H9.55625C8.36884 27.6094 7.40625 26.6468 7.40625 25.4594V6.54062C7.40625 5.35321 8.36884 4.39062 9.55625 4.39062ZM9.55625 5.14062C8.78305 5.14062 8.15625 5.76743 8.15625 6.54062V25.4594C8.15625 26.2326 8.78305 26.8594 9.55625 26.8594H22.3813C23.1544 26.8594 23.7812 26.2326 23.7812 25.4594V6.54063C23.7812 5.76743 23.1544 5.14062 22.3813 5.14062H9.55625Z"
        fill="#544861"
      />
    </g>
    <circle
      cx={15.7812}
      cy={10.5078}
      r={4.61719}
      fill="url(#paint9_radial_18_4160)"
    />
    <circle
      cx={15.7812}
      cy={10.5078}
      r={4.61719}
      fill="url(#paint10_radial_18_4160)"
    />
    <defs>
      <filter
        id="filter0_ii_18_4160"
        x={4.75}
        y={1.82812}
        width={22.4375}
        height={28.3438}
        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.25} 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.831373 0 0 0 0 0.2 0 0 0 0 0.454902 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_4160"
        />
        <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.25} dy={0.25} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.34902 0 0 0 0 0.662745 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_4160"
          result="effect2_innerShadow_18_4160"
        />
      </filter>
      <filter
        id="filter1_i_18_4160"
        x={12.0079}
        y={18.5547}
        width={12.289}
        height={8.75781}
        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.25} />
        <feGaussianBlur stdDeviation={0.75} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.211765 0 0 0 0 0.137255 0 0 0 0 0.282353 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_4160"
        />
      </filter>
      <filter
        id="filter2_iii_18_4160"
        x={7.20625}
        y={3.99062}
        width={17.525}
        height={23.6188}
        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.4} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.333333 0 0 0 0 0.176471 0 0 0 0 0.478431 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_4160"
        />
        <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.2} />
        <feGaussianBlur stdDeviation={0.1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.439216 0 0 0 0 0.403922 0 0 0 0 0.486275 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_4160"
          result="effect2_innerShadow_18_4160"
        />
        <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.2} />
        <feGaussianBlur stdDeviation={0.1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.439216 0 0 0 0 0.403922 0 0 0 0 0.486275 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect2_innerShadow_18_4160"
          result="effect3_innerShadow_18_4160"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_4160"
        x1={26.5938}
        y1={14.75}
        x2={4.53125}
        y2={14.75}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F93994" />
        <stop offset={0.826651} stopColor="#F73E57" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_4160"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.676 27.3125) rotate(-90) scale(7.55295 7.52345)"
      >
        <stop stopColor="#583B76" />
        <stop offset={1} stopColor="#544267" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_4160"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.7049 22.5996) rotate(-121.903) scale(5.87387 6.85255)"
      >
        <stop stopColor="#625670" />
        <stop offset={1} stopColor="#625670" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_4160"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.3416 25.3736) rotate(119.461) scale(4.96862 3.24364)"
      >
        <stop offset={0.590979} stopColor="#2E1C43" />
        <stop offset={1} stopColor="#2E1C43" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_18_4160"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(11.9969 13.0888) rotate(107.557) scale(6.13077 6.10683)"
      >
        <stop stopColor="#78617C" />
        <stop offset={1} stopColor="#78617C" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_4160"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.75 26.7812) rotate(-132.51) scale(10.1743 13.9862)"
      >
        <stop offset={0.407547} stopColor="#4E3C62" />
        <stop offset={1} stopColor="#584A64" />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_4160"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.3125 27.75) rotate(-71.0489) scale(5.4848 3.05229)"
      >
        <stop offset={0.139725} stopColor="#685E74" />
        <stop offset={1} stopColor="#685E74" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_4160"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.6563 27.9375) rotate(-100.874) scale(11.2647 15.4852)"
      >
        <stop offset={0.676718} stopColor="#785E76" stopOpacity={0} />
        <stop offset={1} stopColor="#785E76" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_4160"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.0625 25.8125) rotate(-121.442) scale(8.50689 4.29442)"
      >
        <stop offset={0.452429} stopColor="#2C1D3D" />
        <stop offset={1} stopColor="#2C1D3D" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_4160"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.2812 9.3125) rotate(143.871) scale(7.73815)"
      >
        <stop stopColor="#FFF9FF" />
        <stop offset={1} stopColor="#C3ACBB" />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_4160"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.4688 11.0625) rotate(4.76364) scale(4.5156 4.95272)"
      >
        <stop stopColor="#DBCCD6" />
        <stop offset={1} stopColor="#DBCCD6" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = FlowerPlayingCardsIcon;