Skip to content

feat(icons): added line-style icon#4030

Merged
karsa-mistmere merged 8 commits intolucide-icons:mainfrom
dg-ac:studio/line-style
Mar 24, 2026
Merged

feat(icons): added line-style icon#4030
karsa-mistmere merged 8 commits intolucide-icons:mainfrom
dg-ac:studio/line-style

Conversation

@dg-ac
Copy link
Copy Markdown
Contributor

@dg-ac dg-ac commented Jan 25, 2026

What is the purpose of this pull request?

  • New Icon

Description

Added new line-style icon.

Icon use case

Represents line or stroke style options (solid, dashed, dotted, etc.) commonly used in:

  • Spreadsheet editors: to pick border styles.
  • Slide / presentation software: to choose line styles for shapes, dividers, or connectors.
  • Design and drawing apps: to select stroke styles for shapes, paths, diagrams.
  • Diagramming apps: to indicate different connector types.

Existing icons don’t quite fit: square-dashed-top-solid reads as a top-border, while line-squiggle suggests freehand drawing rather than stroke styles.

Alternative icon designs

icons
Open lucide studio

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 @
  • I've based them on the following Lucide icons: logs, menu
  • 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

@github-actions github-actions Bot added 🎨 icon About new icons 🫧 metadata Improved metadata labels Jan 25, 2026
Copy link
Copy Markdown
Contributor

@github-actions github-actions Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🤖 ChatGPT Tags suggestions ✨

I've asked ChatGPT for some suggestions for tags.

Comment thread icons/line-style.json
"contributors": [
"dg-ac"
],
"tags": [
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggestions for the line-style icon.
Try asking it your self if you want more suggestions. Open ChatGPT
Here are the suggestions:

Suggested change
"tags": [
"tags": [
"outline",
"sketch",
"minimal",
"monoline",
"vector",
"graphic",
"symbol",
"drawn",
"outline",

@jguddas
Copy link
Copy Markdown
Member

jguddas commented Jan 25, 2026

icons
Open lucide studio

Idea

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jan 25, 2026

Added or changed icons

line-style

Preview cohesion square-arrow-out-down-left
line-style
phone-forwarded
Preview stroke widths line-style
line-style
line-style
DPI Preview

16px (shadcn/ui)

line-style

24px (default)

line-style

32px (shadcn/ui + retina)

line-style

48px (default + retina)

line-style
Icon X-rays line-style
Icon Diffs line-style
Icon Symmetry

Flip Horizontal

line-style

Flip Vertical

line-style

Flip Diagonal

line-style

Rotate 180°

line-style
Icons as code

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

const LineStyleIcon = createLucideIcon('LineStyle', [
  ["path",{"d":"M11 5h2"}],
  ["path",{"d":"M15 12h6"}],
  ["path",{"d":"M19 5h2"}],
  ["path",{"d":"M3 12h6"}],
  ["path",{"d":"M3 19h18"}],
  ["path",{"d":"M3 5h2"}]
])

Copy link
Copy Markdown
Member

@jguddas jguddas left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Rock solid design 👍.

@karsa-mistmere
Copy link
Copy Markdown
Member

To be honest, I think I very much prefer the alternate design:

icons
Open lucide studio

IMO this one makes it much clearer that line styles are being depicted (dotted, dashed, solid)

@dg-ac
Copy link
Copy Markdown
Contributor Author

dg-ac commented Jan 27, 2026

@karsa-mistmere Also a valid point! I don’t really have a strong preference for any of them, to be honest.

@ericfennis
Copy link
Copy Markdown
Member

Hmm, Same as @dg-ac, not a strong preference. But I think the first design will fit better in UI. But I get the point from @karsa-mistmere

@jguddas
Copy link
Copy Markdown
Member

jguddas commented Jan 31, 2026

I perefer the current one, better visual volume IMO.

@rodrigoscope
Copy link
Copy Markdown

Let me just float this idea around.

icons
Open lucide studio

@karsa-mistmere karsa-mistmere merged commit 4d9b4ec into lucide-icons:main Mar 24, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🎨 icon About new icons 🫧 metadata Improved metadata

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants