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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const BackArrowIcon = ({ 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_iii_18590_918)">
      <path
        d="M16.7214 29.0107L14.1814 22.0607C14.0214 21.5707 13.5614 21.2507 13.0514 21.2507C12.5414 21.2507 12.0814 21.5707 11.9314 22.0407L9.36135 29.0207C9.18135 29.5007 9.43135 30.0207 9.91135 30.2007C10.0114 30.2307 10.1214 30.2507 10.2314 30.2507C10.6014 30.2507 10.9614 30.0207 11.0914 29.6507L11.5014 28.5207C11.5414 28.5307 11.5814 28.5307 11.6214 28.5307H14.4914C14.5214 28.5307 14.5613 28.5307 14.5914 28.5207L15.0014 29.6407C15.1814 30.1207 15.7014 30.3707 16.1814 30.1907C16.6514 30.0207 16.8914 29.4907 16.7214 29.0107ZM12.1814 26.6907L13.0514 24.3107L13.9114 26.6907H12.1814Z"
        fill="#59555F"
      />
      <path
        d="M8.62136 23.9607C8.62136 24.4907 8.47136 24.9807 8.21136 25.3907C8.86136 25.8807 9.28136 26.6707 9.28136 27.5407C9.28136 28.9207 8.23136 30.0807 6.88136 30.2307C6.84136 30.2407 6.79136 30.2507 6.75136 30.2407C6.69136 30.2507 6.63136 30.2507 6.57136 30.2507H3.31136C2.80136 30.2507 2.39136 29.8407 2.39136 29.3207V22.1607C2.39136 21.6607 2.80136 21.2507 3.31136 21.2507H5.91136C6.01136 21.2507 6.10136 21.2507 6.18136 21.2607C6.21136 21.2657 6.24386 21.2707 6.27636 21.2757C6.30886 21.2807 6.34136 21.2857 6.37136 21.2907C7.65136 21.5107 8.62136 22.6307 8.62136 23.9607ZM5.92136 23.0907H4.23136V24.8307H5.91136C6.39136 24.8307 6.79136 24.4407 6.79136 23.9607C6.79136 23.4807 6.40136 23.0907 5.92136 23.0907ZM4.23136 26.6607V28.4007H6.58136C7.06136 28.4007 7.45136 28.0107 7.45136 27.5307C7.45136 27.0507 7.06136 26.6607 6.58136 26.6607H4.23136Z"
        fill="#59555F"
      />
      <path
        d="M22.9914 28.6007C22.4014 29.6207 21.3114 30.2507 20.1314 30.2507C18.3014 30.2507 16.8214 28.7707 16.8214 26.9407V24.5607C16.8214 22.7307 18.3014 21.2507 20.1314 21.2507C21.3114 21.2507 22.4114 21.8907 23.0014 22.9007C23.2614 23.3407 23.1014 23.9007 22.6714 24.1607C22.2314 24.4207 21.6714 24.2707 21.4114 23.8307C21.1414 23.3807 20.6614 23.0907 20.1314 23.0907C19.3314 23.0907 18.6614 23.7507 18.6614 24.5607V26.9407C18.6614 27.7507 19.3314 28.4107 20.1314 28.4107C20.6614 28.4107 21.1414 28.1307 21.4114 27.6707C21.6714 27.2407 22.2214 27.0807 22.6714 27.3407C23.0914 27.6007 23.2514 28.1607 22.9914 28.6007Z"
        fill="#59555F"
      />
      <path
        d="M27.6214 25.1207L30.2214 28.8007C30.5114 29.2207 30.4214 29.7907 29.9914 30.0907C29.5714 30.3807 29.0014 30.2807 28.7114 29.8707L26.3014 26.4507L25.6114 27.1407V29.3407C25.6114 29.8507 25.2014 30.2607 24.6914 30.2607C24.1814 30.2607 23.7714 29.8507 23.7714 29.3407V22.1707C23.7714 21.6607 24.1814 21.2507 24.6914 21.2507C25.2014 21.2507 25.6114 21.6607 25.6114 22.1707V24.5407L28.6214 21.5207C28.9814 21.1607 29.5614 21.1607 29.9214 21.5207C30.2814 21.8807 30.2814 22.4607 29.9214 22.8207L27.6214 25.1207Z"
        fill="#59555F"
      />
    </g>
    <g filter="url(#filter1_iii_18590_918)">
      <path
        d="M2.75128 11.4807L11.0613 19.0507C11.6713 19.6107 12.6613 19.1707 12.6613 18.3407V14.7107C12.6613 14.3607 12.9513 14.0707 13.3013 14.0707H29.1613C29.8213 14.0707 30.3513 13.5407 30.3513 12.8807V8.67067C30.3513 8.01067 29.8213 7.48067 29.1613 7.48067H13.3013C12.9513 7.48067 12.6613 7.19067 12.6613 6.84067V3.21067C12.6613 2.38067 11.6713 1.94067 11.0613 2.50067L2.75128 10.0707C2.33128 10.4507 2.33128 11.1007 2.75128 11.4807Z"
        fill="url(#paint0_linear_18590_918)"
      />
    </g>
    <defs>
      <filter
        id="filter0_iii_18590_918"
        x={2.19136}
        y={20.6007}
        width={28.8483}
        height={9.65999}
        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.65} />
        <feGaussianBlur stdDeviation={0.325} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.176471 0 0 0 0 0.141176 0 0 0 0 0.211765 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_918"
        />
        <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.65} />
        <feGaussianBlur stdDeviation={0.325} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.176471 0 0 0 0 0.141176 0 0 0 0 0.211765 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_918"
          result="effect2_innerShadow_18590_918"
        />
        <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} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.176471 0 0 0 0 0.141176 0 0 0 0 0.211765 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect2_innerShadow_18590_918"
          result="effect3_innerShadow_18590_918"
        />
      </filter>
      <filter
        id="filter1_iii_18590_918"
        x={1.43628}
        y={1.25}
        width={28.915}
        height={19.0513}
        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} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.505882 0 0 0 0 0.47451 0 0 0 0 0.537255 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_918"
        />
        <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={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.152941 0 0 0 0 0.12549 0 0 0 0 0.188235 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_918"
          result="effect2_innerShadow_18590_918"
        />
        <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={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.239216 0 0 0 0 0.192157 0 0 0 0 0.290196 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect2_innerShadow_18590_918"
          result="effect3_innerShadow_18590_918"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18590_918"
        x1={16.3938}
        y1={5.54129}
        x2={16.3938}
        y2={19.3013}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#61576D" />
        <stop offset={1} stopColor="#4D4753" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = BackArrowIcon;