HTML character codes for this or this

Question

What are the HTML entity character codes for this up arrow     and its downward-facing dog version        I ve been using GIFs to represent these arrows since I don t know their codes

User · Answer

amp  9650  is the Unicode black up-pointing triangle     while  amp  9660  is the black down-pointing triangle       You can just plug the characters  copied from the web  into this site for a lookup

User · Answer

Check this page http   www alanwood net unicode geometric shapes html  first is  9650   25B2   BLACK UP-POINTING TRIANGLE  present in WGL4   and 2nd  9660   25BC   BLACK DOWN-POINTING TRIANGLE  present in WGL4

User · Answer

The Big and small black triangles facing the 4 directions can be represented thus    amp  x25B2    x25B2     amp  x25B4    x25B4    amp  x25B6    x25B6    amp  x25B8    x25B8    amp  x25BA    x25BA    amp  x25BC    x25BC    amp  x25BE    x25BE    amp  x25C0    x25C0    amp  x25C2    x25C2    amp  x25C4    x25C4

User · Answer

You don t need to use character codes  just use UTF-8 and put them in literally  like so        If you absolutely must use the entites  they are  amp  x25b2  and  amp  x25bc   respectively

User · Answer

There are several correct ways to display a down-pointing and upward-pointing triangle   Method 1   use decimal HTML entity  HTML     amp  9650   amp  9660      Method 2   use hexidecimal HTML entity  HTML     amp  x25B2   amp  x25BC      Method 3   use character directly  HTML            Method 4   use CSS  HTML     lt span class  icon-up  gt  lt  span gt   lt span class  icon-down  gt  lt  span gt    CSS     icon-up before       content    25B2       icon-down before       content    25BC         Each of these three methods should have the same output  For other symbols  the same three options exist  Some even have a fourth option  allowing you to use a string based reference  eg   amp hearts  to display      You can use a reference website like Unicode-table com to find which icons are supported in UNICODE and which codes they correspond with  For example  you find the values for the down-pointing triangle at http   unicode-table com en 25BC    Note that these methods are sufficient only for icons that are available by default in every browser  For symbols like             or    this is far less likely to be the case  While it is possible to provide cross-browser support for other UNICODE symbols  the procedure is a bit more complicated   If you want to know how to add support for less common UNICODE characters  see Create webfont with Unicode Supplementary Multilingual Plane symbols for more info on how to do this     Background images  A totally different strategy is the use of background-images instead of fonts  For optimal performance  it s best to embed the image in your CSS file by base-encoding it  as mentioned by eg   weasel5i2 and  Obsidian  I would recommend the use of SVG rather than GIF  however  is that s better both for performance and for the sharpness of your symbols   This following code is the base64 for and SVG version of the  icon       size  0 9kb    url data image svg xml base64 PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNiAyOCI PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c PHBhdGggZD0iTTE2IDE3cTAgMC40MDYtMC4yOTcgMC43MDNsLTcgN3EtMC4yOTcgMC4yOTctMC43MDMgMC4yOTd0LTAuNzAzLTAuMjk3bC03LTdxLTAuMjk3LTAuMjk3LTAuMjk3LTAuNzAzdDAuMjk3LTAuNzAzIDAuNzAzLTAuMjk3aDE0cTAuNDA2IDAgMC43MDMgMC4yOTd0MC4yOTcgMC43MDN6TTE2IDExcTAgMC40MDYtMC4yOTcgMC43MDN0LTAuNzAzIDAuMjk3aC0xNHEtMC40MDYgMC0wLjcwMy0wLjI5N3QtMC4yOTctMC43MDMgMC4yOTctMC43MDNsNy03cTAuMjk3LTAuMjk3IDAuNzAzLTAuMjk3dDAuNzAzIDAuMjk3bDcgN3EwLjI5NyAwLjI5NyAwLjI5NyAwLjcwM3oiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD48L3N2Zz4    When to use background-images or fonts  For many use cases  SVG-based background images and icon fonts are largely equivalent with regards to performance and flexibility  To decide which to pick  consider the following differences   SVG images   They can have multiple colors They can embed their own CSS and or be styled by the HTML document They can be loaded as a seperate file  embedded in CSS AND embedded in HTML Each symbol is represented by XML code or base64 code  You cannot use the character directly within your code editor or use an HTML entity Multiple uses of the same symbol implies duplication of the symbol when XML code is embedded in the HTML  Duplication is not required when embedding the file in the CSS or loading it as a seperate file You can not use color  font-size  line-height  background-color or other font related styling rules to change the display of your icon  but you can reference different components of the icon as shapes individually  You need some knowledge of SVG and or base64 encoding Limited or no support in old versions of IE   Icon fonts   An icon can have but one fill color  one background color  etc  An icon can be embedded in CSS or HTML  In HTML  you can use the character directly or use an HTML entity to represent it  Some symbols can be displayed without the use of a webfont  Most symbols cannot  Multiple uses of the same symbol implies duplication of the symbol when your character embedded in the HTML  Duplication is not required when embedding the file in the CSS  You can use color  font-size  line-height  background-color or other font related styling rules to change the display of your icon You need no special technical knowledge Support in all major browsers  including old versions of IE   Personally  I would recommend the use of background-images only when you need multiple colors and those color can t be achieved by means of color  background-color and other color-related CSS rules for fonts   The main benefit of using SVG images is that you can give different components of a symbol their own styling  If you embed your SVG XML code in the HTML document  this is very similar to styling the HTML  This would  however  result in a web page that uses both HTML tags and SVG tags  which could significantly reduce the readability of a webpage  It also adds extra bloat if the symbol is repeated across multiple pages and you need to consider that old versions of IE have no or limited support for SVG

User · Answer

is U 25B2 BLACK UP-POINTING TRIANGLE and it s decimal character entity is  amp  9650    is U 25BC BLACK DOWN-POINTING TRIANGLE and it s decimal character entity is  amp  9660    I usually use the excellent Gucharmap to look up Unicode characters  It s installed on all recent Linux installations with Gnome under the name  Character Map   I don t know of any equivalent tools for Windows or Mac OS X  but its homepage lists a few

[html] HTML character codes for this ? or this ?

Examples related to html

Examples related to unicode

Examples related to character

Examples related to html-entities