sebikostudio-icons/src/PenIcon.js

A collection of icon components

    import React, { forwardRef } from 'react';
  
    export const PenIcon = forwardRef(({ className, style, ariaLabel, ...props }, ref) => (
      <svg ref={ref} className={className} aria-label={ariaLabel || "pen, vector tool, tool, drawing"} style={style} width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path d="M17.5 2.5L10.5 9.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M10.4142 12.4142C9.63317 13.1953 8.36683 13.1953 7.58579 12.4142C6.80474 11.6332 6.80474 10.3668 7.58579 9.58579C8.36683 8.80474 9.63317 8.80474 10.4142 9.58579C11.1953 10.3668 11.1953 11.6332 10.4142 12.4142Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M4.5 6.5C6.5 4.5 17.5 2.5 17.5 2.5C17.5 2.5 15.5 13.5 13.5 15.5C11.5 17.5 7.5 16.5 7.5 16.5L5.5 18.5L1.5 14.5L3.5 12.5C3.5 12.5 2.5 8.5 4.5 6.5Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
</svg>

    ));
  
    export default PenIcon;