What unicode symbol should I use for EDIT?

  • I'm trying to keep a very light payload on a wordpress plugin I'm writing.

    Users will be able to:

    • add - +
    • refresh - ⟳
    • edit

    I'm thinking of using the pencil glyph: ✎, but I'm not sure about it. What's a good clear way to indicate this action lets you edit things?

    I'm going to be providing title tool tips as well, but I want the icon to be as clear as possible without having to draw up custom icons.

    Are you going to provide your own font for that? You have to be careful about support for those characters: your refresh glyph is just a square in Chrome. The pencil also doesn't render very well at anything below 20px.

    I would strongly recommend using an icon font rather than unicode symbols in this case

    What's hilarious to me is that @KoenLageveen edited that comment. Guess what I see as the icon? A pencil. I'm looking for something with wide support - I thought unicode was pretty well supported by now.

    Whatever icon you are using, you must use title/alt to display text on mouse over.

    @MattK Yes, Recent versions of most operating systems have good support for Unicode. But Unicode defines over 100,000 characters. No single font contains glyphs for all those characters. And every OS has a limited set of fonts. So you must verify that your customers are using an OS with a font containing a glyph for the desired character. If that is not feasible, the. Use either image files or a non-Unicode icon font.

    I just want to chime in to thank you for *not* larding up your plugin with dependencies on icon fonts or custom icons, which may conflict with / be redundant with the design of what people will be plugging it in to. Personally I vote for the UTF-8 pencil "U+270E" (UTF-8 is the default encoding for HTML5, so should be safe) plus good documentation on how to change it.

  • JohnGB

    JohnGB Correct answer

    8 years ago

    The closest to a standard symbol for edit is , but that is by no means universally understood.

    I would suggest using an Edit button instead.

    Would you make the same suggestiong for a tight interface on something like a mobile device? I'm looking for icons if possible due to the space I'd like to put these actions into.

    @MattK If you are willing to not use a unicode symbol, there are better options. If it's for a native app, then there are standard icons which I would suggest using.

    The problem with 'edit' is translation: in German it's 'bearbeiten' so that's a lot more characters and perhaps not enough space.

License under CC-BY-SA with attribution


Content dated before 7/24/2021 11:53 AM