import React from 'react';

export const PencilIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
    <svg 
        width="1em" 
        height="1em" 
        viewBox="0 0 24 24" 
        fill="none" 
        stroke="currentColor" 
        strokeWidth="1.5" 
        strokeLinecap="round" 
        strokeLinejoin="round" 
        {...props}
    >
        <path d="M21.2799 6.40005L11.7399 15.94C10.7899 16.89 7.96987 17.33 7.33987 16.7C6.70987 16.07 7.13987 13.25 8.08987 12.3L17.6399 2.75002C17.8754 2.49338 18.1605 2.28654 18.4781 2.14284C18.7956 1.99914 19.139 1.92123 19.4875 1.9139C19.836 1.90657 20.1821 1.97006 20.5056 2.10085C20.8291 2.23165 21.1219 2.4273 21.3686 2.67398C21.6153 2.92066 21.811 3.21345 21.9418 3.53697C22.0726 3.86049 22.1361 4.20655 22.1287 4.55505C22.1214 4.90355 22.0435 5.2469 21.8998 5.5644C21.7561 5.8819 21.5493 6.16702 21.2799 6.40005Z" />
        <path d="M11 4H6C4.93913 4 3.92172 4.42143 3.17157 5.17157C2.42143 5.92172 2 6.93913 2 8V18C2 19.0609 2.42143 20.0783 3.17157 20.8284C3.92172 21.5786 4.93913 22 6 22H16C17.0609 22 18.0783 21.5786 18.8284 20.8284C19.5786 20.0783 20 19.0609 20 18V13" />
    </svg>
);