Add story icon

[jordan808]

What is the purpose of this pull request?

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

Description

Adds story icon as requested by #119. Closes feather icons issue feathericons/feather#1019.

Icon use case

The purpose of this icon is to represent stories, as popularized by Snapchat and Instagram. Use cases include referencing, or enabling users to create their own stories in an app, or for a digital marketing platform that automates the posting of stories as a feature.

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: The Instagram stories icon as seen in the app under story settings ->
  

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

[ericfennis]

Nice work @jordan808!

[ericfennis]

Nice work, LGTM

[jguddas]

What about the name?

It should be something like circle-plus-tapered-dash.

https://lucide.dev/guide/design/icon-design-guide#naming-conventions

[jordan808]

What about the name?

It should be something like circle-plus-tapered-dash.

https://lucide.dev/guide/design/icon-design-guide#naming-conventions

I assumed story was already agnostic but you are right that it would have to be changed. In this case, it should also be included in the "shapes" category. Your suggestion would also follow the conventions of the other dashed circles like circle-dot-dashed:

Should I update the name and category?

[karsa-mistmere]

I assumed story was already agnostic but you are right that it would have to be changed.

I think @jguddas is talking about naming convention no. 3:

Icons should be named for what they depict rather than their use case or what they represent.

circle-plus-tapered-dash

I don't know, I feel like this might be a bit misleading, as if the plus itself was tapered and/or dashed.

How about circle-[adjective]-plus, [adjective] being one of these?

• 😄 fading
• 🎉 dissolving
• 😕 tapering
• ❤️ vanishing
• 🚀 diminishing
• 👀 dissipating

[jordan808]

Ahh good point @karsa-mistmere ! Do you have a preference? I like the idea of circle-fading-plus