feat(icons): added check-line icon

[oosawy]

What is the purpose of this pull request?

• New Icon

Description

Added new check-line icon.

Icon use case

• File download or data save has been successfully completed.
• Data synchronization or backup between cloud services or devices has been successfully completed.
• An app or software installation or update has been successfully completed.

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

• The icons are solely my own creation.
• The icons were originally created in # by @oosawy
• I've based them on the following Lucide icons: check
• I've based them on the following design:

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

16px (shadcn/ui)

24px (default)

32px (shadcn/ui + retina)

48px (default + retina)

Icon X-rays

Icon Diffs

Icons as code

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

const CheckLineIcon = createLucideIcon('CheckLine', [
  ["path",{"d":"M20 4L9 15"}],
  ["path",{"d":"M21 19L3 19"}],
  ["path",{"d":"M9 15L4 10"}]
])

[ericfennis]

Nice icon, but I've a question about the use cases. They are valid use cases, but why are the current check icons not fulfilling these use cases?

[oosawy]

I am focusing on how it interacts with local devices represented by the line, rather than just indicating success or completion.

[ericfennis]

Oh, so this can be used together with the arrow-down-to-line icon?
Like: Click to download, and it shows the check as a "confirmation"?

[oosawy]

Exactly. It pairs with the arrow-down-to-line icon to indicate that the download has completed successfully.

[ericfennis]

Can you switch the properties in meta file?

[ericfennis]

You've switched the tags and categories properties.

[oosawy]

Fixed it!