Skip to content
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

refactor(icons): optimised some align-, indent- and list-icons #2528

Merged
merged 3 commits into from
Oct 11, 2024

Conversation

jamiemlaw
Copy link
Contributor

What is the purpose of this pull request?

  • Other: icon optimisation

Description

Replaced <line/> and <polyline/> elements with equivalent <path/>s using Lucide Studio's 'tidy' function

Before Submitting

@github-actions github-actions bot added the 🎨 icon About new icons label Oct 11, 2024
Copy link

Added or changed icons

icons/align-center.svgicons/align-justify.svgicons/align-left.svgicons/align-right.svgicons/indent-decrease.svgicons/indent-increase.svgicons/list-ordered.svgicons/list.svg

Preview cohesion icons/square-chevron-down.svgicons/square-minus.svgicons/message-square.svgicons/square-user.svgicons/message-square-more.svgicons/square-menu.svgicons/square-scissors.svgicons/square-parking.svg
icons/align-center.svgicons/align-justify.svgicons/align-left.svgicons/align-right.svgicons/indent-decrease.svgicons/indent-increase.svgicons/list-ordered.svgicons/list.svg
icons/pocket.svgicons/cloud-upload.svgicons/signal-medium.svgicons/badge-russian-ruble.svgicons/between-vertical-start.svgicons/save-off.svgicons/square-terminal.svgicons/user-round-minus.svg
Preview stroke widths icons/align-center.svgicons/align-justify.svgicons/align-left.svgicons/align-right.svgicons/indent-decrease.svgicons/indent-increase.svgicons/list-ordered.svgicons/list.svg
icons/align-center.svgicons/align-justify.svgicons/align-left.svgicons/align-right.svgicons/indent-decrease.svgicons/indent-increase.svgicons/list-ordered.svgicons/list.svg
icons/align-center.svgicons/align-justify.svgicons/align-left.svgicons/align-right.svgicons/indent-decrease.svgicons/indent-increase.svgicons/list-ordered.svgicons/list.svg
DPI Preview (24px) icons/align-center.svg icons/align-justify.svg icons/align-left.svg icons/align-right.svg icons/indent-decrease.svg icons/indent-increase.svg icons/list-ordered.svg icons/list.svg
Icon X-rays icons/align-center.svg icons/align-justify.svg icons/align-left.svg icons/align-right.svg icons/indent-decrease.svg icons/indent-increase.svg icons/list-ordered.svg icons/list.svg
Icon Diffs icons/align-center.svg icons/align-justify.svg icons/align-left.svg icons/align-right.svg icons/indent-decrease.svg icons/indent-increase.svg icons/list-ordered.svg icons/list.svg
Icons as code

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

const AlignCenterIcon = createLucideIcon('AlignCenter', [
  ["path",{"d":"M17 12H7"}],
  ["path",{"d":"M19 18H5"}],
  ["path",{"d":"M21 6H3"}]
])

const AlignJustifyIcon = createLucideIcon('AlignJustify', [
  ["path",{"d":"M3 12h18"}],
  ["path",{"d":"M3 18h18"}],
  ["path",{"d":"M3 6h18"}]
])

const AlignLeftIcon = createLucideIcon('AlignLeft', [
  ["path",{"d":"M15 12H3"}],
  ["path",{"d":"M17 18H3"}],
  ["path",{"d":"M21 6H3"}]
])

const AlignRightIcon = createLucideIcon('AlignRight', [
  ["path",{"d":"M21 12H9"}],
  ["path",{"d":"M21 18H7"}],
  ["path",{"d":"M21 6H3"}]
])

const IndentDecreaseIcon = createLucideIcon('IndentDecrease', [
  ["path",{"d":"M21 12H11"}],
  ["path",{"d":"M21 18H11"}],
  ["path",{"d":"M21 6H11"}],
  ["path",{"d":"m7 8-4 4 4 4"}]
])

const IndentIncreaseIcon = createLucideIcon('IndentIncrease', [
  ["path",{"d":"M21 12H11"}],
  ["path",{"d":"M21 18H11"}],
  ["path",{"d":"M21 6H11"}],
  ["path",{"d":"m3 8 4 4-4 4"}]
])

const ListOrderedIcon = createLucideIcon('ListOrdered', [
  ["path",{"d":"M10 12h11"}],
  ["path",{"d":"M10 18h11"}],
  ["path",{"d":"M10 6h11"}],
  ["path",{"d":"M4 10h2"}],
  ["path",{"d":"M4 6h1v4"}],
  ["path",{"d":"M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"}]
])

const ListIcon = createLucideIcon('List', [
  ["path",{"d":"M3 12h.01"}],
  ["path",{"d":"M3 18h.01"}],
  ["path",{"d":"M3 6h.01"}],
  ["path",{"d":"M8 12h13"}],
  ["path",{"d":"M8 18h13"}],
  ["path",{"d":"M8 6h13"}]
])

@karsa-mistmere karsa-mistmere merged commit 4d98681 into lucide-icons:main Oct 11, 2024
8 checks passed
@karsa-mistmere
Copy link
Member

Great work, thx @jamiemlaw!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 icon About new icons
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants