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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const UmbrellaIcon = ({ 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_15449)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M15.98 21.8902C16.5323 21.8902 16.98 22.3379 16.98 22.8902V26.4302C16.98 28.3525 15.4323 29.9002 13.51 29.9002C11.5851 29.9002 10.04 28.3398 10.04 26.4302C10.04 25.8779 10.4877 25.4302 11.04 25.4302C11.5923 25.4302 12.04 25.8779 12.04 26.4302C12.04 27.2406 12.6949 27.9002 13.51 27.9002C14.3277 27.9002 14.98 27.2479 14.98 26.4302V22.8902C14.98 22.3379 15.4277 21.8902 15.98 21.8902Z"
        fill="url(#paint0_linear_18_15449)"
      />
    </g>
    <g filter="url(#filter1_f_18_15449)">
      <path
        d="M11.04 26.1309C11.04 27.537 12.1773 28.6847 13.5938 28.6847C15.0103 28.6847 16.1477 27.5474 16.1477 26.1309V22.4707"
        stroke="url(#paint1_linear_18_15449)"
        strokeWidth={0.5}
        strokeMiterlimit={10}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter2_i_18_15449)">
      <path
        d="M16.98 4.23023C16.98 3.67794 16.5323 3.23022 15.98 3.23022C15.4277 3.23022 14.98 3.67794 14.98 4.23023L14.98 22.3847C14.98 22.4359 15.0525 22.4567 15.0831 22.4156C15.2978 22.1281 15.6275 21.8909 15.9973 21.8909C16.3499 21.8909 16.6662 22.1138 16.8809 22.3797C16.9122 22.4184 16.98 22.3971 16.98 22.3474L16.98 4.23023Z"
        fill="url(#paint2_radial_18_15449)"
      />
      <path
        d="M16.98 4.23023C16.98 3.67794 16.5323 3.23022 15.98 3.23022C15.4277 3.23022 14.98 3.67794 14.98 4.23023L14.98 22.3847C14.98 22.4359 15.0525 22.4567 15.0831 22.4156C15.2978 22.1281 15.6275 21.8909 15.9973 21.8909C16.3499 21.8909 16.6662 22.1138 16.8809 22.3797C16.9122 22.4184 16.98 22.3971 16.98 22.3474L16.98 4.23023Z"
        fill="url(#paint3_radial_18_15449)"
      />
    </g>
    <path
      d="M16.8892 2.79944C16.9092 2.88374 16.8395 2.95753 16.7529 2.95753H15.1772C15.0906 2.95753 15.0209 2.88374 15.0409 2.79944C15.1401 2.38102 15.5162 2.06976 15.965 2.06976C16.4138 2.06976 16.7899 2.38102 16.8892 2.79944Z"
      fill="url(#paint4_radial_18_15449)"
    />
    <path
      d="M16.8892 2.79944C16.9092 2.88374 16.8395 2.95753 16.7529 2.95753H15.1772C15.0906 2.95753 15.0209 2.88374 15.0409 2.79944C15.1401 2.38102 15.5162 2.06976 15.965 2.06976C16.4138 2.06976 16.7899 2.38102 16.8892 2.79944Z"
      fill="url(#paint5_linear_18_15449)"
    />
    <g filter="url(#filter3_i_18_15449)">
      <path
        d="M5.5 14.9102C6.78 14.9102 7.9 15.6102 8.5 16.6402C8.6 16.8002 8.77 16.9002 8.96 16.9002H9.02C9.21 16.9002 9.38 16.8002 9.48 16.6402C10.09 15.6102 11.2 14.9102 12.48 14.9102C13.76 14.9102 14.88 15.6102 15.48 16.6402C15.58 16.8002 15.75 16.9002 15.94 16.9002H16C16.19 16.9002 16.36 16.8002 16.46 16.6402C17.07 15.6102 18.18 14.9102 19.46 14.9102C20.74 14.9102 21.86 15.6102 22.46 16.6402C22.56 16.8002 22.73 16.9002 22.92 16.9002H22.98C23.17 16.9002 23.34 16.8002 23.44 16.6402C24.05 15.6102 25.16 14.9102 26.44 14.9102C27.78 14.9102 28.94 15.6702 29.52 16.7902C29.56 16.8602 29.63 16.9102 29.71 16.9102C29.83 16.9102 29.93 16.8102 29.93 16.6902C29.83 9.07018 23.62 2.93018 15.97 2.93018C8.32 2.93018 2.12 9.07018 2 16.6802C2 16.8002 2.1 16.9002 2.22 16.9002C2.3 16.9002 2.38 16.8502 2.41 16.7802C3 15.6702 4.16 14.9102 5.5 14.9102Z"
        fill="url(#paint6_radial_18_15449)"
      />
      <path
        d="M5.5 14.9102C6.78 14.9102 7.9 15.6102 8.5 16.6402C8.6 16.8002 8.77 16.9002 8.96 16.9002H9.02C9.21 16.9002 9.38 16.8002 9.48 16.6402C10.09 15.6102 11.2 14.9102 12.48 14.9102C13.76 14.9102 14.88 15.6102 15.48 16.6402C15.58 16.8002 15.75 16.9002 15.94 16.9002H16C16.19 16.9002 16.36 16.8002 16.46 16.6402C17.07 15.6102 18.18 14.9102 19.46 14.9102C20.74 14.9102 21.86 15.6102 22.46 16.6402C22.56 16.8002 22.73 16.9002 22.92 16.9002H22.98C23.17 16.9002 23.34 16.8002 23.44 16.6402C24.05 15.6102 25.16 14.9102 26.44 14.9102C27.78 14.9102 28.94 15.6702 29.52 16.7902C29.56 16.8602 29.63 16.9102 29.71 16.9102C29.83 16.9102 29.93 16.8102 29.93 16.6902C29.83 9.07018 23.62 2.93018 15.97 2.93018C8.32 2.93018 2.12 9.07018 2 16.6802C2 16.8002 2.1 16.9002 2.22 16.9002C2.3 16.9002 2.38 16.8502 2.41 16.7802C3 15.6702 4.16 14.9102 5.5 14.9102Z"
        fill="url(#paint7_radial_18_15449)"
      />
      <path
        d="M5.5 14.9102C6.78 14.9102 7.9 15.6102 8.5 16.6402C8.6 16.8002 8.77 16.9002 8.96 16.9002H9.02C9.21 16.9002 9.38 16.8002 9.48 16.6402C10.09 15.6102 11.2 14.9102 12.48 14.9102C13.76 14.9102 14.88 15.6102 15.48 16.6402C15.58 16.8002 15.75 16.9002 15.94 16.9002H16C16.19 16.9002 16.36 16.8002 16.46 16.6402C17.07 15.6102 18.18 14.9102 19.46 14.9102C20.74 14.9102 21.86 15.6102 22.46 16.6402C22.56 16.8002 22.73 16.9002 22.92 16.9002H22.98C23.17 16.9002 23.34 16.8002 23.44 16.6402C24.05 15.6102 25.16 14.9102 26.44 14.9102C27.78 14.9102 28.94 15.6702 29.52 16.7902C29.56 16.8602 29.63 16.9102 29.71 16.9102C29.83 16.9102 29.93 16.8102 29.93 16.6902C29.83 9.07018 23.62 2.93018 15.97 2.93018C8.32 2.93018 2.12 9.07018 2 16.6802C2 16.8002 2.1 16.9002 2.22 16.9002C2.3 16.9002 2.38 16.8502 2.41 16.7802C3 15.6702 4.16 14.9102 5.5 14.9102Z"
        fill="url(#paint8_radial_18_15449)"
      />
    </g>
    <g filter="url(#filter4_f_18_15449)">
      <path
        d="M15.8057 4.06018V14.9002"
        stroke="url(#paint9_linear_18_15449)"
        strokeWidth={0.4}
        strokeMiterlimit={10}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter5_f_18_15449)">
      <path
        d="M16.2744 4.06018V14.9002"
        stroke="url(#paint10_linear_18_15449)"
        strokeWidth={0.4}
        strokeMiterlimit={10}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter6_if_18_15449)">
      <path
        d="M9.04004 14.8502C9.04004 8.86019 11.65 4.79019 15.04 4.01019"
        stroke="#7B5EA6"
        strokeWidth={0.5}
        strokeMiterlimit={10}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter7_f_18_15449)">
      <path
        d="M22.97 14.9002C22.97 8.9502 20.39 4.8502 17.04 4.0202"
        stroke="#7845AE"
        strokeWidth={0.5}
        strokeMiterlimit={10}
        strokeLinecap="round"
      />
      <path
        d="M22.97 14.9002C22.97 8.9502 20.39 4.8502 17.04 4.0202"
        stroke="url(#paint11_linear_18_15449)"
        strokeWidth={0.5}
        strokeMiterlimit={10}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter8_f_18_15449)">
      <path
        d="M22.97 14.9002C22.97 8.9502 20.39 4.8502 17.04 4.0202"
        stroke="url(#paint12_linear_18_15449)"
        strokeWidth={0.15}
        strokeMiterlimit={10}
        strokeLinecap="round"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_15449"
        x={10.04}
        y={21.6402}
        width={7.19}
        height={8.26001}
        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.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.380392 0 0 0 0 0.203922 0 0 0 0 0.368627 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_15449"
        />
      </filter>
      <filter
        id="filter1_f_18_15449"
        x={10.29}
        y={21.7207}
        width={6.60773}
        height={7.71405}
        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_15449"
        />
      </filter>
      <filter
        id="filter2_i_18_15449"
        x={14.98}
        y={3.13022}
        width={2}
        height={19.3072}
        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.1} />
        <feGaussianBlur stdDeviation={0.05} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.27451 0 0 0 0 0.12549 0 0 0 0 0.427451 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_15449"
        />
      </filter>
      <filter
        id="filter3_i_18_15449"
        x={2}
        y={2.63018}
        width={27.93}
        height={14.28}
        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.3} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.266667 0 0 0 0 0.184314 0 0 0 0 0.47451 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_15449"
        />
      </filter>
      <filter
        id="filter4_f_18_15449"
        x={15.2057}
        y={3.46017}
        width={1.20002}
        height={12.04}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.2}
          result="effect1_foregroundBlur_18_15449"
        />
      </filter>
      <filter
        id="filter5_f_18_15449"
        x={15.6744}
        y={3.46017}
        width={1.20002}
        height={12.04}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.2}
          result="effect1_foregroundBlur_18_15449"
        />
      </filter>
      <filter
        id="filter6_if_18_15449"
        x={8.39004}
        y={3.36013}
        width={7.30006}
        height={12.1401}
        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.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.321569 0 0 0 0 0.254902 0 0 0 0 0.529412 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_15449"
        />
        <feGaussianBlur
          stdDeviation={0.2}
          result="effect2_foregroundBlur_18_15449"
        />
      </filter>
      <filter
        id="filter7_f_18_15449"
        x={16.4899}
        y={3.47014}
        width={7.03005}
        height={11.9801}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.15}
          result="effect1_foregroundBlur_18_15449"
        />
      </filter>
      <filter
        id="filter8_f_18_15449"
        x={16.815}
        y={3.79519}
        width={6.38002}
        height={11.33}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.075}
          result="effect1_foregroundBlur_18_15449"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_15449"
        x1={13.51}
        y1={21.8902}
        x2={13.51}
        y2={29.0599}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7B4F49" />
        <stop offset={1} stopColor="#60333E" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_15449"
        x1={15.2251}
        y1={28.4995}
        x2={15.2251}
        y2={18.3539}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.380614} stopColor="#886B69" />
        <stop offset={1} stopColor="#886B69" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint2_radial_18_15449"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.98 21.9665) rotate(-90) scale(5.86833 3.00589)"
      >
        <stop stopColor="#504570" />
        <stop offset={1} stopColor="#3E3157" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_15449"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.3654 21.9585) rotate(-90) scale(3.46132 6.95619e-07)"
      >
        <stop stopColor="#504573" />
        <stop offset={1} stopColor="#504573" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_18_15449"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.2398 2.91368) rotate(-90) scale(0.673425 0.803684)"
      >
        <stop stopColor="#6C5983" />
        <stop offset={1} stopColor="#563E71" />
      </radialGradient>
      <linearGradient
        id="paint5_linear_18_15449"
        x1={16.0618}
        y1={2.95753}
        x2={16.0618}
        y2={2.74025}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#4A1876" />
        <stop offset={1} stopColor="#4A1876" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint6_radial_18_15449"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.2931 8.33422) rotate(158.645) scale(15.0372 22.9615)"
      >
        <stop offset={0.245182} stopColor="#8A60BB" />
        <stop offset={1} stopColor="#554A87" />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_15449"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.965 16.9102) rotate(-27.7374) scale(14.1035 30.0052)"
      >
        <stop offset={0.759876} stopColor="#8A63B5" stopOpacity={0} />
        <stop offset={1} stopColor="#8A63B5" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_15449"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.3988 9.92017) rotate(168.528) scale(21.3383 42.6309)"
      >
        <stop offset={0.884821} stopColor="#625D82" stopOpacity={0} />
        <stop offset={1} stopColor="#625D82" />
      </radialGradient>
      <linearGradient
        id="paint9_linear_18_15449"
        x1={15.3352}
        y1={13.4348}
        x2={15.3352}
        y2={3.09108}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7463A2" />
        <stop offset={1} stopColor="#7463A2" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint10_linear_18_15449"
        x1={15.804}
        y1={13.4348}
        x2={15.804}
        y2={3.09108}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#593E94" />
        <stop offset={1} stopColor="#68429F" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint11_linear_18_15449"
        x1={16.4449}
        y1={4.0202}
        x2={18.6229}
        y2={4.90601}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7D55AA" />
        <stop offset={1} stopColor="#7D55AA" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint12_linear_18_15449"
        x1={22.97}
        y1={16.0377}
        x2={21.4058}
        y2={6.07564}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#805FB2" />
        <stop offset={1} stopColor="#805FB2" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = UmbrellaIcon;