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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const PencilIcon = ({ 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}
    <path
      d="M23.0368 2.50597C23.6226 1.92019 24.5723 1.92019 25.1581 2.50597L29.5212 6.86903C30.107 7.45481 30.107 8.40456 29.5212 8.99035L9.46387 29.0477L2.9795 22.5633L23.0368 2.50597Z"
      fill="url(#paint0_radial_18_22247)"
    />
    <path
      d="M23.0368 2.50597C23.6226 1.92019 24.5723 1.92019 25.1581 2.50597L29.5212 6.86903C30.107 7.45481 30.107 8.40456 29.5212 8.99035L9.46387 29.0477L2.9795 22.5633L23.0368 2.50597Z"
      fill="url(#paint1_linear_18_22247)"
    />
    <path
      d="M23.0368 2.50597C23.6226 1.92019 24.5723 1.92019 25.1581 2.50597L29.5212 6.86903C30.107 7.45481 30.107 8.40456 29.5212 8.99035L9.46387 29.0477L2.9795 22.5633L23.0368 2.50597Z"
      fill="url(#paint2_linear_18_22247)"
    />
    <path
      d="M23.0368 2.50597C23.6226 1.92019 24.5723 1.92019 25.1581 2.50597L29.5212 6.86903C30.107 7.45481 30.107 8.40456 29.5212 8.99035L9.46387 29.0477L2.9795 22.5633L23.0368 2.50597Z"
      fill="url(#paint3_radial_18_22247)"
    />
    <path
      d="M2.03436 29.7823C2.02253 29.9073 2.12756 30.0122 2.25261 30.0002L8.79374 29.3714C8.98196 29.3533 9.16119 29.2822 9.31064 29.1664L9.46389 29.0476L2.97951 22.5632L2.87895 22.685C2.75153 22.8393 2.67335 23.0283 2.6545 23.2275L2.03436 29.7823Z"
      fill="url(#paint4_linear_18_22247)"
    />
    <path
      d="M2.03436 29.7823C2.02253 29.9073 2.12756 30.0122 2.25261 30.0002L8.79374 29.3714C8.98196 29.3533 9.16119 29.2822 9.31064 29.1664L9.46389 29.0476L2.97951 22.5632L2.87895 22.685C2.75153 22.8393 2.67335 23.0283 2.6545 23.2275L2.03436 29.7823Z"
      fill="url(#paint5_linear_18_22247)"
    />
    <path
      d="M2.03436 29.7823C2.02253 29.9073 2.12756 30.0122 2.25261 30.0002L8.79374 29.3714C8.98196 29.3533 9.16119 29.2822 9.31064 29.1664L9.46389 29.0476L2.97951 22.5632L2.87895 22.685C2.75153 22.8393 2.67335 23.0283 2.6545 23.2275L2.03436 29.7823Z"
      fill="url(#paint6_linear_18_22247)"
    />
    <path
      d="M26.3397 12.1719L29.5212 8.99037C30.107 8.40459 30.107 7.45483 29.5212 6.86905L25.1581 2.50599C24.5723 1.9202 23.6226 1.9202 23.0368 2.50599L19.8553 5.68752L26.3397 12.1719Z"
      fill="url(#paint7_linear_18_22247)"
    />
    <path
      d="M26.3397 12.1719L29.5212 8.99037C30.107 8.40459 30.107 7.45483 29.5212 6.86905L25.1581 2.50599C24.5723 1.9202 23.6226 1.9202 23.0368 2.50599L19.8553 5.68752L26.3397 12.1719Z"
      fill="url(#paint8_linear_18_22247)"
    />
    <path
      d="M26.3397 12.1719L29.5212 8.99037C30.107 8.40459 30.107 7.45483 29.5212 6.86905L25.1581 2.50599C24.5723 1.9202 23.6226 1.9202 23.0368 2.50599L19.8553 5.68752L26.3397 12.1719Z"
      fill="url(#paint9_radial_18_22247)"
    />
    <path
      d="M16.6656 8.87719L19.8553 5.6875L26.3397 12.1719L23.15 15.3615L16.6656 8.87719Z"
      fill="url(#paint10_linear_18_22247)"
    />
    <path
      d="M16.6656 8.87719L19.8553 5.6875L26.3397 12.1719L23.15 15.3615L16.6656 8.87719Z"
      fill="url(#paint11_linear_18_22247)"
    />
    <path
      d="M2.25262 30.0002C2.12756 30.0122 2.02252 29.9073 2.03436 29.7823L2.25189 27.4829L4.54846 29.7795L2.25262 30.0002Z"
      fill="url(#paint12_linear_18_22247)"
    />
    <defs>
      <radialGradient
        id="paint0_radial_18_22247"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(6.19904 26) rotate(-45.6437) scale(19.6676 12.1998)"
      >
        <stop stopColor="#FF9130" />
        <stop offset={1} stopColor="#F3633D" />
      </radialGradient>
      <linearGradient
        id="paint1_linear_18_22247"
        x1={10.1365}
        y1={14.875}
        x2={11.699}
        y2={16.375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#EE9B6A" />
        <stop offset={1} stopColor="#EE9B6A" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_22247"
        x1={20.6365}
        y1={18.5}
        x2={18.7615}
        y2={16.9375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E66A62" />
        <stop offset={1} stopColor="#E66A62" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_22247"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(5.94904 25.8125) rotate(-44.8606) scale(18.1639 4.06177)"
      >
        <stop stopColor="#FF994D" />
        <stop offset={1} stopColor="#FF994D" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_22247"
        x1={3.88654}
        y1={26.0937}
        x2={6.51154}
        y2={30.2187}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D8A587" />
        <stop offset={1} stopColor="#CE7A98" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_22247"
        x1={6.98029}
        y1={26.2822}
        x2={6.45685}
        y2={26.8124}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.207411} stopColor="#FFC09F" />
        <stop offset={1} stopColor="#FCB196" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_22247"
        x1={1.51154}
        y1={25.9374}
        x2={3.63654}
        y2={26.1249}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DEBCA3" />
        <stop offset={1} stopColor="#DEBCA3" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_22247"
        x1={28.074}
        y1={4.93753}
        x2={23.949}
        y2={9.00003}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF6153" />
        <stop offset={1} stopColor="#FF6154" />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_22247"
        x1={20.7615}
        y1={4.56253}
        x2={24.0115}
        y2={7.56253}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F1553E" />
        <stop offset={1} stopColor="#F1553E" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint9_radial_18_22247"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.2303 5.87503) rotate(135) scale(1.37002 3.11227)"
      >
        <stop offset={0.177419} stopColor="#FF786D" />
        <stop offset={1} stopColor="#FF786D" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint10_linear_18_22247"
        x1={18.324}
        y1={7.375}
        x2={22.449}
        y2={11.125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C5C4CB" />
        <stop offset={1} stopColor="#E8DEFA" />
      </linearGradient>
      <linearGradient
        id="paint11_linear_18_22247"
        x1={24.824}
        y1={14.375}
        x2={22.5115}
        y2={12.125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C9B9E0" />
        <stop offset={1} stopColor="#C9B9E0" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint12_linear_18_22247"
        x1={2.23029}
        y1={28.5312}
        x2={3.29095}
        y2={30.0011}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#461E49" />
        <stop offset={1} stopColor="#450F51" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = PencilIcon;