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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const PotableWaterIcon = ({ 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_18590_378)">
      <rect
        x={2.06604}
        y={1.8125}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint0_linear_18590_378)"
      />
      <rect
        x={2.06604}
        y={1.8125}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint1_radial_18590_378)"
      />
    </g>
    <g filter="url(#filter1_f_18590_378)">
      <path
        d="M28.2535 4.3125V27.1875"
        stroke="url(#paint2_linear_18590_378)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter2_f_18590_378)">
      <path
        d="M5.52991 3.625H27.3112"
        stroke="url(#paint3_linear_18590_378)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter3_f_18590_378)">
      <path
        d="M16.3602 6.24841C16.3602 5.69613 16.8079 5.24841 17.3602 5.24841H21.3602C21.9125 5.24841 22.3602 5.69613 22.3602 6.24841C22.3602 6.8007 21.9125 7.24841 21.3602 7.24841H20.4602C20.405 7.24841 20.3602 7.29318 20.3602 7.34841V8.14841C20.3602 8.20364 20.405 8.24841 20.4602 8.24841H24.3602C24.9125 8.24841 25.3602 8.69613 25.3602 9.24841V11.2484C25.3602 11.8007 24.9125 12.2484 24.3602 12.2484H16.3602C15.0782 12.2484 14.3602 13.5431 14.3602 14.7295C14.3602 15.0056 14.1363 15.2295 13.8602 15.2295H10.8602C10.5841 15.2295 10.3602 15.0056 10.3602 14.7295C10.3602 11.3079 13.004 8.50373 16.3602 8.24841H18.2602C18.3154 8.24841 18.3602 8.20364 18.3602 8.14841V7.34841C18.3602 7.29318 18.3154 7.24841 18.2602 7.24841H17.3602C16.8079 7.24841 16.3602 6.8007 16.3602 6.24841Z"
        fill="#579FFF"
      />
      <path
        d="M6.67664 17.3486L9.13383 25.539C9.26073 25.962 9.65005 26.2516 10.0917 26.2516H14.5895C15.0304 26.2516 15.4193 25.9628 15.5468 25.5407L18.0254 17.3335C18.1892 16.791 17.7832 16.2442 17.2165 16.2442C16.8473 16.2441 16.5209 16.4837 16.4103 16.8359L15.4421 19.917C15.3766 20.1254 15.1835 20.2672 14.9651 20.2672H9.71921C9.49861 20.2672 9.30408 20.1226 9.24046 19.9114L8.31976 16.8547C8.2106 16.4922 7.87683 16.2442 7.49833 16.2442C6.92367 16.2442 6.5115 16.7982 6.67664 17.3486Z"
        fill="#579FFF"
      />
    </g>
    <g filter="url(#filter4_ii_18590_378)">
      <path
        d="M16.3602 6.24841C16.3602 5.69613 16.8079 5.24841 17.3602 5.24841H21.3602C21.9125 5.24841 22.3602 5.69613 22.3602 6.24841C22.3602 6.8007 21.9125 7.24841 21.3602 7.24841H20.4602C20.405 7.24841 20.3602 7.29318 20.3602 7.34841V8.14841C20.3602 8.20364 20.405 8.24841 20.4602 8.24841H24.3602C24.9125 8.24841 25.3602 8.69613 25.3602 9.24841V11.2484C25.3602 11.8007 24.9125 12.2484 24.3602 12.2484H16.3602C15.0782 12.2484 14.3602 13.5431 14.3602 14.7295C14.3602 15.0056 14.1363 15.2295 13.8602 15.2295H10.8602C10.5841 15.2295 10.3602 15.0056 10.3602 14.7295C10.3602 11.3079 13.004 8.50373 16.3602 8.24841H18.2602C18.3154 8.24841 18.3602 8.20364 18.3602 8.14841V7.34841C18.3602 7.29318 18.3154 7.24841 18.2602 7.24841H17.3602C16.8079 7.24841 16.3602 6.8007 16.3602 6.24841Z"
        fill="#FCF2FF"
      />
      <path
        d="M6.67664 17.3486L9.13383 25.539C9.26073 25.962 9.65005 26.2516 10.0917 26.2516H14.5895C15.0304 26.2516 15.4193 25.9628 15.5468 25.5407L18.0254 17.3335C18.1892 16.791 17.7832 16.2442 17.2165 16.2442C16.8473 16.2441 16.5209 16.4837 16.4103 16.8359L15.4421 19.917C15.3766 20.1254 15.1835 20.2672 14.9651 20.2672H9.71921C9.49861 20.2672 9.30408 20.1226 9.24046 19.9114L8.31976 16.8547C8.2106 16.4922 7.87683 16.2442 7.49833 16.2442C6.92367 16.2442 6.5115 16.7982 6.67664 17.3486Z"
        fill="#FCF2FF"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18590_378"
        x={2.06604}
        y={0.8125}
        width={28.875}
        height={28.875}
        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} dy={-1} />
        <feGaussianBlur stdDeviation={1.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.188235 0 0 0 0 0.470588 0 0 0 0 0.843137 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_378"
        />
        <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={-1} />
        <feGaussianBlur stdDeviation={1.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.27451 0 0 0 0 0.34902 0 0 0 0 0.8 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_378"
          result="effect2_innerShadow_18590_378"
        />
      </filter>
      <filter
        id="filter1_f_18590_378"
        x={25.5035}
        y={1.5625}
        width={5.5}
        height={28.375}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_18590_378"
        />
      </filter>
      <filter
        id="filter2_f_18590_378"
        x={2.77991}
        y={0.875}
        width={27.2812}
        height={5.5}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_18590_378"
        />
      </filter>
      <filter
        id="filter3_f_18590_378"
        x={5.63989}
        y={4.24841}
        width={20.7203}
        height={23.0032}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18590_378"
        />
      </filter>
      <filter
        id="filter4_ii_18590_378"
        x={6.23989}
        y={4.84841}
        width={19.5203}
        height={21.8032}
        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.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.901961 0 0 0 0 0.854902 0 0 0 0 0.980392 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_378"
        />
        <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.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_378"
          result="effect2_innerShadow_18590_378"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18590_378"
        x1={16.0035}
        y1={5.38701}
        x2={16.0035}
        y2={38.6397}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5CB7FF" />
        <stop offset={1} stopColor="#4878DD" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18590_378"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.7223 3.90625) rotate(136.771) scale(2.14444 2.50466)"
      >
        <stop stopColor="#7BD7FF" />
        <stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18590_378"
        x1={28.7535}
        y1={4.3125}
        x2={28.7535}
        y2={27.1875}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7FD9FF" />
        <stop offset={1} stopColor="#639DF4" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18590_378"
        x1={28.4674}
        y1={3.87502}
        x2={2.93616}
        y2={3.87502}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7DD8FF" />
        <stop offset={1} stopColor="#5DB6FF" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = PotableWaterIcon;