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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const ShowerIcon = ({ 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}
    <rect
      x={17.9686}
      y={10.9062}
      width={13.8549}
      height={4.80067}
      rx={2.40033}
      transform="rotate(-45 17.9686 10.9062)"
      fill="#C8C7C8"
    />
    <rect
      x={17.9686}
      y={10.9062}
      width={13.8549}
      height={4.80067}
      rx={2.40033}
      transform="rotate(-45 17.9686 10.9062)"
      fill="url(#paint0_linear_18_25869)"
    />
    <rect
      x={17.9686}
      y={10.9062}
      width={13.8549}
      height={4.80067}
      rx={2.40033}
      transform="rotate(-45 17.9686 10.9062)"
      fill="url(#paint1_linear_18_25869)"
    />
    <rect
      x={17.9686}
      y={10.9062}
      width={13.8549}
      height={4.80067}
      rx={2.40033}
      transform="rotate(-45 17.9686 10.9062)"
      fill="url(#paint2_linear_18_25869)"
    />
    <rect
      x={17.9686}
      y={10.9062}
      width={13.8549}
      height={4.80067}
      rx={2.40033}
      transform="rotate(-45 17.9686 10.9062)"
      fill="url(#paint3_radial_18_25869)"
    />
    <g filter="url(#filter0_f_18_25869)">
      <rect
        x={27.8561}
        y={3.9187}
        width={0.699363}
        height={6.19699}
        transform="rotate(45 27.8561 3.9187)"
        fill="url(#paint4_linear_18_25869)"
      />
    </g>
    <path
      d="M19.6659 9.20895C18.7285 10.1463 18.7285 11.6661 19.6659 12.6035C20.6033 13.5409 22.1232 13.5409 23.0606 12.6035L26.0976 9.56647L22.703 6.17188L19.6659 9.20895Z"
      fill="url(#paint5_radial_18_25869)"
    />
    <g filter="url(#filter1_i_18_25869)">
      <path
        d="M2.74993 22.4844C2.11998 21.8545 2.11998 20.8331 2.74993 20.2032L5.8593 17.0938C6.48925 16.4639 7.5106 16.4639 8.14055 17.0938C8.7705 17.7237 8.7705 18.7451 8.14055 19.375L5.03118 22.4844C4.40123 23.1144 3.37988 23.1144 2.74993 22.4844Z"
        fill="#3379FF"
      />
      <path
        d="M2.74993 22.4844C2.11998 21.8545 2.11998 20.8331 2.74993 20.2032L5.8593 17.0938C6.48925 16.4639 7.5106 16.4639 8.14055 17.0938C8.7705 17.7237 8.7705 18.7451 8.14055 19.375L5.03118 22.4844C4.40123 23.1144 3.37988 23.1144 2.74993 22.4844Z"
        fill="url(#paint6_linear_18_25869)"
      />
    </g>
    <g filter="url(#filter2_i_18_25869)">
      <path
        d="M6.2304 25.9649C5.60045 25.3349 5.60045 24.3136 6.2304 23.6836L9.33977 20.5743C9.96972 19.9443 10.9911 19.9443 11.621 20.5743C12.251 21.2042 12.251 22.2256 11.621 22.8555L8.51165 25.9649C7.8817 26.5948 6.86035 26.5948 6.2304 25.9649Z"
        fill="#3379FF"
      />
      <path
        d="M6.2304 25.9649C5.60045 25.3349 5.60045 24.3136 6.2304 23.6836L9.33977 20.5743C9.96972 19.9443 10.9911 19.9443 11.621 20.5743C12.251 21.2042 12.251 22.2256 11.621 22.8555L8.51165 25.9649C7.8817 26.5948 6.86035 26.5948 6.2304 25.9649Z"
        fill="url(#paint7_linear_18_25869)"
      />
    </g>
    <g filter="url(#filter3_i_18_25869)">
      <path
        d="M9.68743 29.4532C9.05748 28.8232 9.05748 27.8019 9.68743 27.1719L12.7968 24.0626C13.4268 23.4326 14.4481 23.4326 15.0781 24.0625C15.708 24.6925 15.708 25.7138 15.0781 26.3438L11.9687 29.4532C11.3387 30.0831 10.3174 30.0831 9.68743 29.4532Z"
        fill="#3379FF"
      />
      <path
        d="M9.68743 29.4532C9.05748 28.8232 9.05748 27.8019 9.68743 27.1719L12.7968 24.0626C13.4268 23.4326 14.4481 23.4326 15.0781 24.0625C15.708 24.6925 15.708 25.7138 15.0781 26.3438L11.9687 29.4532C11.3387 30.0831 10.3174 30.0831 9.68743 29.4532Z"
        fill="url(#paint8_linear_18_25869)"
      />
    </g>
    <path
      d="M23.425 21.112C24.8123 19.5658 25.6561 17.5221 25.6561 15.2812C25.6561 10.4574 21.7456 6.54688 16.9218 6.54688C14.6809 6.54688 12.6373 7.3907 11.0911 8.77793L10.6483 9.17578L22.0311 22.3906L23.425 21.112Z"
      fill="url(#paint9_radial_18_25869)"
    />
    <path
      d="M23.425 21.112C24.8123 19.5658 25.6561 17.5221 25.6561 15.2812C25.6561 10.4574 21.7456 6.54688 16.9218 6.54688C14.6809 6.54688 12.6373 7.3907 11.0911 8.77793L10.6483 9.17578L22.0311 22.3906L23.425 21.112Z"
      fill="url(#paint10_radial_18_25869)"
    />
    <path
      d="M23.425 21.112C24.8123 19.5658 25.6561 17.5221 25.6561 15.2812C25.6561 10.4574 21.7456 6.54688 16.9218 6.54688C14.6809 6.54688 12.6373 7.3907 11.0911 8.77793L10.6483 9.17578L22.0311 22.3906L23.425 21.112Z"
      fill="url(#paint11_radial_18_25869)"
    />
    <path
      d="M23.425 21.112C24.8123 19.5658 25.6561 17.5221 25.6561 15.2812C25.6561 10.4574 21.7456 6.54688 16.9218 6.54688C14.6809 6.54688 12.6373 7.3907 11.0911 8.77793L10.6483 9.17578L22.0311 22.3906L23.425 21.112Z"
      fill="url(#paint12_radial_18_25869)"
    />
    <path
      d="M23.425 21.112C24.8123 19.5658 25.6561 17.5221 25.6561 15.2812C25.6561 10.4574 21.7456 6.54688 16.9218 6.54688C14.6809 6.54688 12.6373 7.3907 11.0911 8.77793L10.6483 9.17578L22.0311 22.3906L23.425 21.112Z"
      fill="url(#paint13_linear_18_25869)"
    />
    <g filter="url(#filter4_i_18_25869)">
      <path
        d="M6.95708 9.17559C8.20845 7.92422 10.2373 7.92422 11.4887 9.17559L23.4219 21.1088C24.6733 22.3602 24.6733 24.3891 23.4219 25.6404C22.1706 26.8918 20.1417 26.8918 18.8903 25.6404L6.95708 13.7072C5.70571 12.4558 5.70571 10.427 6.95708 9.17559Z"
        fill="url(#paint14_linear_18_25869)"
      />
    </g>
    <path
      d="M6.95708 9.17559C8.20845 7.92422 10.2373 7.92422 11.4887 9.17559L23.4219 21.1088C24.6733 22.3602 24.6733 24.3891 23.4219 25.6404C22.1706 26.8918 20.1417 26.8918 18.8903 25.6404L6.95708 13.7072C5.70571 12.4558 5.70571 10.427 6.95708 9.17559Z"
      fill="url(#paint15_linear_18_25869)"
    />
    <path
      d="M6.95708 9.17559C8.20845 7.92422 10.2373 7.92422 11.4887 9.17559L23.4219 21.1088C24.6733 22.3602 24.6733 24.3891 23.4219 25.6404C22.1706 26.8918 20.1417 26.8918 18.8903 25.6404L6.95708 13.7072C5.70571 12.4558 5.70571 10.427 6.95708 9.17559Z"
      fill="url(#paint16_linear_18_25869)"
    />
    <g filter="url(#filter5_f_18_25869)">
      <rect
        x={9.88245}
        y={9.33289}
        width={18.9126}
        height={1.60938}
        rx={0.804692}
        transform="rotate(45 9.88245 9.33289)"
        fill="#DFDDE1"
      />
    </g>
    <g filter="url(#filter6_f_18_25869)">
      <rect
        x={7.39148}
        y={17.303}
        width={1.04993}
        height={5.42035}
        rx={0.524963}
        transform="rotate(45.861 7.39148 17.303)"
        fill="#498CFF"
      />
    </g>
    <g filter="url(#filter7_f_18_25869)">
      <rect
        x={10.7943}
        y={20.8334}
        width={1.04993}
        height={5.42035}
        rx={0.524963}
        transform="rotate(45.861 10.7943 20.8334)"
        fill="#498CFF"
      />
    </g>
    <g filter="url(#filter8_f_18_25869)">
      <rect
        x={14.369}
        y={24.3148}
        width={1.04993}
        height={5.42035}
        rx={0.524963}
        transform="rotate(45.861 14.369 24.3148)"
        fill="#498CFF"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_18_25869"
        x={22.9741}
        y={3.4187}
        width={5.87646}
        height={5.87646}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.25}
          result="effect1_foregroundBlur_18_25869"
        />
      </filter>
      <filter
        id="filter1_i_18_25869"
        x={2.27747}
        y={16.6213}
        width={6.33557}
        height={6.33557}
        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 />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.2 0 0 0 0 0.352941 0 0 0 0 0.858824 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_25869"
        />
      </filter>
      <filter
        id="filter2_i_18_25869"
        x={5.75793}
        y={20.1018}
        width={6.33557}
        height={6.33557}
        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 />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.2 0 0 0 0 0.352941 0 0 0 0 0.858824 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_25869"
        />
      </filter>
      <filter
        id="filter3_i_18_25869"
        x={9.21497}
        y={23.5901}
        width={6.33557}
        height={6.33557}
        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 />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.2 0 0 0 0 0.352941 0 0 0 0 0.858824 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_25869"
        />
      </filter>
      <filter
        id="filter4_i_18_25869"
        x={6.01855}
        y={7.73706}
        width={18.3419}
        height={18.8419}
        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.5} />
        <feGaussianBlur stdDeviation={0.75} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.552941 0 0 0 0 0.482353 0 0 0 0 0.666667 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_25869"
        />
      </filter>
      <filter
        id="filter5_f_18_25869"
        x={7.57776}
        y={8.16626}
        width={16.8446}
        height={16.8445}
        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_25869"
        />
      </filter>
      <filter
        id="filter6_f_18_25869"
        x={2.96887}
        y={16.7704}
        width={5.6864}
        height={5.59351}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.375}
          result="effect1_foregroundBlur_18_25869"
        />
      </filter>
      <filter
        id="filter7_f_18_25869"
        x={6.3717}
        y={20.3008}
        width={5.6864}
        height={5.59351}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.375}
          result="effect1_foregroundBlur_18_25869"
        />
      </filter>
      <filter
        id="filter8_f_18_25869"
        x={9.94641}
        y={23.7822}
        width={5.6864}
        height={5.59351}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.375}
          result="effect1_foregroundBlur_18_25869"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_25869"
        x1={27.1389}
        y1={16.1433}
        x2={27.1389}
        y2={14.1987}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A6A1AD" />
        <stop offset={1} stopColor="#BBB7C0" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_25869"
        x1={26.5423}
        y1={10.5085}
        x2={26.476}
        y2={13.3149}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9F9F9F" />
        <stop offset={1} stopColor="#B4B3B5" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_25869"
        x1={32.2654}
        y1={13.4474}
        x2={29.5696}
        y2={13.4474}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CCCCCC" />
        <stop offset={1} stopColor="#CCCCCC" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_25869"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(30.5639 13.6905) rotate(23.1395) scale(2.81155 1.50854)"
      >
        <stop stopColor="#DDDCDE" />
        <stop offset={1} stopColor="#CCCBCC" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_25869"
        x1={29.1333}
        y1={9.53591}
        x2={29.2752}
        y2={3.49724}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CFCFCF" />
        <stop offset={1} stopColor="#CFCFCF" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint5_radial_18_25869"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.9374 8.15627) rotate(135) scale(3.93328 2.86477)"
      >
        <stop offset={0.247191} stopColor="#979697" />
        <stop offset={1} stopColor="#7B7581" />
      </radialGradient>
      <linearGradient
        id="paint6_linear_18_25869"
        x1={2.74988}
        y1={22.7501}
        x2={4.15613}
        y2={21.2813}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#354FD8" />
        <stop offset={1} stopColor="#354FD8" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_25869"
        x1={6.23035}
        y1={26.2305}
        x2={7.6366}
        y2={24.7618}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#354FD8" />
        <stop offset={1} stopColor="#354FD8" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_25869"
        x1={9.68738}
        y1={29.7188}
        x2={11.0936}
        y2={28.2501}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#354FD8" />
        <stop offset={1} stopColor="#354FD8" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint9_radial_18_25869"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.5737 11.6449) rotate(135.562) scale(9.5979 10.8918)"
      >
        <stop offset={0.166894} stopColor="#D6D6D7" />
        <stop offset={1} stopColor="#AEAEAE" />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_25869"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.0787 15.9696) rotate(-134.512) scale(11.0563 9.17569)"
      >
        <stop offset={0.794818} stopColor="#B0B0B0" stopOpacity={0} />
        <stop offset={1} stopColor="#A1A1A1" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_18_25869"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.5464 8.85052) rotate(73.369) scale(13.3669 17.1392)"
      >
        <stop offset={0.717842} stopColor="#ACA3B7" stopOpacity={0} />
        <stop offset={0.951535} stopColor="#ACA3B7" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_25869"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.247 14.4687) rotate(-30.4153) scale(5.70919 3.89715)"
      >
        <stop stopColor="#E0DFE1" />
        <stop offset={1} stopColor="#E0DFE1" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint13_linear_18_25869"
        x1={17.3124}
        y1={16.0625}
        x2={18.1522}
        y2={15.2188}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.292193} stopColor="#B5B5B5" />
        <stop offset={1} stopColor="#B5B5B5" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint14_linear_18_25869"
        x1={16.5936}
        y1={15.25}
        x2={12.1561}
        y2={19.4375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CECECE" />
        <stop offset={1} stopColor="#A7A0B0" />
      </linearGradient>
      <linearGradient
        id="paint15_linear_18_25869"
        x1={18.5152}
        y1={15.9363}
        x2={15.9869}
        y2={18.5311}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0314178} stopColor="#D3D2D3" />
        <stop offset={1} stopColor="#C1BEC4" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint16_linear_18_25869"
        x1={5.84053}
        y1={8.91704}
        x2={8.63494}
        y2={11.8112}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0299083} stopColor="#A6A6A7" />
        <stop offset={1} stopColor="#A6A6A7" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = ShowerIcon;