feat(icons): added user-pen and user-round-pen

[karsa-mistmere]

What is the purpose of this pull request?

• New Icon

Icon use case

Use Cases for "User with Pen" Icon

1. Profile Edit

   • Description: Indicating the option for users to edit their profile information.
   • Context: Displayed on user profile pages or settings menus.

2. Create Account

   • Description: Representing the action to create a new user account.
   • Context: Used on registration forms or sign-up pages.

3. Submit Feedback

   • Description: Signifying the feature for users to submit feedback or suggestions.
   • Context: Found on feedback forms or customer support sections.

4. Write a Review

   • Description: Allowing users to write and submit reviews or testimonials.
   • Context: Displayed on product pages or review sections of a website.

5. Edit Permissions

   • Description: Indicating the functionality to modify user permissions or roles.
   • Context: Used in administrative settings or user management interfaces.

Alternative icon designs

Icon Design Checklist

Concept

• I have provided valid use cases for each icon.
• I have not added any a brand or logo icon.
• I have not used any hate symbols.
• I have not included any religious or political imagery.

Author, credits & license

• I've based them on the following Lucide icons: user, user-round & file-pen

Naming

• I've read and followed the naming conventions
• I've named icons by what they are rather than their use case.
• I've provided meta JSON files in icons/[iconName].json.

Design

• I've read and followed the icon design guidelines
• I've made sure that the icons look sharp on low DPI displays.
• I've made sure that the icons look consistent with the icon set in size, optical volume and density.
• I've made sure that the icons are visually centered.
• I've correctly optimized all icons to three points of precision.

Before Submitting

• I've read the Contribution Guidelines.
• I've checked if there was an existing PR that solves the same issue.

[github-actions]

Added or changed icons

Preview cohesion

Preview stroke widths

DPI Preview (24px)

Icon X-rays

Icons as code

Works for: lucide-react, lucide-react-native, lucide-preact, lucide-vue-next

const UserPenIcon = createLucideIcon('UserPen', [
  ["path",{"d":"M11.5 15H7a4 4 0 0 0-4 4v2"}],
  ["path",{"d":"M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"}],
  ["circle",{"cx":"10","cy":"7","r":"4"}]
])

const UserRoundPenIcon = createLucideIcon('UserRoundPen', [
  ["path",{"d":"M2 21a8 8 0 0 1 10.821-7.487"}],
  ["path",{"d":"M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"}],
  ["circle",{"cx":"10","cy":"8","r":"5"}]
])

[ericfennis]

Excellent work!