Welcome to ...
The Unofficial Site of

No, we are not in the UK.UK

Phatipat's Learning Club



My collection of Icons and Symbols (2)

* First posted in February 2011.

(Continued:)

IMPORTANT:
Avoid using entities numbers 128 - 159 ("€" ~ "Ÿ") as they are not standardized.
Better use UTF-8 charset for pages that contain symbols. That is to say, the <head> section must have this:   <meta http-equiv="content-type" content="text/html; charset=UTF-8">

— (&#9786;) —

(&#9829; or &hearts;) ♥       ♡ (&#9825;) ♡         ✦ (&#10022;) ✦     | (a♥‿♥a)   (◑‿◐)
(&#9830; or &diams;) ♦       ♢ (&#9826;) (diamond)   ✧ (&#10023;) ✧    | (╯3╰)   (╯▽╰)
(&#9827; or &clubs;) ♣      ♧ (&#9831;) (club)   ❤ (&#10084;) ❤      | ❤‿❤   <(•¿•)>
(&#9824; or &spades;) ♠       ♤ (&#9828;) (spade)   ❥ (&#10085;) ❥      | _   (╯5╰)
(&#8226; or &bull; ) •       ◊ (&#9674; or &loz;) (lozenge or open diamond ) | (^^)   (-"-)
· (&#183; or &middot;) ·       ● (&#9679; ) ●     ⊘⊘   ⊙⊙   ⊚⊚   ⊛⊛   ⊜⊜   ⊝⊝

\^_^/   ◠_◠   ◡_◡   ╯﹏╰   ◕‿◕   ๑๑   ⊕∠ ⊕   ⊛¿⊛   ÔÔ

(&#9675;) ○ ← This symbol looks different in different browsers!   When this HTML file was in (my) PC, I saw it as a circle in Firefox, Safari, and Flock, but it looked like a pair of closed parentheses in Internet Explorer, Google Chrome, and Opera.   Once the file has become a webpage at webs.com it also looks like two close parentheses - unless what you see on your monitor is different from mine.   I wonder why the same html could look different in different occasions!

Some symbols also look different on different browsers.   For example, the skeleton symbol.
The code for this one is &#9760;   See the screenshots:

On Firefox and some browsers: Skeleton symbol (&#9760;)  viewed on Firefox     On Internet Explorer, and other browsers: Skeleton symbol (&#9760;)  viewed on IE

It is interesting to view them on different browsers.   What do you see here? →

This is what I typed: <span style="color: black;">&#9760;</span>.
If your internet speed happens to be slow at the meoment you might see this black one long before the appearance of the two skeleton pictures in the above!

(&uarr; or &#8593;) ↑    ⇑ (&uArr; or &#8657;) ⇑    ↕ ( &#8597;) ↕     | (✖﹏✖)   (≧◡≦)
(&darr; or &#8595;) ↓     ⇓ (&dArr; or &#8659;) ⇓     ⇕ (&#8661;) ⇕   | (≧o≦)  (◡‿◡✿)
(&rarr; or &#8594;) →   ⇒ (&rArr; or &#8658;) ⇒   ⇨ (&#8680;) ⇨   | (◕‿-)   v¬)   (◣◢)  

(&larr; or &#8592;) ←   ⇐ (&lArr; or &#8656;) ⇐     ⇦ (&#8678;) ⇦   | (╥﹏╥)   ಠಠ   ಥ_ಥ
(&harr; or &#8596;) ↔   ⇔ (&hArr; or &#8660;) ⇔   ⇧ (&#8679;) ⇧   ⇩ (&#8681;)
(&#8598;) ↖   ↗ (&#8599;) ↗   ↘ (&#8600;) ↘   ↙ (&#8601;) ↙     ↶ (&#8630;)
(&#8624;) ↰   ↱ (&#8625;) ↱   ↲ (&#8626;) ↲   ↳ (&#8627;) ↳         ↷ (&#8631;)
(&#8628;) ↴     ↵ (&#8629; or &#crarr;) (carriage return arrow)       ↺ (&#8634;)

(&#8735;) (right angle sign)       ≩ (&#8809;) ≩     
¬ (&#172; or &#not;) ¬ (not symbol)       ≧ (&#8807;) ≧       > (&#62; or &lt;) >
Γ (&#915; or &Gamma;) Γ             ≦ (&#8806;) ≦       < (&#60; or &gt;) <
γ (&#947; or &gamma;) γ   ≨ (&#8808;) ≨    

(&#9650;) ▲     Δ (&#916; or &#Delta;) Δ       ∆ (&#8710;) ∆     △ (&#9651;)
(&#9660;) ▼     ∇ (&#8711; or &nabla;) ∇         ▽ (&#9661;)▽         ಠ (&#3232;)
(&#9658;) ►    ▻ (&#9659;) ▻    ◆ (&#9670;)◆    ಥ (&#3237;) ಥ    ದ (&#3238;)
(&#9668;) ◄    ◅ (&#9669;) ◅    ◇ (&#9671;)◇    ಢ (&#3234;) ಢ    ಡ (&#3233;)
(&#8885;) ⊵       ⊳ (&#8883;) ⊳     ۶ (&#1782;) ۶     ಟ (&#3231;) ಟ   ಧ (&#3239;)
(&#8884;) ⊴       ⊲ (&#8882;) ⊲     ۹ (&#1785;) ۹    ಣ (&#3235;) ಣ     ತ (&#3236;)

(&#8730; or &radic;) (square root radical)         &nbsp; (non-breaking space or &#160;)
(&#10003;) ✓     ♩ (&#9833;) ♩     ★ (&#9733;) ★     ஐ(&#2960;)
(&#10004;) ✔   ♪ (&#9834;) ♪   ☆ (&#9734;) ☆   ಞ (&#3230;) ಞ  ღ (&#4326;)
(&#9745;) ☑   ♫ (&#9835;) ♫   ✮ (&#10030;) ✮   ⊱ (&#8881;) ⊱   ನ (&#3240;)
(&#9746;) ☒   ♬ (&#9836;) ♬   ✯ (&#10031;) ✯   ๑ (&#3665;) ๑   ส (&#3626;)
(&#10007;) ✗   ♭ (&#9837;) ♭    ✆ (&#9990;) ✆   ๒ (&#3666;) ๒   ๓ (&#3667;)
(&#10005;) ✕     ♮ (&#9838;) ♮       ☎ (&#9742;) ☎       ۹(̃̾●̮̮̃̾̾)۶       ٩(̃-̮̃•)۶
(&#9747;) ☓       ♯ (&#9839;) ♯       ☏ (&#9743;) ☏       ̰ (&#816;) ̰     ̾ (&#830;) ̾
(&#10006;) ✖     # (&#35;) #        ✉ (&#9993;) ✉       ̮ (&#814;) ̮       ̯ (&#815;) ̯

× (&#215; or &times;) ×     + (&#43; ) +     № (&#8470;) №     ° (&#176; or &deg;) °
÷ (&#247; or &divide;) ÷     = (&#61; ) =     ♒ (&#9810;) ♒     ≈ (&#8776; or &asymp;)
± (&#177; or &plusmn;) ±       ∼ (&sim;) ∼       ̃ (&#771;) ̃       ~ (&#126;) ~
» (&#187; or &raquo;) »   ⊶ (&#8886;) ⊶   ⊷ (&#8887;) ⊷   ﹏ (&#65103; or &asymp; )
« (&#171; or &laquo;) «     ⊸ (&#8888;) ⊸     ⊹ (&#8889;) ⊹     ⊬ (&#8876;)

(&#9689;) ◙    ◘ (&#9688;) ◘    ≠ (&#8800;) ≠    ≡ (&#8801;) ≡    ☺ (&#9786;)
(&#9687;) ◗    ◕ (&#9685;) ◕    ◓ (&#9683;) ◓    ◑ (&#9681;) ◑    ☻ (&#9787;)
(&#9686;) ◖    ◔ (&#9684;) ◔    ◒ (&#9682;) ◒    ◐ (&#9680;) ◐    ☹ (&#9785;)

(&#8709; or &empty;) ∅     ¿ (&#191; or &iquest;) ¿ (inverted ? mark)     ? (&#63;) ?
Ø (&#216; or &Oslash;) Ø     ∠ (&#8736; or &ang; ) ∠     ◠ (&#9696;) ◠      _ (&#95;) _
ø (&#248; or &Oslash;) ø      ∡ (&#8737; or &ang;) ∡      ◡ (&#9697;) ◡      (&#8254;)
(&oplus; or &#8853;) ⊕     ⊘ (&#8856;) ⊘     ⊛ (&#8859;) ⊛     ⊝ (&#8861;)
(&otimes; or &#8855;) ⊗    ⊙ (&#8857;) ⊙     ⊚ (&#8858;) ⊚     ⊜ (&#8860;)
θ (&#952; or &theta;) θ       Ω (&#937; or &Omega;) Ω       ʊ (&#650;) ʊ
Θ (&#920; or &Theta;) Θ      ω (&#969; or &omega;) ω       ∀ (&forall;)
* (&#42;) *       ∗ (&#8727; or &lowast;) ∗       @ (&#64;) @

Ô (&#212; or &Ocirc;) Ô      ∈ (&#8712; or &isin;) ∈         “ (&ldquo;)
ô (&#244; or &ocirc;) ô       ∉ (&#8713: or &notin;) ∉       ” (&rdquo;)
µ (&#181; or &micro;) µ       ∋ (&#8715; or &ni;) ∋       ∃ (&exist;)
(&#8746; or&cup;) ∪       ∴ (&#8756; or &there4;) ∴       ∵ (&#8757;)
(&#8745; or &cap;) ∩       ⊄ (&#8836; or &nsub;) ⊄       ‘ (&lsquo;)
(&#8834; or &&sub;) ⊂      ⊆ (&#8838; or &sube;) ⊆       ’ (&rsquo;)
(&#8835; or &sup;) ⊃       ⊇ (&#8839; or &supe;) ⊇       ì (&#236; ) ì
è (&#232; ) è       é (&#233;) é       ê (&#234; ) ê       ë (&#235;) ë
(&#9583;) ╯      ( (&#40;) (      [ (&#91;) [      { (&#123;) {      ‿ (&#8255;)
(&#9584;) ╰      ) (&#41;) )      ] (&#93;) ]      } (&#125;) }      ⁀ (&#8256;)

(&le; or &#8804;) (less than or equal to)         | (&#124;) |     ¦ (&#166; or &brvbar; ) ¦
(&ge; or&#8805;)(greater than or equal to)   ∥ (&#8741;)∥   ⊥ (&#8869; or &perp;)
¡ (&iexcl; or &#161;) ¡ (inverted exclamation marko)     ! (&#33;) !    / (&#47;) /    \ (&#92;) \
(&#8722; or &minus;) −         ╦ (&#9574;) ╦       ╩ (&#9577;) ╩       ╬ (&#9574;)
- (&#45;) - (hyphen)               ╤ (&#9572;) ╤       ╧ (&#9575;) ╧      (&#8982;)
(&#8211; or &ndash;) –         ╥ (&#9573;) ╥       ╨ (&#9576;) ╨      (&#8983;)
(&#8212; or &mdash;) —       ╪ (&#9578;) ╪       ╫ (&#9579;) ╫      (&#8984;)
Π (&#928; or &Pi;) Π              ╣ (&#9571;) ╣      ╢ (&#9570;) ╢      (&#8980;)
(&#8719; or &prod;) ∏         ฿ (&#3647;) ฿      € (&#8364; &euro;) €    (&#8979;)
Σ (&#931; or &Sigma;) Σ          $ (&#36;) $       ¢ (&#162; &cent;) ¢     ⌒ (&#8978;)
(&#8721; or &sum;) ∑         ₤ (&#8356;) ₤        £ (&#163; or &pound;) £

(&#8977;) ⌑   ⌏ (&#8975;) The 2 do not show in IE! Neither are those 5 in green.

À (&#192; or &Agrave;) À        Å (&#197;) Å        ¥ (&#165; or &yen;) ¥    
Á (&#193; or &Aacute;) Á        ä (&#228;) ä          ₡ (&#8353;) ₡        ₣ (&#8355;)
 (&#194; or &Acirc;)       α (&#945; or &alpha;) α    ₦ (&#8358;) ₦      ₩ (&#65510;)
à (&#195; or &Atilde;) à     β (&#946; or &beta;) β    ß (&#223; or &szlig;) ß (German double S)
Ä (&#196; or &Auml;) Ä
(&#10075;) ❛       ❜ (&#10076;) ❜       ❝ (&#10077;) ❝       ❞ (&#10078;)

۩ (&#1769;) ۩       ✍ (&#9997;) ✍      ™ (&#8482;) ™       : (&#58;) :
(&#9996;) ✌       ✏ (&#9999;) ✏      ✎ (&#9998;) ✎       ' (&#39;) '
(&#9758;) ☞     ☜ (&#9756;) ☜     ✐ (&#10000;) ✐     ; (&#59;) ;
(&#9755;) ☛     ☚ (&#9754;) ☚     ✑ (&#10001;) ✑     " (&#34;) "
(&#9757;) ☝     ☟ (&#9759;) ☟     ✒ (&#10002;) ✒     % (&#37;) %

(&#9985;) ✁     ☢ (&#9762;) ☢     ∞ (&#8734; or &infin;) ∞     ∝ (&#8733; or &#prop;)
(&#9986;) ✂     ♨ (&#9832;) ♨     ☯ (&#9775;) ☯     (&#9776;)
(&#9987;) ✃     ✈ (&#9992;) ✈     ☱ (&#9777;) ☱     ☲ (&#9778;)
(&#9988;) ✄     ℗ (&#9783;) ℗     ☳ (&#9779;) ☳     ☴ (&#9780;)
(&#9282;)⑂ ← (Not showing in IE.)     ☵ (&#9781;) ☵     ☶ (&#9782;)
(&#9840;) ← (Not showing in Safari!) → (&#9841;)       ☷ (&#9783;)

(&#9794; ) ♂       ❖ (&#10070;) ❖         ☸ (&#9784;) ☸       ☮ (&#9774;) Peace
(&#9792;) ♀       卐 (&#21328;) 卐       ☤ (&#9764;) ☤         ☫ (&#9771;)
(&#9765;) ☥         ✡ (&#10017;) ✡         ☧ (&#9767;) ☧         ☬ (&#9772;)
(&#9791;) ☿        ☪ (&#9770;) ☪         ☭ (&#9773;) ☭        ☣ (&#9763;)
(&#9793;) ♁        ✠ (&#10016;) ✠         ☩ (&#9769; ) ☩        ✝ (&#10013;)
(&#8224; or &dagger;) (dagger or cross)        ✞ (&#10014;) ✞       ✟ (&#10015;)
(&#8225; or &Dagger;) (double dagger)         ☨ (&#9768;) ☨         ☦ (&#9766;)
Ψ (&#936; or &Psi;) Ψ (Psi)       ♆ (&#9798;) (Evil)       ♈ (&#9800;)

(&#8986;) ← What a shame, this nice-looking clock does not show in IE!

(&#9788;) ☼     ϟ (&#991;) ϟ         © (&#169; or &copy;) ©     ℃ (&#8451;)
(&#9728;) ☀     ☁ (&#9729;) ☁       ® (&#181; or &reg;) ®       ℉ (&#8457;)
(&#10112;) ➀     ➊ (&#10122;) ➊       ✺ (&#10042;) ✺     ♔ (&#9812;) (King)
(&#10113;) ➁     ➋ (&#10123;) ➋       ☂ (&#9730;) ☂      ♚ (&#9818;)
(&#10114;) ➂     ➌ (&#10124;) ➌       ☃ (&#9731;) ☃      ♕ (&#9813;) (Queen)
(&#10115;) ➃     ➍ (&#10125;) ➍       ❂ (&#10050;) ❂     ♛ (&#9819;)
(&#10116;) ➄     ➎ (&#10126;) ➎       ❃ (&#10051;) ❃     ♖ (&#9814;) (Rook)
(&#10117;) ➅     ➏ (&#10127;) ➏       ❄ (&#10052;) ❄     ♜ (&#9820;)
(&#10118;) ➆     ➐ (&#10128;) ➐       ❅ (&#10053;) ❅     ♗ (&#9815;)
(&#10119;) ➇     ➑ (&#10129;) ➑       ☾ (&#9790;) ☾      ♝ (&#9821;)
(&#10120;) ➈     ➒ (&#10130;) ➒       ☽ (&#9789;) ☽     ♘ (&#9816;) (Knight)
(&#10121; ) ➉     ➓ (&#10131;) ➓       ※ (&#8251;) ※     ♞ (&#9822;)
½ (&#189; or &frac12;) ½     ❀ (&#10048;) ❀     ❊ (&#10058;) ❊     ♙ (&#9817;)
¼ (&#188; or &frac14;) ¼     ✿ (&#10047;) ✿     ❉ (&#10057;) ❉     ♟ (&#9823;)
¾ (&#190; 0r &frac34;) ¾     ❆ (&#10054;) ❆      ✼ (&#10044;) ✼     ❁ (&#10049;)

Many thanks to these sites:
http://www.ascii.cl/htmlcodes.htm
Google: "Symbol html"
Yahoo Search: "Symbol html"
http://facebook-symbols.com/all/
http://www.web-source.net/symbols.htm
http://entitycode.com/
http://cityofstrife.net/codes.html">

Scroll up ↑     Scroll down for more ↓

AFTERNOTES    (Written on Feb-4-2011)

Symbols and their codes

For a webpage maker it is annoying when our copy-paste does not show up on the webpages.
In such occasions we need to use html codes.   These codes must be the standardized ones.
Webpages are not like Microsoft Word.  Very often you simply cannot copy-paste!

I do not know who created the symbols and who assigned the standardized html codes for these symbols, but they are great.
Unlike picture files, we cannot create our own symbols and assign html entities for them.

I have my pc memorized some special characters' html entities for my use on the webpages.
Although not many, it is better to have them ready than to frantically search for them when in need.

A webpage can show up completely on the screen faster if it has fewer picture files.   In comparison, a coded symbol does not take up much time to load.

You can easily see such difference between this page (Part 2) and the previous page (Part 1)

I have discovered that there are many icon-like symbols.   These have standardized codes.   For examples, the sun, various shapes of the moon, the stars, the clouds, flowers, the arrows, the triangles, the rectangles, religious signs, scissors, and many more.

Unlike picture files, these symbols could look different on different browsers.   It is still a long way to go, I guess, before all the browsers show exactly the same things for the same codes.

The difference between picture icons and symbols:

We can easily create an icon that is a picture file.   We then upload it to our favorite web storage place.

A good webstorage does not move or delete or automatically edit our uploaded files without letting us know beforehand.   We now take this for granted, but I do remember how annoying it had been for me before I discovered Photobucket.com!

If the uploading is successful we can obtain a link.   The http:// ... link is ready for us to use.
We first type this <img scr="http://--"> in Notepad or in any HTML editor and save the file as .htm.
Next, if we open this .htm file in a "browser"* we will see our uploaded picture.
If we open the same file in Notepad we will see the codes.   No pictures.


*browser
These are browsers: Internet Explorer, Firefox, Google Chrome, Safari, Opera, Flock — and more.


You may laugh, but believe me, just a few years ago I had not heard of these techie things at all!

❂ ❂ 
  ◡