Skip to content

feat(icons): added timeline icon#4270

Open
jguddas wants to merge 4 commits intolucide-icons:mainfrom
jguddas:studio/timeline
Open

feat(icons): added timeline icon#4270
jguddas wants to merge 4 commits intolucide-icons:mainfrom
jguddas:studio/timeline

Conversation

@jguddas
Copy link
Copy Markdown
Member

@jguddas jguddas commented Apr 5, 2026

What is the purpose of this pull request?

  • New Icon

Description

Added new timeline icon.

Icon use case

For ux that contains time line.

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

"contributors": [
"jguddas"
],
"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 timeline icon.
Try asking it your self if you want more suggestions. Open ChatGPT
Here are the suggestions:

Suggested change
"tags": [
"tags": [
"clock",
"schedule",
"time",
"line",
"deadline",
"chronology",
"sequence",
"future",
"past",

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 5, 2026

Added or changed icons

timeline

Preview cohesion message-square-diff
timeline
square-stop
Preview stroke widths timeline
timeline
timeline
DPI Preview

16px (shadcn/ui)

timeline

24px (default)

timeline

32px (shadcn/ui + retina)

timeline

48px (default + retina)

timeline
Icon X-rays timeline
Icon Diffs timeline
Icon Symmetry

Flip Horizontal

timeline

Flip Vertical

timeline

Flip Diagonal

timeline

Rotate 180°

timeline
Icons as code

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

const TimelineIcon = createLucideIcon('Timeline', [
  ["path",{"d":"M4 12h.01"}],
  ["path",{"d":"M4 16h.01"}],
  ["path",{"d":"M4 20h.01"}],
  ["path",{"d":"M4 4h.01"}],
  ["path",{"d":"M4 8h.01"}],
  ["path",{"d":"M9.414 13.414a2 2 0 0 0 1.414.586H19a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-8.172a2 2 0 0 0-1.414.586L8 12z"}],
  ["path",{"d":"M9.414 21.414a2 2 0 0 0 1.414.586H19a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-8.172a2 2 0 0 0-1.414.586L8 20z"}],
  ["path",{"d":"M9.414 5.414A2 2 0 0 0 10.828 6H19a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-8.172a2 2 0 0 0-1.414.586L8 4z"}]
])

@karsa-mistmere
Copy link
Copy Markdown
Member

Cute, but feels a bit too small, maybe:

icons
Open lucide studio

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.

2 participants