fix(icons): Swap thumbs-up thumbs-down paths to fix fill issue

[theianjones]

closes #3872

Description

Resolving the bug you can find in this code sandbox. The last child paths in these icons overlay on top of the first child path causing the path to disappear when you add a fill:

desired outcome:

Before Submitting

• I've read the Contribution Guidelines.
• I've checked if there was an existing PR that solves the same issue.

[karsa-mistmere]

We don't officially support fills, see #458, but I think we can all get behind this as being reasonably harmless, until we do support fills. 🙂

[theianjones]

We don't officially support fills, see #458, but I think we can all get behind this as being reasonably harmless, until we do support fills. 🙂

TIL, thanks for linking the 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

Icon Symmetry

Flip Horizontal

Flip Vertical

Flip Diagonal

Rotate 180°

Icons as code

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

const ThumbsDownIcon = createLucideIcon('ThumbsDown', [
  ["path",{"d":"M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z"}],
  ["path",{"d":"M17 14V2"}]
])

const ThumbsUpIcon = createLucideIcon('ThumbsUp', [
  ["path",{"d":"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"}],
  ["path",{"d":"M7 10v12"}]
])