feat(icons): added asterisk-off icon

[jamiemlaw]

Closes #2606

What is the purpose of this pull request?

• New Icon

Description

Added new asterisk-off icon.

Icon use case

To indicate that an item is optional, or to set an item as optional

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: asterisk
• 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]

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 AsteriskOffIcon = createLucideIcon('AsteriskOff', [
  ["path",{"d":"M12 6.35V6"}],
  ["path",{"d":"M15.582 9.932 17.196 9"}],
  ["path",{"d":"m2 2 20 20"}],
  ["path",{"d":"M6.804 15 12 12v6"}],
  ["path",{"d":"M6.804 9 12 12"}]
])

[ericfennis]

Not sure about this one, is it not better to use color/opacity to indicate if something is optional or not?

[karsa-mistmere]

Not sure about this one, is it not better to use color/opacity to indicate if something is optional or not?

Not really, see WCAG 2.1 1.4.1, but I'm not sure about the use case for this icon either. Indicate that an item is optional where?

• On the item itself?
  Just explicitly state (optional) or (required) (depending on which are in minority in the form in question)
• On a UI where the "required-ness" of items is set?
  Just use a checkbox or toggle switch that explicitly states ☑︎ Required

[jamiemlaw]

From the issue this closes, I imagined it was part of a form builder UI where you were setting whether a field is optional or not via a toggle:

But I'm 100% with @karsa-mistmere. More than happy to close if the use case isn't solid enough.