Template:Emoji: Difference between revisions

Latest revision as of 13:23, 18 June 2018

&#x0{{{1}}};

Inserts an Emoji icon image in the text flow. Emoji are ready-to-use unicode characters hosted in the display font. So they do not need to be imported as additional file images.

Usage: {{Emoji|1=name-of-icon|2=size-modifier}}.

1 The name-of-icon should be one from the following list: smile yawn

Immediate hexadecimal value can also be used instead of the friendly name (see Unicode table below).

2. The size-modifier when present changes the size of the Emoji. These are the same rules as for css font-size attribute. Default value is 'inherit' meaning character size is the same as the size of the text it is included in. Using percentage values gives a good idea of relative sizes.

3. Examples

Using generic {{Smiley}} yields . Instead:

{{Emoji|smile}} yields 🙂 with the same size

{{Emoji|smile|150%}} yields 🙂

{{Emoji|yawn|200%}} yields 😪

{{Emoji|1F621|200%}} yields 😡

4. Check other possibilities

Unicode characters/U1f600
U+	0	1	2	3	4	5	6	7	8	9	A	B	C	D	E	F
1f60	😀	😁	😂	😃	😄	😅	😆	😇	😈	😉	😊	😋	😌	😍	😎	😏
1f61	😐	😑	😒	😓	😔	😕	😖	😗	😘	😙	😚	😛	😜	😝	😞	😟
1f62	😠	😡	😢	😣	😤	😥	😦	😧	😨	😩	😪	😫	😬	😭	😮	😯
1f63	😰	😱	😲	😳	😴	😵	😶	😷	😸	😹	😺	😻	😼	😽	😾	😿
1f64	🙀	🙁	🙂	🙃	🙄	🙅	🙆	🙇	🙈	🙉	🙊	🙋	🙌	🙍	🙎	🙏

@@ Line 1: / Line 1: @@
-<noinclude>
+<span style="font-size:{{#switch: {{{2}}}| none=inherit| {{{2}}}}};">&#x0{{#switch:  {{{1}}}|smile=1F642|yawn=1F62A|{{{1}}}}};</span><noinclude>
-{{Construction}}
+[[Category:Template]]
-Insert an Emoji icon image in the text flow. Usage: <nowiki>{{Emoji|1=name-of-icon}}</nowiki>.
+Inserts an Emoji icon image in the text flow.
+Emoji are ready-to-use unicode characters hosted in the display font.
+So they do not need to be imported as additional file images.
+Usage: <nowiki>{{Emoji|1=name-of-icon|2=size-modifier}}</nowiki>.
-The icon should be named from the following list:
+The name-of-icon should be one from the following list:
 smile
 yawn
-This set can be extended with corresponding unicode values according to the needs.
-Example: <nowiki>{{Emoji|smile}}</nowiki> yields {{Emoji|1F642}}.
+Immediate hexadecimal value can also be used instead of the friendly name (see Unicode table below).
+. The size-modifier when present changes the size of the Emoji. These are the same rules as for css font-size attribute.
+Default value is 'inherit' meaning character size is the same as the size of the text it is included in.
+Using percentage values gives a good idea of relative sizes.
+. Examples
+Using generic <nowiki>{{Smiley}}</nowiki> yields {{Smiley}} . Instead:
+<nowiki>{{Emoji|smile}}</nowiki> yields {{Emoji|smile}} with the same size
+<nowiki>{{Emoji|smile|150%}}</nowiki> yields {{Emoji|smile|150%}}
+<nowiki>{{Emoji|yawn|200%}}</nowiki> yields {{Emoji|yawn|200%}}
+<nowiki>{{Emoji|1F621|200%}}</nowiki> yields {{Emoji|1F621|200%}}
-[[Category:Template]]
-</noinclude><font size="+1"> &#x0{{{1}}};</font>
+. Check other possibilities
+{|border="1" cellspacing="0" cellpadding="5" class="wikitable nounderlines" style="border-collapse:collapse;background:#FFFFFF;font-size:inherit;text-align:center"
+|+style="font-size:inherit" | Unicode characters/U1f600
+|-style="background:#F8F8F8;font-size:large"
+|-
+| style="text-align:right" | U+ || 0 || 1 || 2 || 3 || 4 || 5 || 6 || 7 || 8 || 9 || A || B || C || D || E || F
+|-
+| style="background:#F8F8F8;font-size:inherit;text-align:left" | 1f60 || &#x1F600; || &#x1F601; || &#x1F602; || &#x1F603; || &#x1F604; || &#x1F605; || &#x1F606; || &#x1F607; || &#x1F608; || &#x1F609; || &#x1F60A; || &#x1F60B; || &#x1F60C;|| &#x1F60D; || &#x1F60E; || &#x1F60F;
+|-
+| style="background:#F8F8F8;font-size:inherit;text-align:left" | 1f61 || &#x1F610; || &#x1F611; || &#x1F612; || &#x1F613; || &#x1F614; || &#x1F615; || &#x1F616; || &#x1F617; || &#x1F618; || &#x1F619; || &#x1F61A; || &#x1F61B; || &#x1F61C; || &#x1F61D; || &#x1F61E; || &#x1F61F;
+|-
+| style="background:#F8F8F8;font-size:inherit;text-align:left" | 1f62 || &#x1F620; || &#x1F621; || &#x1F622; || &#x1F623; || &#x1F624; || &#x1F625; || &#x1F626; || &#x1F627;|| &#x1F628; || &#x1F629; || &#x1F62A; || &#x1F62B; || &#x1F62C; || &#x1F62D; || &#x1F62E; || &#x1F62F;
+|-
+| style="background:#F8F8F8;font-size:inherit;text-align:left" | 1f63 || &#x1F630; || &#x1F631;  || &#x1F632;  || &#x1F633;  || &#x1F634;  || &#x1F635;  || &#x1F636; || &#x1F637; || &#x1F638; || &#x1F639; || &#x1F63A; || &#x1F63B; || &#x1F63C; || &#x1F63D;  || &#x1F63E;  || &#x1F63F;
+|-
+| style="background:#F8F8F8;font-size:inherit;text-align:left" | 1f64 || &#x1F640; || &#x1F641;  || &#x1F642; || &#x1F643;   || &#x1F644;  || &#x1F645;  || &#x1F646;  || &#x1F647; || &#x1F648; || &#x1F649; || &#x1F64A; || &#x1F64B; || &#x1F64C; || &#x1F64D; || &#x1F64E; || &#x1F64F;
+|}
+</noinclude>