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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const UpButtonIcon = ({ 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_2490)">
      <rect
        x={1.72339}
        y={1.8125}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint0_linear_18590_2490)"
      />
      <rect
        x={1.72339}
        y={1.8125}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint1_radial_18590_2490)"
      />
    </g>
    <g filter="url(#filter1_f_18590_2490)">
      <path
        d="M27.9109 4.3125V27.1875"
        stroke="url(#paint2_linear_18590_2490)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter2_f_18590_2490)">
      <path
        d="M5.18726 3.625H26.9685"
        stroke="url(#paint3_linear_18590_2490)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter3_f_18590_2490)">
      <path
        d="M15.5889 9.75C15.0366 9.75 14.5889 10.1977 14.5889 10.75V20.75C14.5889 21.3023 15.0366 21.75 15.5889 21.75C16.1412 21.75 16.5889 21.3023 16.5889 20.75V16.8277C16.5889 16.7725 16.6336 16.7277 16.6889 16.7277H19.0884C20.0559 16.7277 20.9501 16.3939 21.6081 15.7601C22.2697 15.123 22.6357 14.2367 22.6357 13.2472C22.6357 11.1956 21.087 9.75 19.0884 9.75H15.5889ZM19.0884 14.7277H16.6889C16.6336 14.7277 16.5889 14.6829 16.5889 14.6277V11.85C16.5889 11.7948 16.6336 11.75 16.6889 11.75H19.0884C20.0358 11.75 20.6357 12.3527 20.6357 13.2472C20.6357 13.7308 20.4646 14.0847 20.2208 14.3196C19.9734 14.5578 19.5939 14.7277 19.0884 14.7277Z"
        fill="#579FFF"
      />
      <path
        d="M6.58887 10.8281C6.58887 10.2758 6.14115 9.82812 5.58887 9.82812C5.03658 9.82812 4.58887 10.2758 4.58887 10.8281V17.7031C4.58887 19.9259 6.3711 21.75 8.59668 21.75C10.8223 21.75 12.6045 19.9259 12.6045 17.7031V10.8281C12.6045 10.2758 12.1568 9.82812 11.6045 9.82812C11.0522 9.82812 10.6045 10.2758 10.6045 10.8281V17.7031C10.6045 18.8458 9.69344 19.75 8.59668 19.75C7.49992 19.75 6.58887 18.8458 6.58887 17.7031V10.8281Z"
        fill="#579FFF"
      />
      <path
        d="M25.6006 9.75C26.1529 9.75 26.6006 10.1977 26.6006 10.75V17.6562C26.6006 18.2085 26.1529 18.6562 25.6006 18.6562C25.0483 18.6562 24.6006 18.2085 24.6006 17.6562V10.75C24.6006 10.1977 25.0483 9.75 25.6006 9.75Z"
        fill="#579FFF"
      />
      <path
        d="M25.6006 21.4766C26.2219 21.4766 26.7256 20.9729 26.7256 20.3516C26.7256 19.7302 26.2219 19.2266 25.6006 19.2266C24.9793 19.2266 24.4756 19.7302 24.4756 20.3516C24.4756 20.9729 24.9793 21.4766 25.6006 21.4766Z"
        fill="#579FFF"
      />
    </g>
    <g filter="url(#filter4_ii_18590_2490)">
      <path
        d="M15.5889 9.75C15.0366 9.75 14.5889 10.1977 14.5889 10.75V20.75C14.5889 21.3023 15.0366 21.75 15.5889 21.75C16.1412 21.75 16.5889 21.3023 16.5889 20.75V16.8277C16.5889 16.7725 16.6336 16.7277 16.6889 16.7277H19.0884C20.0559 16.7277 20.9501 16.3939 21.6081 15.7601C22.2697 15.123 22.6357 14.2367 22.6357 13.2472C22.6357 11.1956 21.087 9.75 19.0884 9.75H15.5889ZM19.0884 14.7277H16.6889C16.6336 14.7277 16.5889 14.6829 16.5889 14.6277V11.85C16.5889 11.7948 16.6336 11.75 16.6889 11.75H19.0884C20.0358 11.75 20.6357 12.3527 20.6357 13.2472C20.6357 13.7308 20.4646 14.0847 20.2208 14.3196C19.9734 14.5578 19.5939 14.7277 19.0884 14.7277Z"
        fill="#FCF2FF"
      />
      <path
        d="M6.58887 10.8281C6.58887 10.2758 6.14115 9.82812 5.58887 9.82812C5.03658 9.82812 4.58887 10.2758 4.58887 10.8281V17.7031C4.58887 19.9259 6.3711 21.75 8.59668 21.75C10.8223 21.75 12.6045 19.9259 12.6045 17.7031V10.8281C12.6045 10.2758 12.1568 9.82812 11.6045 9.82812C11.0522 9.82812 10.6045 10.2758 10.6045 10.8281V17.7031C10.6045 18.8458 9.69344 19.75 8.59668 19.75C7.49992 19.75 6.58887 18.8458 6.58887 17.7031V10.8281Z"
        fill="#FCF2FF"
      />
      <path
        d="M25.6006 9.75C26.1529 9.75 26.6006 10.1977 26.6006 10.75V17.6562C26.6006 18.2085 26.1529 18.6562 25.6006 18.6562C25.0483 18.6562 24.6006 18.2085 24.6006 17.6562V10.75C24.6006 10.1977 25.0483 9.75 25.6006 9.75Z"
        fill="#FCF2FF"
      />
      <path
        d="M25.6006 21.4766C26.2219 21.4766 26.7256 20.9729 26.7256 20.3516C26.7256 19.7302 26.2219 19.2266 25.6006 19.2266C24.9793 19.2266 24.4756 19.7302 24.4756 20.3516C24.4756 20.9729 24.9793 21.4766 25.6006 21.4766Z"
        fill="#FCF2FF"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18590_2490"
        x={1.72339}
        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_2490"
        />
        <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_2490"
          result="effect2_innerShadow_18590_2490"
        />
      </filter>
      <filter
        id="filter1_f_18590_2490"
        x={25.1609}
        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_2490"
        />
      </filter>
      <filter
        id="filter2_f_18590_2490"
        x={2.43726}
        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_2490"
        />
      </filter>
      <filter
        id="filter3_f_18590_2490"
        x={3.58887}
        y={8.75}
        width={24.1367}
        height={14}
        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_2490"
        />
      </filter>
      <filter
        id="filter4_ii_18590_2490"
        x={3.58887}
        y={9.35}
        width={23.5367}
        height={13.4}
        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} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.866667 0 0 0 0 0.819608 0 0 0 0 0.941176 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_2490"
        />
        <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.5} />
        <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_2490"
          result="effect2_innerShadow_18590_2490"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18590_2490"
        x1={15.6609}
        y1={5.38701}
        x2={15.6609}
        y2={38.6397}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5CB7FF" />
        <stop offset={1} stopColor="#4878DD" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18590_2490"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.3796 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_2490"
        x1={28.4109}
        y1={4.3125}
        x2={28.4109}
        y2={27.1875}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7FD9FF" />
        <stop offset={1} stopColor="#639DF4" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18590_2490"
        x1={28.1248}
        y1={3.87502}
        x2={2.59351}
        y2={3.87502}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7DD8FF" />
        <stop offset={1} stopColor="#5DB6FF" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = UpButtonIcon;