Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Floppy disk save #1599

Closed
hellwaiver opened this issue Feb 26, 2023 · 11 comments
Closed

Floppy disk save #1599

hellwaiver opened this issue Feb 26, 2023 · 11 comments

Comments

@hellwaiver
Copy link

I can't find an icon that is suitable to be used as a save icon. I've seen the existing save icons but they are inadequate (they look like download buttons). I noticed there's been a few requests for this shot down already, but I honestly don't understand why it can't be added. Users expect to see a floppy disk icon when saving.

@shynekomaid
Copy link

I think the era of using the floppy disk as a save icon is over. I might suggest you use synonymous images for this purpose:
image
By the way - fun fact, fontawesome is not using the correct 3.5" floppy disk icon - on the icon we see the back of the floppy disk and therefore the bevelled corner should be at the top left:
image

2023-03-09_16-06

@hellwaiver
Copy link
Author

hellwaiver commented Mar 9, 2023

I don't think the era of floppy disk save is over. Just about all the software I use uses the floppy disk as the save icon. Also, I saw these icons, but I don't think they're synonymous. That looks more like a download button than anything and I have no confidence that users will recognise what it means. What popular software uses downwards arrows to indicate saving? They don't really make sense as save icons

@shynekomaid
Copy link

Maybe you need some from theres:
image
image
By the way, you always can use a svg as icon in your project:
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5.5L18.5 3H17v6a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V3H5m7 1v5h3V4h-3m-5 8h10a1 1 0 0 1 1 1v6H6v-6a1 1 0 0 1 1-1Z"/></svg>
image

@shynekomaid
Copy link

shynekomaid commented Mar 10, 2023

What popular software uses downwards arrows to indicate saving?

I think that for client-server applications, the floppy disk icon does not make it clear whether the file should be saved to the server or the client, hence the under-,upper-score arrows

@RobineSavert
Copy link

RobineSavert commented Mar 24, 2023

For UI purposes use the "bookmark" icon. This is modern, globally recognized "Save" icon:

image

@hellwaiver
Copy link
Author

Not convinced by that. A bookmark is used to signify saving a place for something, not to save your own changes.

@mdo
Copy link
Member

mdo commented Mar 24, 2023

Allow me to lay it to rest: I'll add the floppy disk in a future update. I'll also comment more on the whys and the community's response. But figured it'd be helpful to at least share this short update :).

@RobineSavert
Copy link

Not convinced by that. A bookmark is used to signify saving a place for something, not to save your own changes.

Im just going to leave this here:

UX Movement Save Icon

@korki43

This comment was marked as outdated.

@JustCallMeAD
Copy link

I am all for having a floppy disk icon that can be used as a save icon, as I can see why people would still like to use it.

Another option, for anyone that is interested, is to use a tick / check icon for save and an x icon for cancel.

https://icons.getbootstrap.com/icons/check/
https://icons.getbootstrap.com/icons/x/

@mdo mdo mentioned this issue Aug 26, 2023
@mdo
Copy link
Member

mdo commented Sep 12, 2023

Added in #1792.

@mdo mdo closed this as completed Sep 12, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
Status: Done
Development

No branches or pull requests

6 participants