What Unicode character do you use in your website? (instead of image icons)

后端 未结 12 2594
谎友^
谎友^ 2020-12-12 12:22

I am looking for character which could replace image icon, for example like ✘ (xmark) and ✔ (tick), maybe some symbol to \"draft\" or \"new message\"?

EDIT:

相关标签:
12条回答
  • 2020-12-12 12:28

    Look at http://unicode.org/charts#symbols for some ideas. I'm not sure what would work for "draft" or "new message" but there is a lot to choose from there.

    0 讨论(0)
  • 2020-12-12 12:30

    I would suggest using custom font like https://github.com/FortAwesome/Font-Awesome

    You can also have svg/png version https://github.com/encharm/Font-Awesome-SVG-PNG

    There are also other svg icons

    1. https://github.com/iconic/open-iconic
    2. https://github.com/outpunk/evil-icons
    3. Pure css icons https://github.com/saeedalipoor/icono

    For Material Design you have static svg icons https://google.github.io/material-design-icons/ and animated:

    1. http://tympanus.net/Development/AnimatedSVGIcons/
    2. http://tympanus.net/Development/IconHoverEffects/
    3. http://tympanus.net/Development/AnimatedCheckboxes/
    4. https://alexk111.github.io/SVG-Morpheus/
    0 讨论(0)
  • 2020-12-12 12:31

    stackoverflow.com used to use "●" (U+25CF BLACK CIRCLE) for badges.

    There are tons of useful characters in Unicode:

    • ✆ U+2706 TELEPHONE LOCATION SIGN
    • ✉ U+2709 ENVELOPE
    • ☎ U+260E BLACK TELEPHONE and ☏ U+260F WHITE TELEPHONE
    • ✎ U+270E LOWER RIGHT PENCIL
    • ⌛ U+231B HOURGLASS
    • ⌨ U+2328 KEYBOARD
    0 讨论(0)
  • 2020-12-12 12:33

    ← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙

    just to name a few...

    0 讨论(0)
  • 2020-12-12 12:37

    I am surprised no one has posted Unicode emojis yet:

    Range U+1F600 - U+1F64F

    Just some from the list:

    0 讨论(0)
  • 2020-12-12 12:38

    Why not just peruse the whole list?

    0 讨论(0)
提交回复
热议问题