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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const ReminderRibbonIcon = ({ 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_1305)">
      <path
        d="M19.2347 8.22925C16.8222 7.37925 13.7191 7.87508 12.4691 8.22925C12.1931 8.13029 11.616 7.73862 11.516 6.96362C11.391 5.99487 10.7503 2.83863 15.9066 2.66675C20.0316 2.52925 21.4274 4.71363 21.6097 5.823L19.2347 8.22925Z"
        fill="url(#paint0_radial_18_1305)"
      />
      <path
        d="M19.2347 8.22925C16.8222 7.37925 13.7191 7.87508 12.4691 8.22925C12.1931 8.13029 11.616 7.73862 11.516 6.96362C11.391 5.99487 10.7503 2.83863 15.9066 2.66675C20.0316 2.52925 21.4274 4.71363 21.6097 5.823L19.2347 8.22925Z"
        fill="url(#paint1_radial_18_1305)"
      />
    </g>
    <g filter="url(#filter1_i_18_1305)">
      <path
        d="M19.4983 14.5052C22.46 17.308 26.4017 20.9904 29.8902 24.0901C30.0966 24.2735 30.1142 24.5885 29.9307 24.7948C27.7659 27.2287 25.9384 29.1498 25.2154 29.9015C25.0301 30.0942 24.7273 30.1057 24.529 29.9265C21.5443 27.23 17.4602 23.1151 14.0823 19.6203L19.4983 14.5052Z"
        fill="#FFC444"
      />
      <path
        d="M19.4983 14.5052C22.46 17.308 26.4017 20.9904 29.8902 24.0901C30.0966 24.2735 30.1142 24.5885 29.9307 24.7948C27.7659 27.2287 25.9384 29.1498 25.2154 29.9015C25.0301 30.0942 24.7273 30.1057 24.529 29.9265C21.5443 27.23 17.4602 23.1151 14.0823 19.6203L19.4983 14.5052Z"
        fill="url(#paint2_linear_18_1305)"
      />
    </g>
    <path
      d="M19.4983 14.5052C22.46 17.308 26.4017 20.9904 29.8902 24.0901C30.0966 24.2735 30.1142 24.5885 29.9307 24.7948C27.7659 27.2287 25.9384 29.1498 25.2154 29.9015C25.0301 30.0942 24.7273 30.1057 24.529 29.9265C21.5443 27.23 17.4602 23.1151 14.0823 19.6203L19.4983 14.5052Z"
      fill="url(#paint3_linear_18_1305)"
    />
    <path
      d="M19.4983 14.5052C22.46 17.308 26.4017 20.9904 29.8902 24.0901C30.0966 24.2735 30.1142 24.5885 29.9307 24.7948C27.7659 27.2287 25.9384 29.1498 25.2154 29.9015C25.0301 30.0942 24.7273 30.1057 24.529 29.9265C21.5443 27.23 17.4602 23.1151 14.0823 19.6203L19.4983 14.5052Z"
      fill="url(#paint4_linear_18_1305)"
    />
    <path
      d="M18.4835 13.5428C16.3477 11.5137 14.928 10.1402 14.928 10.1402C13.7284 8.96454 11.6094 6.74487 11.8901 5.24473C12.3016 3.04568 14.9027 3.05733 16.1127 3.06275C16.1692 3.06301 16.2227 3.06325 16.2728 3.06325V1.90894C14.3129 1.90894 12.6413 2.19245 10.7547 3.56629C7.67956 5.80565 5.55303 10.624 10.2033 15.5582C11.0547 16.4615 12.0923 17.5532 13.237 18.7435C14.9751 17.0191 16.7832 15.2264 18.4835 13.5428Z"
      fill="url(#paint5_radial_18_1305)"
    />
    <path
      d="M18.4835 13.5428C16.3477 11.5137 14.928 10.1402 14.928 10.1402C13.7284 8.96454 11.6094 6.74487 11.8901 5.24473C12.3016 3.04568 14.9027 3.05733 16.1127 3.06275C16.1692 3.06301 16.2227 3.06325 16.2728 3.06325V1.90894C14.3129 1.90894 12.6413 2.19245 10.7547 3.56629C7.67956 5.80565 5.55303 10.624 10.2033 15.5582C11.0547 16.4615 12.0923 17.5532 13.237 18.7435C14.9751 17.0191 16.7832 15.2264 18.4835 13.5428Z"
      fill="url(#paint6_linear_18_1305)"
    />
    <path
      d="M18.4835 13.5428C16.3477 11.5137 14.928 10.1402 14.928 10.1402C13.7284 8.96454 11.6094 6.74487 11.8901 5.24473C12.3016 3.04568 14.9027 3.05733 16.1127 3.06275C16.1692 3.06301 16.2227 3.06325 16.2728 3.06325V1.90894C14.3129 1.90894 12.6413 2.19245 10.7547 3.56629C7.67956 5.80565 5.55303 10.624 10.2033 15.5582C11.0547 16.4615 12.0923 17.5532 13.237 18.7435C14.9751 17.0191 16.7832 15.2264 18.4835 13.5428Z"
      fill="url(#paint7_linear_18_1305)"
    />
    <path
      d="M18.4835 13.5428C16.3477 11.5137 14.928 10.1402 14.928 10.1402C13.7284 8.96454 11.6094 6.74487 11.8901 5.24473C12.3016 3.04568 14.9027 3.05733 16.1127 3.06275C16.1692 3.06301 16.2227 3.06325 16.2728 3.06325V1.90894C14.3129 1.90894 12.6413 2.19245 10.7547 3.56629C7.67956 5.80565 5.55303 10.624 10.2033 15.5582C11.0547 16.4615 12.0923 17.5532 13.237 18.7435C14.9751 17.0191 16.7832 15.2264 18.4835 13.5428Z"
      fill="url(#paint8_radial_18_1305)"
    />
    <g filter="url(#filter2_i_18_1305)">
      <path
        d="M16.9308 10.064L1.98863 23.816C1.78712 24.0014 1.77231 24.3145 1.9554 24.5182L6.61767 29.7041C6.80753 29.9153 7.13473 29.9263 7.33834 29.7283C11.3758 25.8031 18.262 19.2123 21.8262 15.5543C26.4554 10.8033 24.35 5.80178 21.2748 3.56242C19.3882 2.18858 17.8949 1.90894 16.2729 1.90894V3.05934C17.3952 3.05934 20.0908 3.59842 20.4137 5.14407C20.7155 6.58893 18.1304 8.88827 16.9308 10.064Z"
        fill="#FFD24B"
      />
      <path
        d="M16.9308 10.064L1.98863 23.816C1.78712 24.0014 1.77231 24.3145 1.9554 24.5182L6.61767 29.7041C6.80753 29.9153 7.13473 29.9263 7.33834 29.7283C11.3758 25.8031 18.262 19.2123 21.8262 15.5543C26.4554 10.8033 24.35 5.80178 21.2748 3.56242C19.3882 2.18858 17.8949 1.90894 16.2729 1.90894V3.05934C17.3952 3.05934 20.0908 3.59842 20.4137 5.14407C20.7155 6.58893 18.1304 8.88827 16.9308 10.064Z"
        fill="url(#paint9_radial_18_1305)"
      />
      <path
        d="M16.9308 10.064L1.98863 23.816C1.78712 24.0014 1.77231 24.3145 1.9554 24.5182L6.61767 29.7041C6.80753 29.9153 7.13473 29.9263 7.33834 29.7283C11.3758 25.8031 18.262 19.2123 21.8262 15.5543C26.4554 10.8033 24.35 5.80178 21.2748 3.56242C19.3882 2.18858 17.8949 1.90894 16.2729 1.90894V3.05934C17.3952 3.05934 20.0908 3.59842 20.4137 5.14407C20.7155 6.58893 18.1304 8.88827 16.9308 10.064Z"
        fill="url(#paint10_linear_18_1305)"
      />
    </g>
    <path
      d="M16.9308 10.064L1.98863 23.816C1.78712 24.0014 1.77231 24.3145 1.9554 24.5182L6.61767 29.7041C6.80753 29.9153 7.13473 29.9263 7.33834 29.7283C11.3758 25.8031 18.262 19.2123 21.8262 15.5543C26.4554 10.8033 24.35 5.80178 21.2748 3.56242C19.3882 2.18858 17.8949 1.90894 16.2729 1.90894V3.05934C17.3952 3.05934 20.0908 3.59842 20.4137 5.14407C20.7155 6.58893 18.1304 8.88827 16.9308 10.064Z"
      fill="url(#paint11_radial_18_1305)"
    />
    <path
      d="M16.9308 10.064L1.98863 23.816C1.78712 24.0014 1.77231 24.3145 1.9554 24.5182L6.61767 29.7041C6.80753 29.9153 7.13473 29.9263 7.33834 29.7283C11.3758 25.8031 18.262 19.2123 21.8262 15.5543C26.4554 10.8033 24.35 5.80178 21.2748 3.56242C19.3882 2.18858 17.8949 1.90894 16.2729 1.90894V3.05934C17.3952 3.05934 20.0908 3.59842 20.4137 5.14407C20.7155 6.58893 18.1304 8.88827 16.9308 10.064Z"
      fill="url(#paint12_radial_18_1305)"
    />
    <g filter="url(#filter3_f_18_1305)">
      <path
        d="M16.6563 2.6355C15.6563 2.47925 12.6545 2.687 11.774 3.96257C10.6849 5.54022 11.2547 7.30412 13.6705 9.85545"
        stroke="url(#paint13_radial_18_1305)"
        strokeWidth={0.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter4_f_18_1305)">
      <path
        d="M20.8204 3.93237C20.031 2.96014 18.5439 2.55533 18.0067 2.44562L17.7684 3.08116C18.2564 3.18708 19.4305 3.54816 20.0625 4.24487C21.0456 5.32851 20.1289 6.80392 19.6485 7.41675C20.8829 6.34644 21.63 4.92961 20.8204 3.93237Z"
        fill="url(#paint14_linear_18_1305)"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_1305"
        x={11.4241}
        y={2.51055}
        width={10.1857}
        height={5.7187}
        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.15} />
        <feGaussianBlur stdDeviation={0.125} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.847059 0 0 0 0 0.52549 0 0 0 0 0.4 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_1305"
        />
      </filter>
      <filter
        id="filter1_i_18_1305"
        x={14.0823}
        y={14.5052}
        width={16.3752}
        height={15.6486}
        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.1} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.898039 0 0 0 0 0.521569 0 0 0 0 0.352941 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_1305"
        />
      </filter>
      <filter
        id="filter2_i_18_1305"
        x={1.82727}
        y={1.70894}
        width={22.8949}
        height={28.161}
        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} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.866667 0 0 0 0 0.517647 0 0 0 0 0.309804 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_1305"
        />
      </filter>
      <filter
        id="filter3_f_18_1305"
        x={10.4941}
        y={1.84061}
        width={6.91211}
        height={8.76483}
        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_1305"
        />
      </filter>
      <filter
        id="filter4_f_18_1305"
        x={17.4684}
        y={2.14562}
        width={3.98965}
        height={5.57113}
        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_1305"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_1305"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(11.4241 6.64956) rotate(0.300378) scale(8.61353 4.38891)"
      >
        <stop stopColor="#FAAE36" />
        <stop offset={1} stopColor="#CF7C39" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_1305"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.1992 8.63643) rotate(-90) scale(5.55422 9.43767)"
      >
        <stop offset={0.800981} stopColor="#D67B44" stopOpacity={0} />
        <stop offset={1} stopColor="#D67B44" />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_1305"
        x1={19.8118}
        y1={26.0216}
        x2={24.2371}
        y2={20.9189}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F69C3E" />
        <stop offset={1} stopColor="#F69C3E" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_1305"
        x1={26.1788}
        y1={20.2416}
        x2={24.6435}
        y2={21.9575}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0676922} stopColor="#FFFF5D" />
        <stop offset={1} stopColor="#FFE151" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_1305"
        x1={17.8249}
        y1={18.2773}
        x2={18.8861}
        y2={19.203}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F79E36" />
        <stop offset={1} stopColor="#F79E36" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint5_radial_18_1305"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.425 7.14628) rotate(112.81) scale(10.4833 9.59074)"
      >
        <stop offset={0.356687} stopColor="#EFBC2A" />
        <stop offset={1} stopColor="#AD9347" />
      </radialGradient>
      <linearGradient
        id="paint6_linear_18_1305"
        x1={16.6508}
        y1={2.85643}
        x2={12.6319}
        y2={5.34003}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFDC38" />
        <stop offset={1} stopColor="#FFDC38" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_1305"
        x1={14.3704}
        y1={13.5811}
        x2={12.8125}
        y2={12.3393}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C6942E" />
        <stop offset={0.379637} stopColor="#C6942E" stopOpacity={0.796369} />
        <stop offset={1} stopColor="#C6942E" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint8_radial_18_1305"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.0769 4.88846) rotate(-127.154) scale(3.73836 5.39913)"
      >
        <stop stopColor="#FFC42B" />
        <stop offset={1} stopColor="#FFC42B" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_1305"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.0625 8.60034) rotate(106.407) scale(11.7275 7.23391)"
      >
        <stop stopColor="#FFFF68" />
        <stop offset={1} stopColor="#FFFF68" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint10_linear_18_1305"
        x1={2.37835}
        y1={30.0911}
        x2={6.12035}
        y2={26.6637}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#EAA138" />
        <stop offset={1} stopColor="#EAA138" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint11_radial_18_1305"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.8958 2.13921) rotate(19.8407) scale(4.68118 3.80332)"
      >
        <stop offset={0.149614} stopColor="#FED235" />
        <stop offset={1} stopColor="#FED235" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_1305"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.3516 5.60425) rotate(-67.4161) scale(1.91226 1.51137)"
      >
        <stop offset={0.576416} stopColor="#BD952C" />
        <stop offset={1} stopColor="#BD952C" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint13_radial_18_1305"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(11.5156 3.55737) rotate(32.1787) scale(6.57202 7.92358)"
      >
        <stop stopColor="#FFFC58" />
        <stop offset={1} stopColor="#FFFC58" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint14_linear_18_1305"
        x1={20.5469}
        y1={6.05737}
        x2={17.7684}
        y2={2.52612}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C19C31" />
        <stop offset={1} stopColor="#C19C31" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = ReminderRibbonIcon;