add trending-flat icon

[jonas-hoebenreich]

What is the purpose of this pull request?

• New Icon
• Bug fix
• New Feature
• Documentation update
• Other:

Description

The 'trending-flat' icon depicts a wavy line, symbolizing a neutral or stable trend with minor fluctuations, ideal for representing periods of minimal change in financial or market data.

Icon use case

The icon can be used in financial reports and dashboards to represent periods of stability or minimal changes in stock prices, economic indicators, or market trends. It can also be utilized in data visualization to indicate a neutral or flat trend in graphs and charts.

Alternative icon designs

Icon Design Checklist

Concept

• I have provided valid use cases for the icon.
• I have not added any brand or logo icon.
• I have not used any hate symbols.
• I have not included any religious or political imagery.

Author, credits & license

• The icon is solely my own creation.
• The icon was originally created in # by @
• I've based it on the following Lucide icons: move-right
• I've based it on the following design:

Naming

• I've read and followed the naming conventions
• I've named the icon by what it is rather than its 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 icon looks sharp on low DPI displays.
• I've made sure that the icon looks consistent with the icon set in size, optical volume, and density.
• I've made sure that the icon is visually centered.
• I've correctly optimized the icon to two 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]

Added or changed icons

Preview cohesion

Preview stroke widths

DPI Preview (24px)

Icon X-rays

Icon Diffs

Icons as code

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

const TrendingFlatIcon = createLucideIcon('TrendingFlat', [
  ["path",{"d":"m2 12 1.651-.99A4.56 4.56 0 0 1 9.5 12v0a4.56 4.56 0 0 0 5.849.99l.43-.257A5.136 5.136 0 0 1 18.425 12H22"}],
  ["path",{"d":"m18 8 4 4-4 4"}]
])

[jguddas]

The tail feels top-heavy.

Based on wave , not really happy with it either tho.

Suggested change

	<path
	d="m2 12 1.651-.99A4.56 4.56 0 0 1 9.5 12v0a4.56 4.56 0 0 0 5.849.99l.43-.257A5.136 5.136 0 0 1 18.425 12H22" />
	<path d="M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 7.5-1" />

[karsa-mistmere]

I was just about to suggest using move-right for this use case, which actually has trend flat as a tag, but surely you must be aware of this, @jonas-hoebenreich, since move-right was also submitted by you. 😄

Still, I do personally think, move-right fits better with trending-up and trending-down than a wavy line would:

[ericfennis]

Good point @karsa-mistmere !
@jonas-hoebenreich Can move-right fit this usecase or can you explain why not?

[jonas-hoebenreich]

Well, a wavy arrow can be used to symbolize that something does not run in a straight line. However, if you only have straight arrows, this aspect is eliminated.

[ericfennis]

@jonas-hoebenreich Good point. I'm fine with adding this kind of icon.
But I understand @karsa-mistmere doubts about the design. It's not matching the other trending icons very well. Maybe we can try to make some alternatives?

[karsa-mistmere]

How about a more rectangular approach to better match the style of current trending icons?

In either case, should we add this icon, I think it should be named arrow-right-wavy or something similar in line with our icon naming guidelines.

[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.