feat(icons): added broken-bone icon

[Patolord]

What is the purpose of this pull request?

• New Icon

Description

Added new broken-bone icon.

Icon use case

Healthcare apps to handle failed state, error icon on modals/toast etc.
Fitness apps to show injury or other help tracking.

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.
• I've based them on the following Lucide icons: Bone Icon

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.
• [x ] 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 broken-bone icon.
Try asking it your self if you want more suggestions. Open ChatGPT
Here are the suggestions:

Suggested change

	"tags": [
	"tags": [
	"fracture",
	"bone",
	"injury",
	"medical",
	"break",
	"accident",
	"trauma",
	"repair",

[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 BoneFractureIcon = createLucideIcon('BoneFracture', [
  ["path",{"d":"M14 4.5a1 1 0 0 1 5 0 .5.5 0 0 0 .5.5 1 1 0 0 1 0 5c-.81 0-1.8-.7-2.5 0l-1.958 1.957a.15.15 0 0 1-.252-.072l-.493-2.07a.15.15 0 0 0-.111-.112l-2.072-.494a.15.15 0 0 1-.072-.252L14 7c.7-.7 0-1.69 0-2.5"}],
  ["path",{"d":"m16 20-1-2"}],
  ["path",{"d":"m20 16-2-1"}],
  ["path",{"d":"m4 8 2 1"}],
  ["path",{"d":"m8 4 1 2"}],
  ["path",{"d":"M9.698 14.19a.15.15 0 0 0 .112.112l2.074.489a.15.15 0 0 1 .072.252L10 17c-.7.7 0 1.69 0 2.5a1 1 0 0 1-5 0 .495.495 0 0 0-.5-.5 1 1 0 0 1 0-5c.81 0 1.8.7 2.5 0l1.956-1.957a.15.15 0 0 1 .252.072z"}]
])

[karsa-mistmere]

Hey @Patolord,

Nice idea, although there is a bit too much detail, resulting in dense paths, as also shown on our x-ray preview:

The red parts mark overlapping safe zones, according to our design guidelines, there should be a 2px gap between all elements, so something like this would be an acceptable abstraction:

Open lucide studio

Another issue is that the name should be bone-broken, in accordance with our naming conventions.

[Patolord]

Awesome you did a much better job on the design.
I screw up on the name I’ll fix it now and update with your design.