feat(icons): added heat icon

[Alportan]

What is the purpose of this pull request?

• New Icon

Description

Added new heat icon.

Icon use case

We need to display various energy related icons in our app: https://app.electricitymaps.com/map/live/fifteen_minutes

Specific use-case: geothermal energy

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 @
• I've based them on the following Lucide icons:
• 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 heat icon.
Try asking it your self if you want more suggestions. Open ChatGPT
Here are the suggestions:

Suggested change

	"tags": [
	"tags": [
	"flame",
	"fire",
	"warmth",
	"temperature",
	"burn",

[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

Icons as code

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

const HeatIcon = createLucideIcon('Heat', [
  ["path",{"d":"M14 21c0-3 0-5.536-2-9s-2-6-2-9"}],
  ["path",{"d":"M21 21c.008-3 0-6-2-8s-2.008-5-2-7"}],
  ["path",{"d":"M7 21c.008-3 0-6-2-8S2.992 8 3 6"}]
])

[jamiemlaw]

You could take the pre-existing waves icon and rotate it by 90 degrees, as an alternative in the meantime.

[VIKTORVAV99]

You could take the pre-existing waves icon and rotate it by 90 degrees, as an alternative in the meantime.

We have already implemented custom icons for these but would like to switch fully to lucide to unify our codebase and simplify the icon APIs.

[karsa-mistmere]

You could take the pre-existing waves icon and rotate it by 90 degrees, as an alternative in the meantime.

To be fair, I think this is exactly the direction we should take with this one. Rename waves to waves-horizontal, add waves-vertical and add the appropriate tags to each.