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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const ClutchBagIcon = ({ 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_17080)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M2.18158 7.21978C1.78255 7.52168 1.75548 8.11168 2.12518 8.44885L4.3955 10.5194C4.78838 10.8777 5.37448 10.9233 5.81801 10.63C6.3466 10.2805 6.49719 9.57162 6.15635 9.03739L4.54631 6.51381C4.29515 6.12014 3.7616 6.02437 3.3892 6.30612L2.18158 7.21978ZM5.1715 10.2325C5.48639 10.2325 5.74165 9.97723 5.74165 9.66235C5.74165 9.34746 5.48639 9.09219 5.1715 9.09219C4.85662 9.09219 4.60135 9.34746 4.60135 9.66235C4.60135 9.97723 4.85662 10.2325 5.1715 10.2325Z"
        fill="url(#paint0_linear_18_17080)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M2.18158 7.21978C1.78255 7.52168 1.75548 8.11168 2.12518 8.44885L4.3955 10.5194C4.78838 10.8777 5.37448 10.9233 5.81801 10.63C6.3466 10.2805 6.49719 9.57162 6.15635 9.03739L4.54631 6.51381C4.29515 6.12014 3.7616 6.02437 3.3892 6.30612L2.18158 7.21978ZM5.1715 10.2325C5.48639 10.2325 5.74165 9.97723 5.74165 9.66235C5.74165 9.34746 5.48639 9.09219 5.1715 9.09219C4.85662 9.09219 4.60135 9.34746 4.60135 9.66235C4.60135 9.97723 4.85662 10.2325 5.1715 10.2325Z"
        fill="url(#paint1_radial_18_17080)"
      />
    </g>
    <g filter="url(#filter1_i_18_17080)">
      <path
        d="M2.921 14.4515C3.2517 11.6862 5.59713 9.60458 8.38208 9.60458H23.5813C26.3573 9.60458 28.6982 11.6733 29.0395 14.4282L30.0894 22.9004C30.5329 26.4795 27.7414 29.6383 24.135 29.6383H7.86508C4.2689 29.6383 1.48049 26.4965 1.90753 22.9258L2.921 14.4515Z"
        fill="url(#paint2_linear_18_17080)"
      />
      <path
        d="M2.921 14.4515C3.2517 11.6862 5.59713 9.60458 8.38208 9.60458H23.5813C26.3573 9.60458 28.6982 11.6733 29.0395 14.4282L30.0894 22.9004C30.5329 26.4795 27.7414 29.6383 24.135 29.6383H7.86508C4.2689 29.6383 1.48049 26.4965 1.90753 22.9258L2.921 14.4515Z"
        fill="url(#paint3_linear_18_17080)"
      />
    </g>
    <g filter="url(#filter2_i_18_17080)">
      <path
        d="M29.955 21.8153L30.0894 22.9004C30.5329 26.4795 27.7414 29.6383 24.1349 29.6383H7.86508C4.26888 29.6383 1.48049 26.4965 1.90753 22.9258L2.04034 21.8153H29.955Z"
        fill="url(#paint4_linear_18_17080)"
      />
      <path
        d="M29.955 21.8153L30.0894 22.9004C30.5329 26.4795 27.7414 29.6383 24.1349 29.6383H7.86508C4.26888 29.6383 1.48049 26.4965 1.90753 22.9258L2.04034 21.8153H29.955Z"
        fill="url(#paint5_linear_18_17080)"
      />
    </g>
    <path
      d="M29.955 21.8153L30.0894 22.9004C30.5329 26.4795 27.7414 29.6383 24.1349 29.6383H7.86508C4.26888 29.6383 1.48049 26.4965 1.90753 22.9258L2.04034 21.8153H29.955Z"
      fill="url(#paint6_radial_18_17080)"
    />
    <path
      d="M29.955 21.8153L30.0894 22.9004C30.5329 26.4795 27.7414 29.6383 24.1349 29.6383H7.86508C4.26888 29.6383 1.48049 26.4965 1.90753 22.9258L2.04034 21.8153H29.955Z"
      fill="url(#paint7_linear_18_17080)"
    />
    <g filter="url(#filter3_f_18_17080)">
      <rect
        x={24.623}
        y={12.0511}
        width={3.0625}
        height={13.4403}
        rx={1.53125}
        transform="rotate(-7.13108 24.623 12.0511)"
        fill="url(#paint8_linear_18_17080)"
      />
      <rect
        x={24.623}
        y={12.0511}
        width={3.0625}
        height={13.4403}
        rx={1.53125}
        transform="rotate(-7.13108 24.623 12.0511)"
        fill="url(#paint9_linear_18_17080)"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18_17080"
        x={1.76426}
        y={6.04401}
        width={4.67437}
        height={4.87857}
        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.1} dy={0.1} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.866667 0 0 0 0 0.431373 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_17080"
        />
        <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.1} dy={-0.1} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.764706 0 0 0 0 0.152941 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_17080"
          result="effect2_innerShadow_18_17080"
        />
      </filter>
      <filter
        id="filter1_i_18_17080"
        x={1.86426}
        y={9.60458}
        width={28.8715}
        height={20.0337}
        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.6} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.917647 0 0 0 0 0.72549 0 0 0 0 0.690196 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_17080"
        />
      </filter>
      <filter
        id="filter2_i_18_17080"
        x={1.86426}
        y={21.8153}
        width={28.8715}
        height={7.82297}
        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.6} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.917647 0 0 0 0 0.72549 0 0 0 0 0.690196 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_17080"
        />
      </filter>
      <filter
        id="filter3_f_18_17080"
        x={22.801}
        y={9.849}
        width={8.35132}
        height={17.3604}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_18_17080"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_17080"
        x1={5.79581}
        y1={10.5937}
        x2={3.35831}
        y2={7.65625}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFC432" />
        <stop offset={1} stopColor="#FFCC47" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_17080"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(4.70206 8.48329) rotate(-164.335) scale(2.94727 3.07865)"
      >
        <stop offset={0.696453} stopColor="#FFDD29" stopOpacity={0} />
        <stop offset={0.942256} stopColor="#FFDD29" />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_17080"
        x1={16}
        y1={9.60458}
        x2={16}
        y2={16.3125}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.213964} stopColor="#EE9D8C" />
        <stop offset={1} stopColor="#F091A0" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_17080"
        x1={2.26456}
        y1={20.25}
        x2={7.01456}
        y2={20.75}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.201} stopColor="#D37E7E" />
        <stop offset={1} stopColor="#DB7F8A" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_17080"
        x1={16}
        y1={21.8153}
        x2={16}
        y2={29.6383}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.335192} stopColor="#F7A7B8" />
        <stop offset={1} stopColor="#E277D3" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_17080"
        x1={2.38956}
        y1={25.7268}
        x2={7.63956}
        y2={25.7268}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.31562} stopColor="#D8929A" />
        <stop offset={1} stopColor="#D8929A" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint6_radial_18_17080"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 20.9375) rotate(90) scale(2.0625 13.0167)"
      >
        <stop offset={0.484849} stopColor="#F7A7B8" />
        <stop offset={1} stopColor="#F7A7B8" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint7_linear_18_17080"
        x1={17.3896}
        y1={30}
        x2={17.3896}
        y2={28.125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E277D3" />
        <stop offset={1} stopColor="#E277D3" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_17080"
        x1={26.1543}
        y1={12.0511}
        x2={26.1543}
        y2={25.4914}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFC4B7" />
        <stop offset={1} stopColor="#FFC4B7" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_17080"
        x1={26.9623}
        y1={25.6097}
        x2={26.6468}
        y2={21.2212}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.249971} stopColor="#FFC8C8" />
        <stop offset={1} stopColor="#FFC8C8" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = ClutchBagIcon;