Skip to content

feat(icons): added list-compact icon #3481

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

juliankellydesign
Copy link

@juliankellydesign juliankellydesign commented Jul 30, 2025

What is the purpose of this pull request?

  • New Icon

Description

Added new list-compact icon.

Icon use case

We use this icon in Conductor to show collapsing many messages in the chat view. It references Figma's "collapse layers" action

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

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 Jul 30, 2025
Copy link
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": [
"juliankellydesign"
],
"tags": [
Copy link
Contributor

Choose a reason for hiding this comment

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

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

Suggested change
"tags": [
"tags": [
"list",
"menu",
"notes",
"bullet",
"dots",
"organized",

@juliankellydesign
Copy link
Author

icons
Open lucide studio

Copy link
Contributor

Added or changed icons

icons/list-compact.svg

Preview cohesion icons/message-square-off.svg
icons/list-compact.svg
icons/tree-palm.svg
Preview stroke widths icons/list-compact.svg
icons/list-compact.svg
icons/list-compact.svg
DPI Preview

16px (shadcn/ui)

icons/list-compact.svg

24px (default)

icons/list-compact.svg

32px (shadcn/ui + retina)

icons/list-compact.svg

48px (default + retina)

icons/list-compact.svg
Icon X-rays icons/list-compact.svg
Icon Diffs icons/list-compact.svg
Icons as code

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

const ListCompactIcon = createLucideIcon('ListCompact', [
  ["path",{"d":"m15 19.5 3-3 3 3"}],
  ["path",{"d":"m15 4.5 3 3 3-3"}],
  ["path",{"d":"M3 14.5h8"}],
  ["path",{"d":"M3 19.5h8"}],
  ["path",{"d":"M3 4.5h8"}],
  ["path",{"d":"M3 9.5h8"}]
])

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.

1 participant