feat(icons): add waves-vertical icon

[jamiemlaw]

Description

Following on from discussion in #3849, this PR adds waves-vertical and renames waves to waves-horizontal.

I have taken the liberty of optimising the curves to quadratic béziers in the process.

Icon use case

• Representing heat or geothermal energy in a weather app
• Indicating smell or aroma

Icon Design Checklist

Concept

• I have provided valid use cases for each icon.
• I have not added any brand or logo icon.
• I have not used any hate symbols.
• I have not included any religious, war/violence related 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: waves
• 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

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

[github-actions]

🤖 ChatGPT Tags suggestions ✨

I've asked ChatGPT for some suggestions for tags.

[github-actions]

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

Suggested change

	"tags": [
	"tags": [
	"waves",
	"horizontal",
	"surf",
	"surfing",
	"fluid",
	"abstract",
	"nature",

[github-actions]

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

Suggested change

	"tags": [
	"tags": [
	"waves",
	"vertical",
	"sea",
	"ocean",
	"water",
	"surf",
	"marine",
	"liquid",
	"crest",
	"trend",

[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 WavesHorizontalIcon = createLucideIcon('WavesHorizontal', [
  ["path",{"d":"M2 12q2.5 2 5 0t5 0 5 0 5 0"}],
  ["path",{"d":"M2 19q2.5 2 5 0t5 0 5 0 5 0"}],
  ["path",{"d":"M2 5q2.5 2 5 0t5 0 5 0 5 0"}]
])

const WavesVerticalIcon = createLucideIcon('WavesVertical', [
  ["path",{"d":"M12 2q2 2.5 0 5t0 5 0 5 0 5"}],
  ["path",{"d":"M19 2q2 2.5 0 5t0 5 0 5 0 5"}],
  ["path",{"d":"M5 2q2 2.5 0 5t0 5 0 5 0 5"}]
])

[karsa-mistmere]

Amazing work, @jamiemlaw!

One thing I'm still pondering about is whether we should increase the gap between waves to bring the optical volume closer to square and circle, similar to how it was done for various list/text icons in #3568

Open lucide studio

Open lucide studio

[jguddas]

What about using arcs instead of quadratic curves?

Open lucide studio

[jamiemlaw]

What about using arcs instead of quadratic curves?

When I first opened the icon to edit it, that was my thought too: why aren't these arcs? I have a version where they are arcs, but I discovered the radii had to be 3.625 in order for them to perfectly kiss the pixel boundaries.

Open lucide studio

Something about quadratic béziers appealed just because of the huge character savings, but I am happy with either approach.

[jguddas]

My bit is for using arcs whenever possible.

[karsa-mistmere]

What about using arcs instead of quadratic curves?

When I first opened the icon to edit it, that was my thought too: why aren't these arcs? I have a version where they are arcs, but I discovered the radii had to be 3.625 in order for them to perfectly kiss the pixel boundaries.

Open lucide studio

Something about quadratic béziers appealed just because of the huge character savings, but I am happy with either approach.

Dunno, technically quadratic Béziers do have better curvature.

[github-actions]

This PR is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 5 days.