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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const ToiletIcon = ({ 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_i_18_25789)">
      <path
        d="M24.3062 21.2734C24.3062 18.5078 25.7593 17.7734 26.5718 17.6172H13.0406L6.74784 29.0409C6.38072 29.7074 6.86285 30.5234 7.62374 30.5234H22.3062C23.4108 30.5234 24.3062 29.6289 24.3062 28.5243V21.2734Z"
        fill="url(#paint0_radial_18_25789)"
      />
      <path
        d="M24.3062 21.2734C24.3062 18.5078 25.7593 17.7734 26.5718 17.6172H13.0406L6.74784 29.0409C6.38072 29.7074 6.86285 30.5234 7.62374 30.5234H22.3062C23.4108 30.5234 24.3062 29.6289 24.3062 28.5243V21.2734Z"
        fill="url(#paint1_linear_18_25789)"
      />
      <path
        d="M24.3062 21.2734C24.3062 18.5078 25.7593 17.7734 26.5718 17.6172H13.0406L6.74784 29.0409C6.38072 29.7074 6.86285 30.5234 7.62374 30.5234H22.3062C23.4108 30.5234 24.3062 29.6289 24.3062 28.5243V21.2734Z"
        fill="url(#paint2_radial_18_25789)"
      />
      <path
        d="M24.3062 21.2734C24.3062 18.5078 25.7593 17.7734 26.5718 17.6172H13.0406L6.74784 29.0409C6.38072 29.7074 6.86285 30.5234 7.62374 30.5234H22.3062C23.4108 30.5234 24.3062 29.6289 24.3062 28.5243V21.2734Z"
        fill="url(#paint3_radial_18_25789)"
      />
    </g>
    <path
      d="M3.21765 16.8047C3.72998 21.8122 7.96045 25.7188 13.1031 25.7188C18.2458 25.7188 22.4763 21.8122 22.9886 16.8047H3.21765Z"
      fill="#BBA8D2"
    />
    <path
      d="M3.21765 16.8047C3.72998 21.8122 7.96045 25.7188 13.1031 25.7188C18.2458 25.7188 22.4763 21.8122 22.9886 16.8047H3.21765Z"
      fill="url(#paint4_radial_18_25789)"
    />
    <path
      d="M3.21765 16.8047C3.72998 21.8122 7.96045 25.7188 13.1031 25.7188C18.2458 25.7188 22.4763 21.8122 22.9886 16.8047H3.21765Z"
      fill="url(#paint5_radial_18_25789)"
    />
    <path
      d="M3.21765 16.8047C3.72998 21.8122 7.96045 25.7188 13.1031 25.7188C18.2458 25.7188 22.4763 21.8122 22.9886 16.8047H3.21765Z"
      fill="url(#paint6_radial_18_25789)"
    />
    <path
      d="M3.21765 16.8047C3.72998 21.8122 7.96045 25.7188 13.1031 25.7188C18.2458 25.7188 22.4763 21.8122 22.9886 16.8047H3.21765Z"
      fill="url(#paint7_radial_18_25789)"
    />
    <path
      d="M3.21765 16.8047C3.72998 21.8122 7.96045 25.7188 13.1031 25.7188C18.2458 25.7188 22.4763 21.8122 22.9886 16.8047H3.21765Z"
      fill="url(#paint8_radial_18_25789)"
    />
    <path
      d="M2.9469 15.7578C2.9469 15.2055 3.39461 14.7578 3.9469 14.7578H23.5563V17.2422H3.2969C3.1036 17.2422 2.9469 17.0855 2.9469 16.8922V15.7578Z"
      fill="#BEB0CD"
    />
    <path
      d="M2.9469 15.7578C2.9469 15.2055 3.39461 14.7578 3.9469 14.7578H23.5563V17.2422H3.2969C3.1036 17.2422 2.9469 17.0855 2.9469 16.8922V15.7578Z"
      fill="url(#paint9_radial_18_25789)"
    />
    <path
      d="M2.9469 15.7578C2.9469 15.2055 3.39461 14.7578 3.9469 14.7578H23.5563V17.2422H3.2969C3.1036 17.2422 2.9469 17.0855 2.9469 16.8922V15.7578Z"
      fill="url(#paint10_radial_18_25789)"
    />
    <path
      d="M2.9469 15.7578C2.9469 15.2055 3.39461 14.7578 3.9469 14.7578H23.5563V17.2422H3.2969C3.1036 17.2422 2.9469 17.0855 2.9469 16.8922V15.7578Z"
      fill="url(#paint11_linear_18_25789)"
    />
    <path
      d="M2.9469 15.7578C2.9469 15.2055 3.39461 14.7578 3.9469 14.7578H23.5563V17.2422H3.2969C3.1036 17.2422 2.9469 17.0855 2.9469 16.8922V15.7578Z"
      fill="url(#paint12_radial_18_25789)"
    />
    <path
      d="M19.9781 3.00156C19.9781 2.64258 20.2692 2.35156 20.6281 2.35156H27.7656C28.1246 2.35156 28.4156 2.64258 28.4156 3.00156V15.2422C28.4156 16.6229 27.2964 17.7422 25.9156 17.7422H22.4781C21.0974 17.7422 19.9781 16.6229 19.9781 15.2422V3.00156Z"
      fill="url(#paint13_linear_18_25789)"
    />
    <path
      d="M19.9781 3.00156C19.9781 2.64258 20.2692 2.35156 20.6281 2.35156H27.7656C28.1246 2.35156 28.4156 2.64258 28.4156 3.00156V15.2422C28.4156 16.6229 27.2964 17.7422 25.9156 17.7422H22.4781C21.0974 17.7422 19.9781 16.6229 19.9781 15.2422V3.00156Z"
      fill="url(#paint14_radial_18_25789)"
    />
    <path
      d="M19.9781 3.00156C19.9781 2.64258 20.2692 2.35156 20.6281 2.35156H27.7656C28.1246 2.35156 28.4156 2.64258 28.4156 3.00156V15.2422C28.4156 16.6229 27.2964 17.7422 25.9156 17.7422H22.4781C21.0974 17.7422 19.9781 16.6229 19.9781 15.2422V3.00156Z"
      fill="url(#paint15_linear_18_25789)"
    />
    <g filter="url(#filter1_iii_18_25789)">
      <path
        d="M19.9781 3.00156C19.9781 2.64258 20.2692 2.35156 20.6281 2.35156H27.7656C28.1246 2.35156 28.4156 2.64258 28.4156 3.00156V15.2422C28.4156 16.6229 27.2964 17.7422 25.9156 17.7422H22.4781C21.0974 17.7422 19.9781 16.6229 19.9781 15.2422V3.00156Z"
        fill="url(#paint16_linear_18_25789)"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_25789"
        x={6.62231}
        y={17.2172}
        width={20.1495}
        height={13.3063}
        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.2} dy={-0.4} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.752941 0 0 0 0 0.662745 0 0 0 0 0.854902 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_25789"
        />
      </filter>
      <filter
        id="filter1_iii_18_25789"
        x={18.9781}
        y={1.60156}
        width={10.9375}
        height={16.1406}
        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={1.5} />
        <feGaussianBlur stdDeviation={0.75} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.752941 0 0 0 0 0.721569 0 0 0 0 0.8 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_25789"
        />
        <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.75} />
        <feGaussianBlur stdDeviation={0.75} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.721569 0 0 0 0 0.615686 0 0 0 0 0.835294 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_25789"
          result="effect2_innerShadow_18_25789"
        />
        <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={-1} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.917647 0 0 0 0 0.882353 0 0 0 0 0.964706 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect2_innerShadow_18_25789"
          result="effect3_innerShadow_18_25789"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_25789"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.6336 24.0703) rotate(180) scale(11.3738 17.5807)"
      >
        <stop stopColor="#DECFF0" />
        <stop offset={1} stopColor="#CDBAE4" />
      </radialGradient>
      <linearGradient
        id="paint1_linear_18_25789"
        x1={24.9061}
        y1={16.7446}
        x2={22.318}
        y2={25.1898}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#BAA6D0" />
        <stop offset={1} stopColor="#BAA6D0" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint2_radial_18_25789"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.2632 22.3293) rotate(73.4127) scale(6.67998 10.3254)"
      >
        <stop offset={0.203534} stopColor="#BAA2D5" />
        <stop offset={1} stopColor="#BAA2D5" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_25789"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.5129 24.7591) rotate(90) scale(5.76433 0.823474)"
      >
        <stop stopColor="#EBE0F8" />
        <stop offset={1} stopColor="#EBE0F8" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_18_25789"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.1656 17.8984) rotate(111.194) scale(6.56934 6.56696)"
      >
        <stop stopColor="#CCBAE0" />
        <stop offset={1} stopColor="#CCBAE0" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_25789"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.4781 25.7187) rotate(-90) scale(5.94531 9.1875)"
      >
        <stop offset={0.121103} stopColor="#B492D6" />
        <stop offset={1} stopColor="#B494D5" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_25789"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.4781 15.2734) rotate(90) scale(6.8125 10.9)"
      >
        <stop offset={0.388235} stopColor="#9F8CB4" />
        <stop offset={1} stopColor="#CAB8DF" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_25789"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(4.97815 15.3984) rotate(90) scale(3.4375 7.62422)"
      >
        <stop stopColor="#A79BB6" />
        <stop offset={1} stopColor="#A79BB6" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_25789"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.7906 17.8984) rotate(163.654) scale(13.1026 16.1336)"
      >
        <stop offset={0.713857} stopColor="#D0CBD8" stopOpacity={0} />
        <stop offset={1} stopColor="#D0CBD8" />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_25789"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.1656 17.2422) rotate(-90) scale(3.59375 11.0436)"
      >
        <stop offset={0.204794} stopColor="#D0C4DE" />
        <stop offset={1} stopColor="#D0C4DE" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_25789"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(3.35315 15.2734) scale(1.375 3.15652)"
      >
        <stop stopColor="#D0C4DE" />
        <stop offset={1} stopColor="#D0C4DE" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint11_linear_18_25789"
        x1={15.3031}
        y1={17.2422}
        x2={15.3031}
        y2={16.7786}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B5ADC0" />
        <stop offset={1} stopColor="#B5ADC0" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint12_radial_18_25789"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.8662 14.3609) rotate(131.1) scale(4.24778 16.1579)"
      >
        <stop offset={0.181234} stopColor="#A89EB5" />
        <stop offset={1} stopColor="#A89EB5" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint13_linear_18_25789"
        x1={24.1969}
        y1={2.11719}
        x2={24.1969}
        y2={3.52344}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D7D5DB" />
        <stop offset={1} stopColor="#D7D5DB" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint14_radial_18_25789"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.4157 2.61719) rotate(146.976) scale(1.49086 0.446079)"
      >
        <stop stopColor="#F2EFF7" />
        <stop offset={1} stopColor="#EBE2F7" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint15_linear_18_25789"
        x1={26.1969}
        y1={18.0234}
        x2={26.1969}
        y2={16.6797}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B99FD5" />
        <stop offset={1} stopColor="#B99FD5" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint16_linear_18_25789"
        x1={24.1969}
        y1={2.35156}
        x2={24.1969}
        y2={17.7422}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D8CFE5" />
        <stop offset={1} stopColor="#D2C4E4" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = ToiletIcon;