summaryrefslogtreecommitdiffstats
path: root/pictographs
diff options
context:
space:
mode:
Diffstat (limited to 'pictographs')
-rw-r--r--pictographs/accessibility.html29
-rw-r--r--pictographs/ballot.html46
-rw-r--r--pictographs/birth-and-death-symbols.html27
-rw-r--r--pictographs/body-parts.html38
-rw-r--r--pictographs/chemistry-and-biology.html20
-rw-r--r--pictographs/clock-faces.html40
-rw-r--r--pictographs/clothing-and-accessories.html81
-rw-r--r--pictographs/comic.html68
-rw-r--r--pictographs/communication.html86
-rw-r--r--pictographs/consumables.html185
-rw-r--r--pictographs/cosmological.html61
-rw-r--r--pictographs/crop-marks.html20
-rw-r--r--pictographs/cultural-sites.html18
-rw-r--r--pictographs/dingbats.html349
-rw-r--r--pictographs/electronics-symbols.html22
-rw-r--r--pictographs/emoji-modifiers.html26
-rw-r--r--pictographs/emotions.html196
-rw-r--r--pictographs/flags.html30
-rw-r--r--pictographs/gestures.html34
-rw-r--r--pictographs/hand-signs.html98
-rw-r--r--pictographs/hearts.html38
-rw-r--r--pictographs/home.html41
-rw-r--r--pictographs/interpersonal.html37
-rw-r--r--pictographs/leisure.html190
-rw-r--r--pictographs/map-symbols-and-buildings.html124
-rw-r--r--pictographs/materials.html38
-rw-r--r--pictographs/medical.html25
-rw-r--r--pictographs/military.html26
-rw-r--r--pictographs/money.html44
-rw-r--r--pictographs/multimedia-properties.html43
-rw-r--r--pictographs/music.html52
-rw-r--r--pictographs/nature.html188
-rw-r--r--pictographs/observance.html64
-rw-r--r--pictographs/office.html108
-rw-r--r--pictographs/personal-and-domestic-care.html32
-rw-r--r--pictographs/physics.html15
-rw-r--r--pictographs/political-symbols.html25
-rw-r--r--pictographs/portraits.html73
-rw-r--r--pictographs/religious-symbols.html100
-rw-r--r--pictographs/safety.html25
-rw-r--r--pictographs/scores.html19
-rw-r--r--pictographs/signage.html75
-rw-r--r--pictographs/tools.html39
-rw-r--r--pictographs/traffic-signs.html47
-rw-r--r--pictographs/user-interface-symbols.html143
-rw-r--r--pictographs/vehicles.html118
-rw-r--r--pictographs/weather.html59
47 files changed, 3262 insertions, 0 deletions
diff --git a/pictographs/accessibility.html b/pictographs/accessibility.html
new file mode 100644
index 0000000..9c91454
--- /dev/null
+++ b/pictographs/accessibility.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Accessibility</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- blindness -->
+ <td>&#x1F9AE;</td> <!-- GUIDE DOG -->
+ <td>&#x1F9AF;</td> <!-- PROBING CANE -->
+ </tr>
+ <tr> <!-- deafness -->
+ <td>&#x1F9BB;</td> <!-- EAR WITH HEARING AID -->
+ <td>&#x1F9CF;</td> <!-- DEAF PERSON -->
+ </tr>
+ <tr> <!-- immobility -->
+ <td>&#x1F9BC;</td> <!-- MOTORIZED WHEELCHAIR -->
+ <td>&#x1F9BD;</td> <!-- MANUAL WHEELCHAIR -->
+ <td>&#x267F;</td> <!-- WHEELCHAIR SYMBOL -->
+ </tr>
+ <tr> <!-- prosthetic -->
+ <td>&#x1F9BE;</td> <!-- MECHANICAL ARM -->
+ <td>&#x1F9BF;</td> <!-- MECHANICAL LEG -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/ballot.html b/pictographs/ballot.html
new file mode 100644
index 0000000..232847b
--- /dev/null
+++ b/pictographs/ballot.html
@@ -0,0 +1,46 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Ballot</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F5F3;</td> <!-- BALLOT BOX WITH BALLOT -->
+ <td>&#x2610;</td> <!-- BALLOT BOX -->
+ </tr>
+ <tr>
+ <td class="lacuna"></td> <!-- light ballot x -->
+ <td>&#x2BBD;</td> <!-- BALLOT BOX WITH LIGHT X -->
+ <td class="dup">&#x2717;</td> <!-- BALLOT X -->
+ <td>&#x2612;</td> <!-- BALLOT BOX WITH X -->
+ <td class="dup">&#x2718;</td> <!-- HEAVY BALLOT X -->
+ <td class="lacuna"></td> <!-- ballot box with heavy x -->
+ <td class="lacuna"></td> <!-- bold ballot x -->
+ <td class="lacuna"></td> <!-- ballot box with bold x -->
+ </tr>
+ <tr>
+ <td class="lacuna"></td> <!-- light ballot script x -->
+ <td class="lacuna"></td> <!-- ballot box with light script x -->
+ <td>&#x1F5F4;</td> <!-- BALLOT SCRIPT X -->
+ <td>&#x1F5F5;</td> <!-- BALLOT BOX WITH SCRIPT X -->
+ <td class="lacuna"></td> <!-- ballot heavy script x -->
+ <td class="lacuna"></td> <!-- ballot box with heavy script x -->
+ <td>&#x1F5F6;</td> <!-- BALLOT BOLD SCRIPT X -->
+ <td>&#x1F5F7;</td> <!-- BALLOT BOX WITH BOLD SCRIPT X -->
+ </tr>
+ <tr>
+ <td>&#x1F5F8;</td> <!-- LIGHT CHECK MARK -->
+ <td class="lacuna"></td> <!-- ballot box with light check -->
+ <td class="dup">&#x2713;</td> <!-- CHECK MARK -->
+ <td>&#x2611;</td> <!-- BALLOT BOX WITH CHECK -->
+ <td class="dup">&#x2714;</td> <!-- HEAVY CHECK MARK -->
+ <td class="lacuna"></td> <!-- ballot box with heavy check -->
+ <td class="lacuna"></td> <!-- bold check mark -->
+ <td>&#x1F5F9;</td> <!-- BALLOT BOX WITH BOLD CHECK -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/birth-and-death-symbols.html b/pictographs/birth-and-death-symbols.html
new file mode 100644
index 0000000..230e576
--- /dev/null
+++ b/pictographs/birth-and-death-symbols.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Birth and death symbols</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- birth date, birth or life -->
+ <td class="dup">&#x16C9;</td> <!-- RUNIC LETTER ALGIZ EOLHX --> <!-- norse -->
+ <td class="dup">&#x002A;</td> <!-- ASTERISK --> <!-- christian, the star -->
+ <tr>
+ <tr> <!-- death, or death date -->
+ <td class="dup">&#x16E3;</td> <!-- RUNIC LETTER CALC --> <!-- norse -->
+ <td class="dup">&#x2020;</td> <!-- DAGGER --> <!-- christian, the cross -->
+ <tr>
+ <tr> <!-- remains -->
+ <td>&#x26B0;</td> <!-- COFFIN -->
+ <td>&#x26B1;</td> <!-- FUNERAL URN -->
+ </tr>
+ <tr> <!-- cause of death -->
+ <td class="dup">&#x2694;</td> <!-- CROSSED SWORDS --> <!-- killed in action -->
+ <tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/body-parts.html b/pictographs/body-parts.html
new file mode 100644
index 0000000..312db34
--- /dev/null
+++ b/pictographs/body-parts.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Body parts</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- head -->
+ <td>&#x1F9E0;</td> <!-- BRAIN -->
+ <td>&#x1F440;</td> <!-- EYES -->
+ <td>&#x1F441;</td> <!-- EYE -->
+ <td>&#x1F442;</td> <!-- EAR -->
+ <td>&#x1F443;</td> <!-- NOSE -->
+ <td>&#x1F444;</td> <!-- MOUTH -->
+ <td>&#x1F445;</td> <!-- TONGUE -->
+ <td>&#x1F9B7;</td> <!-- TOOTH -->
+ </tr>
+ <tr> <!-- mid body -->
+ <td>&#x1FAC0;</td> <!-- ANATOMICAL HEART -->
+ <td>&#x1FAC1;</td> <!-- LUNGS -->
+ </tr>
+ <tr> <!-- lower body -->
+ <td>&#x1F9B5;</td> <!-- LEG -->
+ <td>&#x1F9B6;</td> <!-- FOOT -->
+ </tr>
+ <tr> <!-- dead -->
+ <td>&#x1F480;</td> <!-- SKULL -->
+ <td>&#x1F9B4;</td> <!-- BONE -->
+ <tr>
+ </tr> <!-- animal -->
+ <td>&#x1FAB6;</td> <!-- FEATHER -->
+ <td>&#x1F43D;</td> <!-- PIG NOSE -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/chemistry-and-biology.html b/pictographs/chemistry-and-biology.html
new file mode 100644
index 0000000..cc0ab97
--- /dev/null
+++ b/pictographs/chemistry-and-biology.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Chemistry and biology</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F9EA;</td> <!-- TEST TUBE -->
+ <td>&#x1F9EB;</td> <!-- PETRI DISH -->
+ <td>&#x1F9EC;</td> <!-- DNA DOUBLE HELIX -->
+ <td>&#x1F52C;</td> <!-- MICROSCOPE -->
+ <td>&#x1F9A0;</td> <!-- MICROBE -->
+ <td>&#x2697;</td> <!-- ALEMBIC -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/clock-faces.html b/pictographs/clock-faces.html
new file mode 100644
index 0000000..2e645ee
--- /dev/null
+++ b/pictographs/clock-faces.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Clock faces</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- xx:00 -->
+ <td>&#x1F550;</td> <!-- CLOCK FACE ONE OCLOCK -->
+ <td>&#x1F551;</td> <!-- CLOCK FACE TWO OCLOCK -->
+ <td>&#x1F552;</td> <!-- CLOCK FACE THREE OCLOCK -->
+ <td>&#x1F553;</td> <!-- CLOCK FACE FOUR OCLOCK -->
+ <td>&#x1F554;</td> <!-- CLOCK FACE FIVE OCLOCK -->
+ <td>&#x1F555;</td> <!-- CLOCK FACE SIX OCLOCK -->
+ <td>&#x1F556;</td> <!-- CLOCK FACE SEVEN OCLOCK -->
+ <td>&#x1F557;</td> <!-- CLOCK FACE EIGHT OCLOCK -->
+ <td>&#x1F558;</td> <!-- CLOCK FACE NINE OCLOCK -->
+ <td>&#x1F559;</td> <!-- CLOCK FACE TEN OCLOCK -->
+ <td>&#x1F55A;</td> <!-- CLOCK FACE ELEVEN OCLOCK -->
+ <td>&#x1F55B;</td> <!-- CLOCK FACE TWELVE OCLOCK -->
+ </tr>
+ <tr> <!-- xx:30 -->
+ <td>&#x1F55C;</td> <!-- CLOCK FACE ONE-THIRTY -->
+ <td>&#x1F55D;</td> <!-- CLOCK FACE TWO-THIRTY -->
+ <td>&#x1F55E;</td> <!-- CLOCK FACE THREE-THIRTY -->
+ <td>&#x1F55F;</td> <!-- CLOCK FACE FOUR-THIRTY -->
+ <td>&#x1F560;</td> <!-- CLOCK FACE FIVE-THIRTY -->
+ <td>&#x1F561;</td> <!-- CLOCK FACE SIX-THIRTY -->
+ <td>&#x1F562;</td> <!-- CLOCK FACE SEVEN-THIRTY -->
+ <td>&#x1F563;</td> <!-- CLOCK FACE EIGHT-THIRTY -->
+ <td>&#x1F564;</td> <!-- CLOCK FACE NINE-THIRTY -->
+ <td>&#x1F565;</td> <!-- CLOCK FACE TEN-THIRTY -->
+ <td>&#x1F566;</td> <!-- CLOCK FACE ELEVEN-THIRTY -->
+ <td>&#x1F567;</td> <!-- CLOCK FACE TWELVE-THIRTY -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/clothing-and-accessories.html b/pictographs/clothing-and-accessories.html
new file mode 100644
index 0000000..75948c0
--- /dev/null
+++ b/pictographs/clothing-and-accessories.html
@@ -0,0 +1,81 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Clothing and accessories</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F45A;</td> <!-- WOMANS CLOTHES -->
+ </tr>
+ <tr>
+ <td>&#x1F97C;</td> <!-- LAB COAT -->
+ <td>&#x1F9E5;</td> <!-- COAT -->
+ </tr>
+ <tr>
+ <td>&#x1F97B;</td> <!-- SARI -->
+ <td>&#x1F457;</td> <!-- DRESS -->
+ <td>&#x1F458;</td> <!-- KIMONO -->
+ </tr>
+ <tr>
+ <td class="dup">&#x1F3A9;</td> <!-- TOP HAT -->
+ <td>&#x1F9E2;</td> <!-- BILLED CAP -->
+ <td>&#x1F452;</td> <!-- WOMANS HAT -->
+ <td>&#x1F451;</td> <!-- CROWN -->
+ </tr>
+ <tr>
+ <td>&#x1F453;</td> <!-- EYEGLASSES -->
+ <td>&#x1F576;</td> <!-- DARK SUNGLASSES -->
+ <td>&#x1F97D;</td> <!-- GOGGLES -->
+ </tr>
+ <tr>
+ <td>&#x1F9E3;</td> <!-- SCARF -->
+ <td>&#x1F454;</td> <!-- NECKTIE -->
+ </tr>
+ <tr>
+ <td>&#x1F9E4;</td> <!-- GLOVES -->
+ </tr>
+ <tr>
+ <td>&#x1F455;</td> <!-- T-SHIRT -->
+ </tr>
+ <tr>
+ <td>&#x1FA73;</td> <!-- SHORTS -->
+ <td>&#x1F456;</td> <!-- JEANS -->
+ </tr>
+ <tr>
+ <td>&#x1FA72;</td> <!-- BRIEFS -->
+ </tr>
+ <tr>
+ <td>&#x1F9E6;</td> <!-- SOCKS -->
+ </tr>
+ <tr>
+ <td>&#x1FA70;</td> <!-- BALLET SHOES -->
+ <td>&#x1F97F;</td> <!-- FLAT SHOE -->
+ <td>&#x1F45E;</td> <!-- MANS SHOE -->
+ <td>&#x1F45F;</td> <!-- ATHLETIC SHOE -->
+ <td>&#x1F460;</td> <!-- HIGH-HEELED SHOE -->
+ <td>&#x1FA74;</td> <!-- THONG SANDAL -->
+ <td>&#x1F461;</td> <!-- WOMANS SANDAL -->
+ <td>&#x1F97E;</td> <!-- HIKING BOOT -->
+ <td>&#x1F462;</td> <!-- WOMANS BOOTS -->
+ </tr>
+ <tr>
+ <td>&#x1FA71;</td> <!-- ONE-PIECE SWIMSUIT -->
+ <td>&#x1F459;</td> <!-- BIKINI -->
+ </tr>
+ <tr>
+ <td>&#x1F302;</td> <!-- CLOSED UMBRELLA -->
+ <td>&#x2602;</td> <!-- UMBRELLA -->
+ <td>&#x2614;</td> <!-- UMBRELLA WITH RAIN DROPS -->
+ </tr>
+ <tr>
+ <td>&#x1F45B;</td> <!-- PURSE -->
+ <td>&#x1F45C;</td> <!-- HANDBAG -->
+ <td>&#x1F45D;</td> <!-- POUCH -->
+ <td>&#x1F9F3;</td> <!-- LUGGAGE -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/comic.html b/pictographs/comic.html
new file mode 100644
index 0000000..68c3ef4
--- /dev/null
+++ b/pictographs/comic.html
@@ -0,0 +1,68 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Comic</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- emotion -->
+ <td>&#x1F4A6;</td> <!-- SPLASHING SWEAT SYMBOL -->
+ <td>&#x1F4A7;</td> <!-- DROPLET -->
+ <td>&#x1F4A4;</td> <!-- SLEEPING SYMBOL -->
+ <td>&#x1F4A9;</td> <!-- PILE OF POO -->
+ <td>&#x1F4AA;</td> <!-- FLEXED BICEPS -->
+ <td>&#x1F4A1;</td> <!-- ELECTRIC LIGHT BULB -->
+ <td>&#x1F4A8;</td> <!-- DASH SYMBOL -->
+ </tr>
+ <tr> <!-- mood -->
+ <td>&#x1F5F2;</td> <!-- LIGHTNING MOOD -->
+ <td>&#x1F5F0;</td> <!-- MOOD BUBBLE -->
+ <td>&#x1F5F1;</td> <!-- LIGHTNING MOOD BUBBLE -->
+ </tr>
+ <tr> <!-- anger -->
+ <td>&#x1F4A2;</td> <!-- ANGER SYMBOL -->
+ <td>&#x1F5EE;</td> <!-- LEFT ANGER BUBBLE -->
+ <td>&#x1F5EF;</td> <!-- RIGHT ANGER BUBBLE -->
+ </tr>
+ <tr> <!-- speech -->
+ <td>&#x1F4AC;</td> <!-- SPEECH BALLOON -->
+ <td>&#x1F5E8;</td> <!-- LEFT SPEECH BUBBLE -->
+ <td>&#x1F5E9;</td> <!-- RIGHT SPEECH BUBBLE -->
+ <td>&#x1F5EA;</td> <!-- TWO SPEECH BUBBLES -->
+ <td>&#x1F5EB;</td> <!-- THREE SPEECH BUBBLES -->
+ </tr>
+ <tr> <!-- though -->
+ <td>&#x1F4AD;</td> <!-- THOUGHT BALLOON -->
+ <td>&#x1F5EC;</td> <!-- LEFT THOUGHT BUBBLE -->
+ <td>&#x1F5ED;</td> <!-- RIGHT THOUGHT BUBBLE -->
+ </tr>
+ <tr> <!-- explosion -->
+ <td>&#x1F4A3;</td> <!-- BOMB -->
+ <td>&#x1F4A5;</td> <!-- COLLISION SYMBOL -->
+ </tr>
+ <tr> <!-- other -->
+ <td>&#x1F4A0;</td> <!-- DIAMOND SHAPE WITH A DOT INSIDE -->
+ <td>&#x1F4AB;</td> <!-- DIZZY SYMBOL -->
+ <td>&#x1F573;</td> <!-- HOLE -->
+ </tr>
+ <tr> <!-- sound symbols { -->
+ <td></td>
+ <td>&#x1F5E4;</td> <!-- THREE RAYS ABOVE -->
+ <td></td>
+ </tr>
+ <tr>
+ <td>&#x1F5E6;</td> <!-- THREE RAYS LEFT -->
+ <td></td>
+ <td>&#x1F5E7;</td> <!-- THREE RAYS RIGHT -->
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td>&#x1F5E5;</td> <!-- THREE RAYS BELOW -->
+ <td></td>
+ </tr> <!-- } -->
+ </table>
+ </body>
+</html>
diff --git a/pictographs/communication.html b/pictographs/communication.html
new file mode 100644
index 0000000..d99f40b
--- /dev/null
+++ b/pictographs/communication.html
@@ -0,0 +1,86 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Communication</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F4F0;</td> <!-- NEWSPAPER -->
+ <td>&#x1F5DE;</td> <!-- ROLLED-UP NEWSPAPER -->
+ </tr>
+ <tr>
+ <td>&#x1F4E6;</td> <!-- PACKAGE -->
+ </tr>
+ <tr>
+ <td>&#x2709;</td> <!-- ENVELOPE -->
+ <td>&#x1F4E7;</td> <!-- E-MAIL SYMBOL -->
+ <td>&#x1F4E8;</td> <!-- INCOMING ENVELOPE -->
+ <td>&#x1F582;</td> <!-- BACK OF ENVELOPE -->
+ <td>&#x1F583;</td> <!-- STAMPED ENVELOPE -->
+ <td>&#x1F584;</td> <!-- ENVELOPE WITH LIGHTNING -->
+ <td>&#x1F585;</td> <!-- FLYING ENVELOPE -->
+ <td>&#x1F586;</td> <!-- PEN OVER STAMPED ENVELOPE -->
+ </tr>
+ <tr>
+ <td>&#x1F4EA;</td> <!-- CLOSED MAILBOX WITH LOWERED FLAG -->
+ <td>&#x1F4ED;</td> <!-- OPEN MAILBOX WITH LOWERED FLAG -->
+ <td class="lacuna"></td> <!-- envelope with upwards arrow above -->
+ <td>&#x1F4E4;</td> <!-- OUTBOX TRAY -->
+ </tr>
+ <tr>
+ <td>&#x1F4EB;</td> <!-- CLOSED MAILBOX WITH RAISED FLAG -->
+ <td>&#x1F4EC;</td> <!-- OPEN MAILBOX WITH RAISED FLAG -->
+ <td>&#x1F4E9;</td> <!-- ENVELOPE WITH DOWNWARDS ARROW ABOVE -->
+ <td>&#x1F4E5;</td> <!-- INBOX TRAY -->
+ </tr>
+ <tr>
+ <td>&#x1F4DD;</td> <!-- MEMO -->
+ </tr>
+ <tr>
+ <td>&#x1F4F5;</td> <!-- NO MOBILE PHONES -->
+ <td>&#x1F4F4;</td> <!-- MOBILE PHONE OFF -->
+ <td>&#x1F4F1;</td> <!-- MOBILE PHONE -->
+ <td>&#x1F4F2;</td> <!-- MOBILE PHONE WITH RIGHTWARDS ARROW AT LEFT -->
+ <td>&#x1F4DE;</td> <!-- TELEPHONE RECEIVER -->
+ <td>&#x1F57B;</td> <!-- LEFT HAND TELEPHONE RECEIVER -->
+ <td>&#x1F57D;</td> <!-- RIGHT HAND TELEPHONE RECEIVER -->
+ <td>&#x1F57C;</td> <!-- TELEPHONE RECEIVER WITH PAGE -->
+ <td>&#x1F581;</td> <!-- CLAMSHELL MOBILE PHONE -->
+ <td>&#x1F57E;</td> <!-- WHITE TOUCHTONE TELEPHONE -->
+ <td>&#x1F57F;</td> <!-- BLACK TOUCHTONE TELEPHONE -->
+ <td>&#x1F580;</td> <!-- TELEPHONE ON TOP OF MODEM -->
+ <td>&#x260E;</td> <!-- BLACK TELEPHONE -->
+ <td>&#x260F;</td> <!-- WHITE TELEPHONE -->
+ <td>&#x2315;</td> <!-- TELEPHONE RECORDER -->
+ </tr>
+ <tr>
+ <td>&#x1F4E0;</td> <!-- FAX MACHINE -->
+ <td class="dup">&#x1F5B7;</td> <!-- FAX ICON -->
+ </tr>
+ <tr>
+ <td>&#x1F4DF;</td> <!-- PAGER -->
+ </tr>
+ <tr>
+ <td>&#x1F4E2;</td> <!-- PUBLIC ADDRESS LOUDSPEAKER -->
+ <td>&#x1F4E3;</td> <!-- CHEERING MEGAPHONE -->
+ <td>&#x1F56B;</td> <!-- BULLHORN -->
+ <td>&#x1F56C;</td> <!-- BULLHORN WITH SOUND WAVES -->
+ </tr>
+ <tr>
+ <td>&#x1F4F3;</td> <!-- VIBRATION MODE -->
+ <td>&#x1F568;</td> <!-- RIGHT SPEAKER -->
+ <td>&#x1F569;</td> <!-- RIGHT SPEAKER WITH ONE SOUND WAVE -->
+ <td>&#x1F56A;</td> <!-- RIGHT SPEAKER WITH THREE SOUND WAVES -->
+ </tr>
+ <tr>
+ <td>&#x1F4EF;</td> <!-- POSTAL HORN -->
+ <td>&#x1F4EE;</td> <!-- POSTBOX -->
+ <td>&#x1F4E1;</td> <!-- SATELLITE ANTENNA -->
+ <td>&#x1F4F6;</td> <!-- ANTENNA WITH BARS -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/consumables.html b/pictographs/consumables.html
new file mode 100644
index 0000000..67c52b8
--- /dev/null
+++ b/pictographs/consumables.html
@@ -0,0 +1,185 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Consumables</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- berry -->
+ <td>&#x1F336;</td> <!-- HOT PEPPER -->
+ <td>&#x1F345;</td> <!-- TOMATO -->
+ <td>&#x1F346;</td> <!-- AUBERGINE -->
+ <td>&#x1F347;</td> <!-- GRAPES -->
+ <td>&#x1F34C;</td> <!-- BANANA -->
+ <td>&#x1F95D;</td> <!-- KIWIFRUIT -->
+ <td>&#x1FAD0;</td> <!-- BLUEBERRIES -->
+ <td>&#x1FAD1;</td> <!-- BELL PEPPER -->
+ </tr>
+ <tr> <!-- accessory fruits -->
+ <td>&#x1F353;</td> <!-- STRAWBERRY -->
+ </tr>
+ <tr> <!-- pomes -->
+ <td>&#x1F34E;</td> <!-- RED APPLE -->
+ <td>&#x1F34F;</td> <!-- GREEN APPLE -->
+ <td>&#x1F350;</td> <!-- PEAR -->
+ </tr>
+ <tr> <!-- hesperida -->
+ <td>&#x1F34A;</td> <!-- TANGERINE -->
+ <td>&#x1F34B;</td> <!-- LEMON -->
+ </tr>
+ <tr> <!-- multiple fruits -->
+ <td>&#x1F34D;</td> <!-- PINEAPPLE -->
+ </tr>
+ <tr> <!-- drupes -->
+ <td>&#x1F351;</td> <!-- PEACH -->
+ <td>&#x1F352;</td> <!-- CHERRIES -->
+ <td>&#x1F951;</td> <!-- AVOCADO -->
+ <td>&#x1F965;</td> <!-- COCONUT -->
+ <td>&#x1F96D;</td> <!-- MANGO -->
+ <td>&#x1FAD2;</td> <!-- OLIVE -->
+ </tr>
+ <tr> <!-- gourds -->
+ <td>&#x1F348;</td> <!-- MELON -->
+ <td>&#x1F349;</td> <!-- WATERMELON -->
+ <td>&#x1F952;</td> <!-- CUCUMBER -->
+ </tr>
+ <tr> <!-- root vegetables -->
+ <td>&#x1F35F;</td> <!-- FRENCH FRIES -->
+ <td>&#x1F360;</td> <!-- ROASTED SWEET POTATO -->
+ <td>&#x1F954;</td> <!-- POTATO -->
+ <td>&#x1F955;</td> <!-- CARROT -->
+ </tr>
+ <tr> <!-- allium -->
+ <td>&#x1F9C4;</td> <!-- GARLIC -->
+ <td>&#x1F9C5;</td> <!-- ONION -->
+ </tr>
+ <tr> <!-- vegetables -->
+ <td>&#x1F966;</td> <!-- BROCCOLI -->
+ <td>&#x1F96C;</td> <!-- LEAFY GREEN -->
+ </tr>
+ <tr> <!-- legumes -->
+ <td>&#x1F95C;</td> <!-- PEANUTS -->
+ <td>&#x1F9C6;</td> <!-- FALAFEL -->
+ </tr>
+ <tr> <!-- nuts -->
+ <td>&#x1F330;</td> <!-- CHESTNUT -->
+ </tr>
+ <tr> <!-- grains -->
+ <td>&#x1F33D;</td> <!-- EAR OF MAIZE -->
+ <td>&#x1F33E;</td> <!-- EAR OF RICE -->
+ <td>&#x1F358;</td> <!-- RICE CRACKER -->
+ <td>&#x1F359;</td> <!-- RICE BALL -->
+ <td>&#x1F35A;</td> <!-- COOKED RICE -->
+ <td>&#x1F35B;</td> <!-- CURRY AND RICE -->
+ <td>&#x1F35D;</td> <!-- SPAGHETTI -->
+ <td>&#x1F361;</td> <!-- DANGO -->
+ </tr>
+ <tr> <!-- baked -->
+ <td>&#x1F32F;</td> <!-- BURRITO -->
+ <td>&#x1F355;</td> <!-- SLICE OF PIZZA -->
+ <td>&#x1F35E;</td> <!-- BREAD -->
+ <td>&#x1F950;</td> <!-- CROISSANT -->
+ <td>&#x1F956;</td> <!-- BAGUETTE BREAD -->
+ <td>&#x1F959;</td> <!-- STUFFED FLATBREAD -->
+ <td>&#x1F95E;</td> <!-- PANCAKES -->
+ <td>&#x1F95F;</td> <!-- DUMPLING -->
+ <td>&#x1F960;</td> <!-- FORTUNE COOKIE -->
+ <td>&#x1F968;</td> <!-- PRETZEL -->
+ <td>&#x1F96A;</td> <!-- SANDWICH -->
+ <td>&#x1F96F;</td> <!-- BAGEL -->
+ <td>&#x1F9C7;</td> <!-- WAFFLE -->
+ <td>&#x1FAD3;</td> <!-- FLATBREAD -->
+ <td>&#x1FAD4;</td> <!-- TAMALE -->
+ <td>&#x1FAD5;</td> <!-- FONDUE -->
+ </tr>
+ <tr> <!-- dishes -->
+ <td>&#x1F32E;</td> <!-- TACO -->
+ <td>&#x1F35C;</td> <!-- STEAMING BOWL -->
+ <td>&#x1F362;</td> <!-- ODEN -->
+ <td>&#x1F372;</td> <!-- POT OF FOOD -->
+ <td>&#x1F957;</td> <!-- GREEN SALAD -->
+ <td>&#x1F958;</td> <!-- SHALLOW PAN OF FOOD -->
+ </tr>
+ <tr> <!-- ovo-lacto-honey products -->
+ <td>&#x1F36F;</td> <!-- HONEY POT -->
+ <td>&#x1F95A;</td> <!-- EGG -->
+ <td>&#x1F9C0;</td> <!-- CHEESE WEDGE -->
+ <td>&#x1F9C8;</td> <!-- BUTTER -->
+ </tr>
+ <tr> <!-- meat -->
+ <td>&#x1F32D;</td> <!-- HOT DOG -->
+ <td>&#x1F354;</td> <!-- HAMBURGER -->
+ <td>&#x1F356;</td> <!-- MEAT ON BONE -->
+ <td>&#x1F357;</td> <!-- POULTRY LEG -->
+ <td>&#x1F953;</td> <!-- BACON -->
+ <td>&#x1F969;</td> <!-- CUT OF MEAT -->
+ </tr>
+ <tr> <!-- fish -->
+ <td>&#x1F363;</td> <!-- SUSHI -->
+ <td>&#x1F364;</td> <!-- FRIED SHRIMP -->
+ <td>&#x1F365;</td> <!-- FISH CAKE WITH SWIRL DESIGN -->
+ </tr>
+ <tr> <!-- mushroom -->
+ <td>&#x1F344;</td> <!-- MUSHROOM -->
+ </tr>
+ <tr> <!-- seasoning -->
+ <td>&#x1F9C2;</td> <!-- SALT SHAKER -->
+ </tr>
+ <tr> <!-- deserts -->
+ <td>&#x1F967;</td> <!-- PIE -->
+ <td>&#x1F96E;</td> <!-- MOON CAKE -->
+ <td>&#x1F9C1;</td> <!-- CUPCAKE -->
+ <td>&#x1F36E;</td> <!-- CUSTARD -->
+ <td>&#x1F366;</td> <!-- SOFT ICE CREAM -->
+ <td>&#x1F367;</td> <!-- SHAVED ICE -->
+ <td>&#x1F368;</td> <!-- ICE CREAM -->
+ <td>&#x1F369;</td> <!-- DOUGHNUT -->
+ <td>&#x1F36A;</td> <!-- COOKIE -->
+ <td>&#x1F370;</td> <!-- SHORTCAKE -->
+ <td class="dup">&#x1F382;</td> <!-- BIRTHDAY CAKE -->
+ </tr>
+ <tr> <!-- candy -->
+ <td>&#x1F36B;</td> <!-- CHOCOLATE BAR -->
+ <td>&#x1F36C;</td> <!-- CANDY -->
+ <td>&#x1F36D;</td> <!-- LOLLIPOP -->
+ <td>&#x1F37F;</td> <!-- POPCORN -->
+ </tr>
+ <tr> <!-- containers -->
+ <td>&#x1F371;</td> <!-- BENTO BOX -->
+ <td>&#x1F961;</td> <!-- TAKEOUT BOX -->
+ <td>&#x1F96B;</td> <!-- CANNED FOOD -->
+ </tr>
+ <tr> <!-- beverages -->
+ <td>&#x2615;</td> <!-- HOT BEVERAGE -->
+ <td>&#x1FAD6;</td> <!-- TEAPOT -->
+ <td>&#x1F942;</td> <!-- CLINKING GLASSES -->
+ <td>&#x1F943;</td> <!-- TUMBLER GLASS -->
+ <td>&#x1F95B;</td> <!-- GLASS OF MILK -->
+ <td>&#x1F964;</td> <!-- CUP WITH STRAW -->
+ <td>&#x1F9C3;</td> <!-- BEVERAGE BOX -->
+ <td>&#x1F9C9;</td> <!-- MATE DRINK -->
+ <td>&#x1F9CA;</td> <!-- ICE CUBE -->
+ <td>&#x1F9CB;</td> <!-- BUBBLE TEA -->
+ <td>&#x1F375;</td> <!-- TEACUP WITHOUT HANDLE -->
+ <td>&#x1F376;</td> <!-- SAKE BOTTLE AND CUP -->
+ <td>&#x1F377;</td> <!-- WINE GLASS -->
+ <td>&#x1F378;</td> <!-- COCKTAIL GLASS -->
+ <td>&#x1F379;</td> <!-- TROPICAL DRINK -->
+ <td>&#x1F37A;</td> <!-- BEER MUG -->
+ <td>&#x1F37B;</td> <!-- CLINKING BEER MUGS -->
+ <td>&#x1F37C;</td> <!-- BABY BOTTLE -->
+ <td>&#x1F37E;</td> <!-- BOTTLE WITH POPPING CORK -->
+ </tr>
+ <tr> <!-- utensils -->
+ <td>&#x1F944;</td> <!-- SPOON -->
+ <td>&#x1F962;</td> <!-- CHOPSTICKS -->
+ <td>&#x1F963;</td> <!-- BOWL WITH SPOON -->
+ <td>&#x1F373;</td> <!-- COOKING -->
+ <td>&#x1F374;</td> <!-- FORK AND KNIFE -->
+ <td>&#x1F37D;</td> <!-- FORK AND KNIFE WITH PLATE -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/cosmological.html b/pictographs/cosmological.html
new file mode 100644
index 0000000..0863734
--- /dev/null
+++ b/pictographs/cosmological.html
@@ -0,0 +1,61 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Cosmological</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1FA90;</td> <!-- RINGED PLANET -->
+ <td>&#x1F30C;</td> <!-- MILKY WAY -->
+ <td class="dup">&#x2605;</td> <!-- BLACK STAR -->
+ <td class="dup">&#x2606;</td> <!-- WHITE STAR -->
+ <td>&#x1F31F;</td> <!-- GLOWING STAR -->
+ <td>&#x1F320;</td> <!-- SHOOTING STAR -->
+ <td>&#x2604;</td> <!-- COMET -->
+ <td>&#x1F319;</td> <!-- CRESCENT MOON -->
+ </tr>
+ <tr>
+ <td></td> <!-- new moon -->
+ <td></td> <!-- waxing crescent moon -->
+ <td>&#x263D;</td> <!-- FIRST QUARTER MOON -->
+ <td></td> <!-- waxing gibbous moon -->
+ <td></td> <!-- full moon -->
+ <td></td> <!-- waning gibbous moon -->
+ <td>&#x263E;</td> <!-- LAST QUARTER MOON -->
+ <td></td> <!-- waning crescent moon -->
+ </tr>
+ <tr>
+ <td>&#x1F311;</td> <!-- NEW MOON SYMBOL -->
+ <td>&#x1F312;</td> <!-- WAXING CRESCENT MOON SYMBOL -->
+ <td>&#x1F313;</td> <!-- FIRST QUARTER MOON SYMBOL -->
+ <td>&#x1F314;</td> <!-- WAXING GIBBOUS MOON SYMBOL -->
+ <td>&#x1F315;</td> <!-- FULL MOON SYMBOL -->
+ <td>&#x1F316;</td> <!-- WANING GIBBOUS MOON SYMBOL -->
+ <td>&#x1F317;</td> <!-- LAST QUARTER MOON SYMBOL -->
+ <td>&#x1F318;</td> <!-- WANING CRESCENT MOON SYMBOL -->
+ </tr>
+ <tr>
+ <td>&#x1F31A;</td> <!-- NEW MOON WITH FACE -->
+ <td></td> <!-- waxing crescent moon with face -->
+ <td>&#x1F31B;</td> <!-- FIRST QUARTER MOON WITH FACE -->
+ <td></td> <!-- waxing gibbous moon with face -->
+ <td>&#x1F31D;</td> <!-- FULL MOON WITH FACE -->
+ <td></td> <!-- waning gibbous moon with face -->
+ <td>&#x1F31C;</td> <!-- LAST QUARTER MOON WITH FACE -->
+ <td></td> <!-- waning crescent moon with face -->
+ </tr>
+ <tr>
+ <td>&#x1F30D;</td> <!-- EARTH GLOBE EUROPE-AFRICA -->
+ <td>&#x1F30E;</td> <!-- EARTH GLOBE AMERICAS -->
+ <td>&#x1F30F;</td> <!-- EARTH GLOBE ASIA-AUSTRALIA -->
+ <td>&#x1F310;</td> <!-- GLOBE WITH MERIDIANS -->
+ </tr>
+ <tr>
+ <td>&#x1F52D;</td> <!-- TELESCOPE -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/crop-marks.html b/pictographs/crop-marks.html
new file mode 100644
index 0000000..01e2ac2
--- /dev/null
+++ b/pictographs/crop-marks.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Crop marks</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x230F;</td> <!-- TOP LEFT CROP -->
+ <td>&#x230E;</td> <!-- TOP RIGHT CROP -->
+ </tr>
+ <tr>
+ <td>&#x230D;</td> <!-- BOTTOM LEFT CROP -->
+ <td>&#x230C;</td> <!-- BOTTOM RIGHT CROP -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/cultural-sites.html b/pictographs/cultural-sites.html
new file mode 100644
index 0000000..662f5ea
--- /dev/null
+++ b/pictographs/cultural-sites.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Cultural sites</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F5FB;</td> <!-- MOUNT FUJI -->
+ <td>&#x1F5FC;</td> <!-- TOKYO TOWER -->
+ <td>&#x1F5FD;</td> <!-- STATUE OF LIBERTY -->
+ <td>&#x1F5FF;</td> <!-- MOYAI -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/dingbats.html b/pictographs/dingbats.html
new file mode 100644
index 0000000..479656c
--- /dev/null
+++ b/pictographs/dingbats.html
@@ -0,0 +1,349 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Dingbats</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x2756;</td> <!-- BLACK DIAMOND MINUS WHITE X -->
+ <td class="dup">&#x2E19;</td> <!-- PALM BRANCH -->
+ <td class="dup">&#x2766;</td> <!-- FLORAL HEART -->
+ <td class="dup">&#x2767;</td> <!-- ROTATED FLORAL HEART BULLET -->
+ <td class="dup">&#x2619;</td> <!-- REVERSED ROTATED FLORAL HEART BULLET -->
+ </tr>
+ <tr>
+ <td>&#x2700;</td> <!-- BLACK SAFETY SCISSORS -->
+ <td>&#x2701;</td> <!-- UPPER BLADE SCISSORS -->
+ <td>&#x2702;</td> <!-- BLACK SCISSORS -->
+ <td>&#x2703;</td> <!-- LOWER BLADE SCISSORS -->
+ <td>&#x2704;</td> <!-- WHITE SCISSORS -->
+ </tr>
+ <tr>
+ <td>&#x270E;</td> <!-- LOWER RIGHT PENCIL -->
+ <td>&#x270F;</td> <!-- PENCIL -->
+ <td>&#x2710;</td> <!-- UPPER RIGHT PENCIL -->
+ </tr>
+ <tr>
+ <td>&#x2711;</td> <!-- WHITE NIB -->
+ <td>&#x2712;</td> <!-- BLACK NIB -->
+ </tr>
+ <tr>
+ <td>&#x2713;</td> <!-- CHECK MARK -->
+ <td>&#x2714;</td> <!-- HEAVY CHECK MARK -->
+ <td>&#x2705;</td> <!-- WHITE HEAVY CHECK MARK -->
+ </tr>
+ <tr>
+ <td>&#x2717;</td> <!-- BALLOT X -->
+ <td>&#x2718;</td> <!-- HEAVY BALLOT X -->
+ </tr>
+ <tr>
+ <td>&#x274C;</td> <!-- CROSS MARK -->
+ <td>&#x274E;</td> <!-- NEGATIVE SQUARED CROSS MARK -->
+ </tr>
+ <tr>
+ <td>&#x2722;</td> <!-- FOUR TEARDROP-SPOKED ASTERISK -->
+ <td>&#x2723;</td> <!-- FOUR BALLOON-SPOKED ASTERISK -->
+ <td>&#x2724;</td> <!-- HEAVY FOUR BALLOON-SPOKED ASTERISK -->
+ <td>&#x2725;</td> <!-- FOUR CLUB-SPOKED ASTERISK -->
+ </tr>
+ <tr>
+ <td>&#x2726;</td> <!-- BLACK FOUR POINTED STAR -->
+ <td>&#x2727;</td> <!-- WHITE FOUR POINTED STAR -->
+ </tr>
+ <tr>
+ <td>&#x2729;</td> <!-- STRESS OUTLINED WHITE STAR -->
+ <td>&#x272A;</td> <!-- CIRCLED WHITE STAR -->
+ <td>&#x272B;</td> <!-- OPEN CENTRE BLACK STAR -->
+ <td>&#x272C;</td> <!-- BLACK CENTRE WHITE STAR -->
+ <td>&#x272D;</td> <!-- OUTLINED BLACK STAR -->
+ <td>&#x272E;</td> <!-- HEAVY OUTLINED BLACK STAR -->
+ <td>&#x272F;</td> <!-- PINWHEEL STAR -->
+ <td>&#x2730;</td> <!-- SHADOWED WHITE STAR -->
+ <td class="dup">&#x2605;</td> <!-- BLACK STAR -->
+ <td class="dup">&#x2606;</td> <!-- WHITE STAR -->
+ </tr>
+ <tr>
+ <td>&#x2731;</td> <!-- HEAVY ASTERISK -->
+ <td>&#x2732;</td> <!-- OPEN CENTRE ASTERISK -->
+ <td>&#x2736;</td> <!-- SIX POINTED BLACK STAR -->
+ <td>&#x273B;</td> <!-- TEARDROP-SPOKED ASTERISK -->
+ <td>&#x273C;</td> <!-- OPEN CENTRE TEARDROP-SPOKED ASTERISK -->
+ <td>&#x273D;</td> <!-- HEAVY TEARDROP-SPOKED ASTERISK -->
+ <td>&#x2743;</td> <!-- HEAVY TEARDROP-SPOKED PINWHEEL ASTERISK -->
+ </tr>
+ <tr>
+ <td>&#x2733;</td> <!-- EIGHT SPOKED ASTERISK -->
+ <td>&#x2734;</td> <!-- EIGHT POINTED BLACK STAR -->
+ <td>&#x2735;</td> <!-- EIGHT POINTED PINWHEEL STAR -->
+ <td>&#x2742;</td> <!-- CIRCLED OPEN CENTRE EIGHT POINTED STAR -->
+ </tr>
+ <tr>
+ <td>&#x2737;</td> <!-- EIGHT POINTED RECTILINEAR BLACK STAR -->
+ <td>&#x2738;</td> <!-- HEAVY EIGHT POINTED RECTILINEAR BLACK STAR -->
+ </tr>
+ <tr>
+ <td>&#x2739;</td> <!-- TWELVE POINTED BLACK STAR -->
+ </tr>
+ <tr>
+ <td>&#x273A;</td> <!-- SIXTEEN POINTED ASTERISK -->
+ </tr>
+ <tr>
+ <td>&#x273E;</td> <!-- SIX PETALLED BLACK AND WHITE FLORETTE -->
+ <td>&#x273F;</td> <!-- BLACK FLORETTE -->
+ <td>&#x2740;</td> <!-- WHITE FLORETTE -->
+ <td>&#x2741;</td> <!-- EIGHT PETALLED OUTLINED BLACK FLORETTE -->
+ </tr>
+ <tr>
+ <td>&#x2744;</td> <!-- SNOWFLAKE -->
+ <td>&#x2745;</td> <!-- TIGHT TRIFOLIATE SNOWFLAKE -->
+ <td>&#x2746;</td> <!-- HEAVY CHEVRON SNOWFLAKE -->
+ </tr>
+ <tr>
+ <td>&#x2728;</td> <!-- SPARKLES -->
+ <td>&#x2747;</td> <!-- SPARKLE -->
+ <td>&#x2748;</td> <!-- HEAVY SPARKLE -->
+ </tr>
+ <tr>
+ <td>&#x2749;</td> <!-- BALLOON-SPOKED ASTERISK -->
+ <td>&#x274A;</td> <!-- EIGHT TEARDROP-SPOKED PROPELLER ASTERISK -->
+ <td>&#x274B;</td> <!-- HEAVY EIGHT TEARDROP-SPOKED PROPELLER ASTERISK -->
+ </tr>
+ <tr>
+ <td>&#x274D;</td> <!-- SHADOWED WHITE CIRCLE -->
+ <td>&#x274F;</td> <!-- LOWER RIGHT DROP-SHADOWED WHITE SQUARE -->
+ <td>&#x2750;</td> <!-- UPPER RIGHT DROP-SHADOWED WHITE SQUARE -->
+ <td>&#x2751;</td> <!-- LOWER RIGHT SHADOWED WHITE SQUARE -->
+ <td>&#x2752;</td> <!-- UPPER RIGHT SHADOWED WHITE SQUARE -->
+ </tr>
+ <tr>
+ <td>&#x27B0;</td> <!-- CURLY LOOP -->
+ <td>&#x27BF;</td> <!-- DOUBLE CURLY LOOP -->
+ </tr>
+ <tr>
+ <td>&#x1F650;</td> <!-- NORTH WEST POINTING LEAF -->
+ <td>&#x1F652;</td> <!-- NORTH EAST POINTING LEAF -->
+ <td>&#x1F653;</td> <!-- SOUTH EAST POINTING LEAF -->
+ <td>&#x1F651;</td> <!-- SOUTH WEST POINTING LEAF -->
+ </tr>
+ <tr>
+ <td>&#x1F654;</td> <!-- TURNED NORTH WEST POINTING LEAF -->
+ <td>&#x1F656;</td> <!-- TURNED NORTH EAST POINTING LEAF -->
+ <td>&#x1F657;</td> <!-- TURNED SOUTH EAST POINTING LEAF -->
+ <td>&#x1F655;</td> <!-- TURNED SOUTH WEST POINTING LEAF -->
+ </tr>
+ <tr>
+ <td>&#x1F660;</td> <!-- NORTH WEST POINTING BUD -->
+ <td>&#x1F662;</td> <!-- NORTH EAST POINTING BUD -->
+ <td>&#x1F663;</td> <!-- SOUTH EAST POINTING BUD -->
+ <td>&#x1F661;</td> <!-- SOUTH WEST POINTING BUD -->
+ <td>&#x1F658;</td> <!-- NORTH WEST POINTING VINE LEAF -->
+ <td>&#x1F659;</td> <!-- SOUTH WEST POINTING VINE LEAF -->
+ <td>&#x1F65A;</td> <!-- NORTH EAST POINTING VINE LEAF -->
+ <td>&#x1F65B;</td> <!-- SOUTH EAST POINTING VINE LEAF -->
+ </tr>
+ <tr>
+ <td>&#x1F664;</td> <!-- HEAVY NORTH WEST POINTING BUD -->
+ <td>&#x1F667;</td> <!-- HEAVY SOUTH EAST POINTING BUD -->
+ <td>&#x1F665;</td> <!-- HEAVY SOUTH WEST POINTING BUD -->
+ <td>&#x1F666;</td> <!-- HEAVY NORTH EAST POINTING BUD -->
+ <td>&#x1F65C;</td> <!-- HEAVY NORTH WEST POINTING VINE LEAF -->
+ <td>&#x1F65D;</td> <!-- HEAVY SOUTH WEST POINTING VINE LEAF -->
+ <td>&#x1F65E;</td> <!-- HEAVY NORTH EAST POINTING VINE LEAF -->
+ <td>&#x1F65F;</td> <!-- HEAVY SOUTH EAST POINTING VINE LEAF -->
+ </tr>
+ <tr>
+ <td>&#x1F668;</td> <!-- HOLLOW QUILT SQUARE ORNAMENT -->
+ <td>&#x1F66A;</td> <!-- SOLID QUILT SQUARE ORNAMENT -->
+ </tr>
+ <tr>
+ <td>&#x1F669;</td> <!-- HOLLOW QUILT SQUARE ORNAMENT IN BLACK SQUARE -->
+ <td>&#x1F66B;</td> <!-- SOLID QUILT SQUARE ORNAMENT IN BLACK SQUARE -->
+ </tr>
+ <tr>
+ <td>&#x1F66C;</td> <!-- LEFTWARDS ROCKET -->
+ <td>&#x1F66D;</td> <!-- UPWARDS ROCKET -->
+ <td>&#x1F66E;</td> <!-- RIGHTWARDS ROCKET -->
+ <td>&#x1F66F;</td> <!-- DOWNWARDS ROCKET -->
+ </tr>
+ <tr>
+ <td>&#x1F670;</td> <!-- SCRIPT LIGATURE ET ORNAMENT -->
+ <td>&#x1F672;</td> <!-- LIGATURE OPEN ET ORNAMENT -->
+ <td></td>
+ <td>&#x1F675;</td> <!-- SWASH AMPERSAND ORNAMENT -->
+ </tr>
+ <tr>
+ <td>&#x1F671;</td> <!-- HEAVY SCRIPT LIGATURE ET ORNAMENT -->
+ <td>&#x1F673;</td> <!-- HEAVY LIGATURE OPEN ET ORNAMENT -->
+ <td>&#x1F674;</td> <!-- HEAVY AMPERSAND ORNAMENT -->
+ <td></td>
+ </tr>
+ <tr>
+ <td>&#x1F4B2;</td> <!-- HEAVY DOLLAR SIGN -->
+ </tr>
+ <tr>
+ <td>&#x2715;</td> <!-- MULTIPLICATION X -->
+ <td>&#x2716;</td> <!-- HEAVY MULTIPLICATION X -->
+ <td>&#x2795;</td> <!-- HEAVY PLUS SIGN -->
+ <td>&#x2796;</td> <!-- HEAVY MINUS SIGN -->
+ <td>&#x2797;</td> <!-- HEAVY DIVISION SIGN -->
+ </tr>
+ <tr>
+ <td>&#x1F67C;</td> <!-- VERY HEAVY SOLIDUS -->
+ <td>&#x1F67D;</td> <!-- VERY HEAVY REVERSE SOLIDUS -->
+ </tr>
+ <tr>
+ <td>&#x2758;</td> <!-- LIGHT VERTICAL BAR -->
+ <td>&#x2759;</td> <!-- MEDIUM VERTICAL BAR -->
+ <td>&#x275A;</td> <!-- HEAVY VERTICAL BAR -->
+ </tr>
+ <tr>
+ <td>&#x2768;</td> <!-- MEDIUM LEFT PARENTHESIS ORNAMENT -->
+ <td>&#x2769;</td> <!-- MEDIUM RIGHT PARENTHESIS ORNAMENT -->
+ <td>&#x276C;</td> <!-- MEDIUM LEFT-POINTING ANGLE BRACKET ORNAMENT -->
+ <td>&#x276D;</td> <!-- MEDIUM RIGHT-POINTING ANGLE BRACKET ORNAMENT -->
+ <td>&#x2774;</td> <!-- MEDIUM LEFT CURLY BRACKET ORNAMENT -->
+ <td>&#x2775;</td> <!-- MEDIUM RIGHT CURLY BRACKET ORNAMENT -->
+ <td>&#x2772;</td> <!-- LIGHT LEFT TORTOISE SHELL BRACKET ORNAMENT -->
+ <td>&#x2773;</td> <!-- LIGHT RIGHT TORTOISE SHELL BRACKET ORNAMENT -->
+ </tr>
+ <tr>
+ <td>&#x276A;</td> <!-- MEDIUM FLATTENED LEFT PARENTHESIS ORNAMENT -->
+ <td>&#x276B;</td> <!-- MEDIUM FLATTENED RIGHT PARENTHESIS ORNAMENT -->
+ <td>&#x276E;</td> <!-- HEAVY LEFT-POINTING ANGLE QUOTATION MARK ORNAMENT -->
+ <td>&#x276F;</td> <!-- HEAVY RIGHT-POINTING ANGLE QUOTATION MARK ORNAMENT -->
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td>&#x2770;</td> <!-- HEAVY LEFT-POINTING ANGLE BRACKET ORNAMENT -->
+ <td>&#x2771;</td> <!-- HEAVY RIGHT-POINTING ANGLE BRACKET ORNAMENT -->
+ </tr>
+ <tr>
+ <td>&#x275B;</td> <!-- HEAVY SINGLE TURNED COMMA QUOTATION MARK ORNAMENT -->
+ <td>&#x275C;</td> <!-- HEAVY SINGLE COMMA QUOTATION MARK ORNAMENT -->
+ <td>&#x275F;</td> <!-- HEAVY LOW SINGLE COMMA QUOTATION MARK ORNAMENT -->
+ </tr>
+ <tr>
+ <td>&#x275D;</td> <!-- HEAVY DOUBLE TURNED COMMA QUOTATION MARK ORNAMENT -->
+ <td>&#x275E;</td> <!-- HEAVY DOUBLE COMMA QUOTATION MARK ORNAMENT -->
+ <td>&#x2760;</td> <!-- HEAVY LOW DOUBLE COMMA QUOTATION MARK ORNAMENT -->
+ </tr>
+ <tr>
+ <td>&#x1F676;</td> <!-- SANS-SERIF HEAVY DOUBLE TURNED COMMA QUOTATION MARK ORNAMENT -->
+ <td>&#x1F677;</td> <!-- SANS-SERIF HEAVY DOUBLE COMMA QUOTATION MARK ORNAMENT -->
+ <td>&#x1F678;</td> <!-- SANS-SERIF HEAVY LOW DOUBLE COMMA QUOTATION MARK ORNAMENT -->
+ </tr>
+ <tr>
+ <td>&#x2754;</td> <!-- WHITE QUESTION MARK ORNAMENT -->
+ <td>&#x2753;</td> <!-- BLACK QUESTION MARK ORNAMENT -->
+ </tr>
+ <tr>
+ <td>&#x2755;</td> <!-- WHITE EXCLAMATION MARK ORNAMENT -->
+ <td>&#x2757;</td> <!-- HEAVY EXCLAMATION MARK SYMBOL -->
+ <td>&#x2762;</td> <!-- HEAVY EXCLAMATION MARK ORNAMENT -->
+ <td>&#x2763;</td> <!-- HEAVY HEART EXCLAMATION MARK ORNAMENT -->
+ </tr>
+ <tr>
+ <td></td>
+ <td>&#x1F679;</td> <!-- HEAVY INTERROBANG ORNAMENT -->
+ </tr>
+ <tr>
+ <td>&#x1F67A;</td> <!-- SANS-SERIF INTERROBANG ORNAMENT -->
+ <td>&#x1F67B;</td> <!-- HEAVY SANS-SERIF INTERROBANG ORNAMENT -->
+ </tr>
+ <tr>
+ <td>&#x2761;</td> <!-- CURVED STEM PARAGRAPH SIGN ORNAMENT -->
+ </tr>
+ <tr>
+ <td>&#x1F67E;</td> <!-- CHECKER BOARD -->
+ <td>&#x1F67F;</td> <!-- REVERSE CHECKER BOARD -->
+ </tr>
+ <tr>
+ <td>&#x1F574;</td> <!-- MAN IN BUSINESS SUIT LEVITATING -->
+ </tr>
+ <tr>
+ <td>&#x1F571;</td> <!-- BLACK SKULL AND CROSSBONES -->
+ </tr>
+ <tr>
+ <td>&#x279A;</td> <!-- HEAVY NORTH EAST ARROW -->
+ <td class="lacuna"><span class="acw45">&#x27B3;</span></td> <!-- white-feathered north east arrow -->
+ <td>&#x27B6;</td> <!-- BLACK-FEATHERED NORTH EAST ARROW -->
+ <td>&#x27B9;</td> <!-- HEAVY BLACK-FEATHERED NORTH EAST ARROW -->
+ <td class="lacuna"><span class="acw45">&#x27BC;</span></td> <!-- wedge-tailed north east arrow -->
+ <td class="lacuna"><span class="acw45">&#x27BD;</span></td> <!-- heavy wedge-tailed north east arrow -->
+ <td class="lacuna"><span class="acw45">&#x27BA;</span></td> <!-- teardrop-barbed north east arrow -->
+ <td class="lacuna"><span class="acw45">&#x27BB;</span></td> <!-- heavy teardrop-shanked north east arrow -->
+ <td class="lacuna"><span class="acw45">&#x27BE;</span></td> <!-- open-outlined north east arrow -->
+ <td class="lacuna"><span class="acw45">&#x27B2;</span></td> <!-- circled heavy white north east arrow -->
+ <td class="lacuna"><span class="acw45">&#x27A7;</span></td> <!-- squat black north east arrow -->
+ <td class="lacuna"><span class="acw45">&#x27A4;</span></td> <!-- black north east arrowhead -->
+ </tr>
+ <tr>
+ <td>&#x2799;</td> <!-- HEAVY RIGHTWARDS ARROW -->
+ <td>&#x27B3;</td> <!-- WHITE-FEATHERED RIGHTWARDS ARROW -->
+ <td>&#x27B5;</td> <!-- BLACK-FEATHERED RIGHTWARDS ARROW -->
+ <td>&#x27B8;</td> <!-- HEAVY BLACK-FEATHERED RIGHTWARDS ARROW -->
+ <td>&#x27BC;</td> <!-- WEDGE-TAILED RIGHTWARDS ARROW -->
+ <td>&#x27BD;</td> <!-- HEAVY WEDGE-TAILED RIGHTWARDS ARROW -->
+ <td>&#x27BA;</td> <!-- TEARDROP-BARBED RIGHTWARDS ARROW -->
+ <td>&#x27BB;</td> <!-- HEAVY TEARDROP-SHANKED RIGHTWARDS ARROW -->
+ <td>&#x27BE;</td> <!-- OPEN-OUTLINED RIGHTWARDS ARROW -->
+ <td>&#x27B2;</td> <!-- CIRCLED HEAVY WHITE RIGHTWARDS ARROW -->
+ <td>&#x27A7;</td> <!-- SQUAT BLACK RIGHTWARDS ARROW -->
+ <td>&#x27A4;</td> <!-- BLACK RIGHTWARDS ARROWHEAD -->
+ </tr>
+ <tr>
+ <td>&#x2798;</td> <!-- HEAVY SOUTH EAST ARROW -->
+ <td class="lacuna"><span class="cw45">&#x27B3;</span></td> <!-- white-feathered south east arrow -->
+ <td>&#x27B4;</td> <!-- BLACK-FEATHERED SOUTH EAST ARROW -->
+ <td>&#x27B7;</td> <!-- HEAVY BLACK-FEATHERED SOUTH EAST ARROW -->
+ <td class="lacuna"><span class="cw45">&#x27BC;</span></td> <!-- wedge-tailed south east arrow -->
+ <td class="lacuna"><span class="cw45">&#x27BD;</span></td> <!-- heavy wedge-tailed south east arrow -->
+ <td class="lacuna"><span class="cw45">&#x27BA;</span></td> <!-- teardrop-barbed south east arrow -->
+ <td class="lacuna"><span class="cw45">&#x27BB;</span></td> <!-- heavy teardrop-shanked south east arrow -->
+ <td class="lacuna"><span class="cw45">&#x27BE;</span></td> <!-- open-outlined south east arrow -->
+ <td class="lacuna"><span class="cw45">&#x27B2;</span></td> <!-- circled heavy white south east arrow -->
+ <td class="lacuna"><span class="cw45">&#x27A7;</span></td> <!-- squat black south east arrow -->
+ <td class="lacuna"><span class="cw45">&#x27A4;</span></td> <!-- black south east arrowhead -->
+ </tr>
+ <tr>
+ <td>&#x27A9;</td> <!-- RIGHT-SHADED WHITE RIGHTWARDS ARROW -->
+ <td>&#x27AA;</td> <!-- LEFT-SHADED WHITE RIGHTWARDS ARROW -->
+ </tr>
+ <tr>
+ <td>&#x27AB;</td> <!-- BACK-TILTED SHADOWED WHITE RIGHTWARDS ARROW -->
+ <td>&#x27AD;</td> <!-- HEAVY LOWER RIGHT-SHADOWED WHITE RIGHTWARDS ARROW -->
+ <td>&#x27AF;</td> <!-- NOTCHED LOWER RIGHT-SHADOWED WHITE RIGHTWARDS ARROW -->
+ <td>&#x27A2;</td> <!-- THREE-D TOP-LIGHTED RIGHTWARDS ARROWHEAD -->
+ <td>&#x27A5;</td> <!-- HEAVY BLACK CURVED DOWNWARDS AND RIGHTWARDS ARROW -->
+ </tr>
+ <tr>
+ <td>&#x27AC;</td> <!-- FRONT-TILTED SHADOWED WHITE RIGHTWARDS ARROW -->
+ <td>&#x27AE;</td> <!-- HEAVY UPPER RIGHT-SHADOWED WHITE RIGHTWARDS ARROW -->
+ <td>&#x27B1;</td> <!-- NOTCHED UPPER RIGHT-SHADOWED WHITE RIGHTWARDS ARROW -->
+ <td>&#x27A3;</td> <!-- THREE-D BOTTOM-LIGHTED RIGHTWARDS ARROWHEAD -->
+ <td>&#x27A6;</td> <!-- HEAVY BLACK CURVED UPWARDS AND RIGHTWARDS ARROW -->
+ </tr>
+ </tr>
+ <tr>
+ <td>&#x279F;</td> <!-- DASHED TRIANGLE-HEADED RIGHTWARDS ARROW -->
+ <td>&#x27A1;</td> <!-- BLACK RIGHTWARDS ARROW -->
+ <td>&#x279D;</td> <!-- TRIANGLE-HEADED RIGHTWARDS ARROW -->
+ <td>&#x279E;</td> <!-- HEAVY TRIANGLE-HEADED RIGHTWARDS ARROW -->
+ <td>&#x2794;</td> <!-- HEAVY WIDE-HEADED RIGHTWARDS ARROW -->
+ <td>&#x279C;</td> <!-- HEAVY ROUND-TIPPED RIGHTWARDS ARROW -->
+ </tr>
+ <tr>
+ <td>&#x27A0;</td> <!-- HEAVY DASHED TRIANGLE-HEADED RIGHTWARDS ARROW -->
+ <td>&#x27A8;</td> <!-- HEAVY CONCAVE-POINTED BLACK RIGHTWARDS ARROW -->
+ <td>&#x279B;</td> <!-- DRAFTING POINT RIGHTWARDS ARROW -->
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/electronics-symbols.html b/pictographs/electronics-symbols.html
new file mode 100644
index 0000000..825cc75
--- /dev/null
+++ b/pictographs/electronics-symbols.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Electronics symbols</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- power symbols -->
+ <td>&#x23FB;</td> <!-- POWER SYMBOL -->
+ <td>&#x23FC;</td> <!-- POWER ON-OFF SYMBOL -->
+ <td>&#x23FD;</td> <!-- POWER ON SYMBOL -->
+ <td class="dup">&#x2B58;</td> <!-- HEAVY CIRCLE --> <!-- power off symbol -->
+ <td>&#x23FE;</td> <!-- POWER SLEEP SYMBOL -->
+ </tr>
+ <tr> <!-- electronics type symbols -->
+ <td class="dup">&#x2B97;</td> <!-- SYMBOL FOR TYPE A ELECTRONICS -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/emoji-modifiers.html b/pictographs/emoji-modifiers.html
new file mode 100644
index 0000000..b2c6747
--- /dev/null
+++ b/pictographs/emoji-modifiers.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Emoji modifiers</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <!-- TODO add tables with these preapplied -->
+ <tr>
+ <td>&#x1F9B0;</td> <!-- EMOJI COMPONENT RED HAIR -->
+ <td>&#x1F9B1;</td> <!-- EMOJI COMPONENT CURLY HAIR -->
+ <td>&#x1F9B2;</td> <!-- EMOJI COMPONENT BALD -->
+ <td>&#x1F9B3;</td> <!-- EMOJI COMPONENT WHITE HAIR -->
+ </tr>
+ <tr>
+ <td>&#x1F3FB;</td> <!-- EMOJI MODIFIER FITZPATRICK TYPE-1-2 -->
+ <td>&#x1F3FC;</td> <!-- EMOJI MODIFIER FITZPATRICK TYPE-3 -->
+ <td>&#x1F3FD;</td> <!-- EMOJI MODIFIER FITZPATRICK TYPE-4 -->
+ <td>&#x1F3FE;</td> <!-- EMOJI MODIFIER FITZPATRICK TYPE-5 -->
+ <td>&#x1F3FF;</td> <!-- EMOJI MODIFIER FITZPATRICK TYPE-6 -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/emotions.html b/pictographs/emotions.html
new file mode 100644
index 0000000..52e3f06
--- /dev/null
+++ b/pictographs/emotions.html
@@ -0,0 +1,196 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Emotions</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F916;</td> <!-- ROBOT FACE -->
+ <td>&#x1F973;</td> <!-- FACE WITH PARTY HORN AND PARTY HAT -->
+ <td></td>
+ <td></td>
+ <td>&#x1F92F;</td> <!-- SHOCKED FACE WITH EXPLODING HEAD -->
+ <td></td>
+ <td></td>
+ <td>&#x1F977;</td> <!-- NINJA -->
+ <td>&#x1F607;</td> <!-- SMILING FACE WITH HALO -->
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>&#x1F608;</td> <!-- SMILING FACE WITH HORNS -->
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>&#x1F637;</td> <!-- FACE WITH MEDICAL MASK -->
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>&#x1F61D;</td> <!-- FACE WITH STUCK-OUT TONGUE AND TIGHTLY-CLOSED EYES -->
+ </tr>
+ <tr>
+ <td>&#x1F921;</td> <!-- CLOWN FACE -->
+ <td>&#x1F92A;</td> <!-- GRINNING FACE WITH ONE LARGE AND ONE SMALL EYE -->
+ <td></td>
+ <td>&#x1F605;</td> <!-- SMILING FACE WITH OPEN MOUTH AND COLD SWEAT -->
+ <td>&#x1F635;</td> <!-- DIZZY FACE -->
+ <td></td>
+ <td></td>
+ <td>&#x1F978;</td> <!-- DISGUISED FACE -->
+ <td>&#x1F910;</td> <!-- ZIPPER-MOUTH FACE -->
+ <td>&#x1F9D0;</td> <!-- FACE WITH MONOCLE -->
+ <td></td>
+ <td></td>
+ <td>&#x1F92C;</td> <!-- SERIOUS FACE WITH SYMBOLS COVERING MOUTH -->
+ <td></td>
+ <td></td>
+ <td>&#x1F631;</td> <!-- FACE SCREAMING IN FEAR -->
+ <td>&#x1F630;</td> <!-- FACE WITH OPEN MOUTH AND COLD SWEAT -->
+ <td>&#x1F62D;</td> <!-- LOUDLY CRYING FACE -->
+ <td></td>
+ <td></td>
+ <td>&#x1F927;</td> <!-- SNEEZING FACE -->
+ <td>&#x1F634;</td> <!-- SLEEPING FACE -->
+ <td>&#x1F60D;</td> <!-- SMILING FACE WITH HEART-SHAPED EYES -->
+ <td>&#x1F61A;</td> <!-- KISSING FACE WITH CLOSED EYES -->
+ <td>&#x1F61C;</td> <!-- FACE WITH STUCK-OUT TONGUE AND WINKING EYE -->
+ </tr>
+ <tr>
+ <td>&#x1F913;</td> <!-- NERD FACE -->
+ <td>&#x1F923;</td> <!-- ROLLING ON THE FLOOR LAUGHING -->
+ <td>&#x1F606;</td> <!-- SMILING FACE WITH OPEN MOUTH AND TIGHTLY-CLOSED EYES -->
+ <td>&#x1F604;</td> <!-- SMILING FACE WITH OPEN MOUTH AND SMILING EYES -->
+ <td>&#x1F62F;</td> <!-- HUSHED FACE -->
+ <td></td>
+ <td>&#x1F972;</td> <!-- SMILING FACE WITH TEAR -->
+ <td>&#x1F60E;</td> <!-- SMILING FACE WITH SUNGLASSES -->
+ <td>&#x1F636;</td> <!-- FACE WITHOUT MOUTH -->
+ <td>&#x1F914;</td> <!-- THINKING FACE -->
+ <td>&#x1F644;</td> <!-- FACE WITH ROLLING EYES -->
+ <td></td>
+ <td>&#x1F621;</td> <!-- POUTING FACE -->
+ <td></td>
+ <td>&#x1F613;</td> <!-- FACE WITH COLD SWEAT -->
+ <td>&#x1F628;</td> <!-- FEARFUL FACE -->
+ <td>&#x1F625;</td> <!-- DISAPPOINTED BUT RELIEVED FACE -->
+ <td>&#x1F62B;</td> <!-- TIRED FACE -->
+ <td>&#x1F974;</td> <!-- FACE WITH UNEVEN EYES AND WAVY MOUTH -->
+ <td>&#x1F92E;</td> <!-- FACE WITH OPEN MOUTH VOMITING -->
+ <td>&#x1F976;</td> <!-- FREEZING FACE -->
+ <td>&#x1F62A;</td> <!-- SLEEPY FACE -->
+ <td>&#x1F970;</td> <!-- SMILING FACE WITH SMILING EYES AND THREE HEARTS -->
+ <td>&#x1F619;</td> <!-- KISSING FACE WITH SMILING EYES -->
+ <td>&#x1F61B;</td> <!-- FACE WITH STUCK-OUT TONGUE -->
+ </tr>
+ <tr>
+ <td>&#x1F926;</td> <!-- FACE PALM -->
+ <td>&#x1F602;</td> <!-- FACE WITH TEARS OF JOY -->
+ <td>&#x1F603;</td> <!-- SMILING FACE WITH OPEN MOUTH -->
+ <td>&#x1F600;</td> <!-- GRINNING FACE -->
+ <td>&#x1F62E;</td> <!-- FACE WITH OPEN MOUTH -->
+ <td>&#x1F60C;</td> <!-- RELIEVED FACE -->
+ <td>&#x1F642;</td> <!-- SLIGHTLY SMILING FACE -->
+ <td>&#x1F60F;</td> <!-- SMIRKING FACE -->
+ <td>&#x1F610;</td> <!-- NEUTRAL FACE -->
+ <td>&#x1F928;</td> <!-- FACE WITH ONE EYEBROW RAISED -->
+ <td>&#x1F615;</td> <!-- CONFUSED FACE -->
+ <td>&#x1F641;</td> <!-- SLIGHTLY FROWNING FACE -->
+ <td>&#x1F620;</td> <!-- ANGRY FACE -->
+ <td>&#x1F626;</td> <!-- FROWNING FACE WITH OPEN MOUTH -->
+ <td>&#x1F61E;</td> <!-- DISAPPOINTED FACE -->
+ <td>&#x1F627;</td> <!-- ANGUISHED FACE -->
+ <td>&#x1F61F;</td> <!-- WORRIED FACE -->
+ <td>&#x1F623;</td> <!-- PERSEVERING FACE -->
+ <td>&#x1F616;</td> <!-- CONFOUNDED FACE -->
+ <td>&#x1F922;</td> <!-- NAUSEATED FACE -->
+ <td>&#x1F62C;</td> <!-- GRIMACING FACE -->
+ <td>&#x1F971;</td> <!-- YAWNING FACE -->
+ <td>&#x1F917;</td> <!-- HUGGING FACE -->
+ <td>&#x1F617;</td> <!-- KISSING FACE -->
+ <td>&#x1F60A;</td> <!-- SMILING FACE WITH SMILING EYES -->
+ </tr>
+ <tr>
+ <td>&#x1F633;</td> <!-- FLUSHED FACE -->
+ <td></td>
+ <td>&#x1F911;</td> <!-- MONEY-MOUTH FACE -->
+ <td>&#x1F601;</td> <!-- GRINNING FACE WITH SMILING EYES -->
+ <td>&#x1F632;</td> <!-- ASTONISHED FACE -->
+ <td>&#x1F609;</td> <!-- WINKING FACE -->
+ <td>&#x1F643;</td> <!-- UPSIDE-DOWN FACE -->
+ <td>&#x1F920;</td> <!-- FACE WITH COWBOY HAT -->
+ <td>&#x1F611;</td> <!-- EXPRESSIONLESS FACE -->
+ <td>&#x1F614;</td> <!-- PENSIVE FACE -->
+ <td>&#x1F925;</td> <!-- LYING FACE -->
+ <td>&#x1F612;</td> <!-- UNAMUSED FACE -->
+ <td>&#x1F624;</td> <!-- FACE WITH LOOK OF TRIUMPH -->
+ <td>&#x1F97A;</td> <!-- FACE WITH PLEADING EYES -->
+ <td>&#x1F915;</td> <!-- FACE WITH HEAD-BANDAGE -->
+ <td>&#x1F622;</td> <!-- CRYING FACE -->
+ <td>&#x1F629;</td> <!-- WEARY FACE -->
+ <td></td>
+ <td></td>
+ <td>&#x1F912;</td> <!-- FACE WITH THERMOMETER -->
+ <td>&#x1F975;</td> <!-- OVERHEATED FACE -->
+ <td>&#x1F92D;</td> <!-- SMILING FACE WITH SMILING EYES AND HAND COVERING MOUTH -->
+ <td>&#x1F929;</td> <!-- GRINNING FACE WITH STAR EYES -->
+ <td>&#x1F618;</td> <!-- FACE THROWING A KISS -->
+ <td>&#x1F60B;</td> <!-- FACE SAVOURING DELICIOUS FOOD -->
+ </tr>
+ <tr>
+ <td></td>
+ <td>&#x1F639;</td> <!-- CAT FACE WITH TEARS OF JOY -->
+ <td>&#x1F63A;</td> <!-- SMILING CAT FACE WITH OPEN MOUTH -->
+ <td>&#x1F638;</td> <!-- GRINNING CAT FACE WITH SMILING EYES -->
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>&#x1F63C;</td> <!-- CAT FACE WITH WRY SMILE -->
+ <td>&#x1F92B;</td> <!-- FACE WITH FINGER COVERING CLOSED LIPS -->
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>&#x1F63E;</td> <!-- POUTING CAT FACE -->
+ <td></td>
+ <td></td>
+ <td>&#x1F63F;</td> <!-- CRYING CAT FACE -->
+ <td>&#x1F640;</td> <!-- WEARY CAT FACE -->
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>&#x1F63B;</td> <!-- SMILING CAT FACE WITH HEART-SHAPED EYES -->
+ <td>&#x1F63D;</td> <!-- KISSING CAT FACE WITH CLOSED EYES -->
+ <td>&#x1F924;</td> <!-- DROOLING FACE -->
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>&#x263A;</td> <!-- WHITE SMILING FACE -->
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>&#x2639;</td> <!-- WHITE FROWNING FACE -->
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>&#x263B;</td> <!-- BLACK SMILING FACE -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/flags.html b/pictographs/flags.html
new file mode 100644
index 0000000..bcd4668
--- /dev/null
+++ b/pictographs/flags.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Flags</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x2690;</td> <!-- WHITE FLAG -->
+ <td>&#x1F3F3;</td> <!-- WAVING WHITE FLAG -->
+ <td>&#x1F3F1;</td> <!-- WHITE PENNANT -->
+ </tr>
+ <tr>
+ <td>&#x2691;</td> <!-- BLACK FLAG -->
+ <td>&#x1F3F4;</td> <!-- WAVING BLACK FLAG -->
+ <td>&#x1F3F2;</td> <!-- BLACK PENNANT -->
+ </tr>
+ <tr>
+ <td class="dup">&#x1F3C1;</td> <!-- CHEQUERED FLAG -->
+ <td class="dup">&#x1F38C;</td> <!-- CROSSED FLAGS -->
+ <td class="dup">&#x1F6A9;</td> <!-- TRIANGULAR FLAG ON POST -->
+ <td class="dup">&#x26FF;</td> <!-- WHITE FLAG WITH HORIZONTAL MIDDLE BLACK STRIPE -->
+ </tr>
+
+ <!-- See also `regional-indicators`; which are typically rendered as flags -->
+ </table>
+ </body>
+</html>
diff --git a/pictographs/gestures.html b/pictographs/gestures.html
new file mode 100644
index 0000000..1d9a25f
--- /dev/null
+++ b/pictographs/gestures.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Gestures</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F645;</td> <!-- FACE WITH NO GOOD GESTURE -->
+ <td>&#x1F646;</td> <!-- FACE WITH OK GESTURE -->
+ <td>&#x1F647;</td> <!-- PERSON BOWING DEEPLY -->
+ </tr>
+ <tr>
+ <td>&#x1F64B;</td> <!-- HAPPY PERSON RAISING ONE HAND -->
+ <td>&#x1F64C;</td> <!-- PERSON RAISING BOTH HANDS IN CELEBRATION -->
+ </tr>
+ <tr>
+ <td>&#x1F64D;</td> <!-- PERSON FROWNING -->
+ <td>&#x1F64E;</td> <!-- PERSON WITH POUTING FACE -->
+ </tr>
+ <tr>
+ <td>&#x1F32C;</td> <!-- WIND BLOWING FACE -->
+ <td>&#x1F937;</td> <!-- SHRUG -->
+ </tr>
+ <tr>
+ <td>&#x1F648;</td> <!-- SEE-NO-EVIL MONKEY -->
+ <td>&#x1F649;</td> <!-- HEAR-NO-EVIL MONKEY -->
+ <td>&#x1F64A;</td> <!-- SPEAK-NO-EVIL MONKEY -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/hand-signs.html b/pictographs/hand-signs.html
new file mode 100644
index 0000000..a34fefb
--- /dev/null
+++ b/pictographs/hand-signs.html
@@ -0,0 +1,98 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Hand signs</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x270A;</td> <!-- RAISED FIST -->
+ <td>&#x1F44A;</td> <!-- FISTED HAND SIGN -->
+ <td>&#x1F91B;</td> <!-- LEFT-FACING FIST -->
+ <td>&#x1F91C;</td> <!-- RIGHT-FACING FIST -->
+ </tr>
+ <tr>
+ <td>&#x1F595;</td> <!-- REVERSED HAND WITH MIDDLE FINGER EXTENDED -->
+ </tr>
+ <tr>
+ <td>&#x1F918;</td> <!-- SIGN OF THE HORNS -->
+ <td>&#x270C;</td> <!-- VICTORY HAND -->
+ <td>&#x1F594;</td> <!-- REVERSED VICTORY HAND -->
+ <td>&#x1F91E;</td> <!-- HAND WITH INDEX AND MIDDLE FINGERS -->
+ <td>&#x1F919;</td> <!-- CALL ME HAND -->
+ </tr>
+ <tr>
+ <td>&#x1F91F;</td> <!-- I LOVE YOU HAND SIGN -->
+ </tr>
+ <tr>
+ <td>&#x270B;</td> <!-- RAISED HAND -->
+ <td>&#x1F91A;</td> <!-- RAISED BACK OF HAND -->
+ <td>&#x1F590;</td> <!-- RAISED HAND WITH FINGERS SPLAYED -->
+ <td>&#x1F591;</td> <!-- REVERSED RAISED HAND WITH FINGERS SPLAYED -->
+ <td>&#x1F44B;</td> <!-- WAVING HAND SIGN -->
+ <td class="dup">&#x1F596;</td> <!-- RAISED HAND WITH PART BETWEEN MIDDLE AND RING FINGERS -->
+ </tr>
+ <tr>
+ <td>&#x1F90C;</td> <!-- PINCHED FINGERS -->
+ <td>&#x1F90F;</td> <!-- PINCHING HAND -->
+ <td>&#x1F44C;</td> <!-- OK HAND SIGN -->
+ <td>&#x1F58F;</td> <!-- TURNED OK HAND SIGN -->
+ </tr>
+ <tr>
+ <td>&#x1F44D;</td> <!-- THUMBS UP SIGN -->
+ <td>&#x1F592;</td> <!-- REVERSED THUMBS UP SIGN -->
+ </tr>
+ <tr>
+ <td>&#x1F44E;</td> <!-- THUMBS DOWN SIGN -->
+ <td>&#x1F593;</td> <!-- REVERSED THUMBS DOWN SIGN -->
+ </tr>
+ <tr>
+ <td>&#x261D;</td> <!-- WHITE UP POINTING INDEX -->
+ <td>&#x1F446;</td> <!-- WHITE UP POINTING BACKHAND INDEX -->
+ <td>&#x1F5A2;</td> <!-- BLACK UP POINTING BACKHAND INDEX -->
+ <td>&#x1F59E;</td> <!-- SIDEWAYS WHITE UP POINTING INDEX -->
+ <td>&#x1F5A0;</td> <!-- SIDEWAYS BLACK UP POINTING INDEX -->
+ </tr>
+ <tr>
+ <td>&#x261F;</td> <!-- WHITE DOWN POINTING INDEX -->
+ <td>&#x1F447;</td> <!-- WHITE DOWN POINTING BACKHAND INDEX -->
+ <td>&#x1F5A3;</td> <!-- BLACK DOWN POINTING BACKHAND INDEX -->
+ <td>&#x1F59F;</td> <!-- SIDEWAYS WHITE DOWN POINTING INDEX -->
+ <td>&#x1F5A1;</td> <!-- SIDEWAYS BLACK DOWN POINTING INDEX -->
+ <td>&#x1F597;</td> <!-- WHITE DOWN POINTING LEFT HAND INDEX -->
+ </tr>
+ <tr>
+ <td>&#x261C;</td> <!-- WHITE LEFT POINTING INDEX -->
+ <td>&#x261A;</td> <!-- BLACK LEFT POINTING INDEX -->
+ <td>&#x1F448;</td> <!-- WHITE LEFT POINTING BACKHAND INDEX -->
+ <td>&#x1F59C;</td> <!-- BLACK LEFT POINTING BACKHAND INDEX -->
+ <td>&#x1F598;</td> <!-- SIDEWAYS WHITE LEFT POINTING INDEX -->
+ <td>&#x1F59A;</td> <!-- SIDEWAYS BLACK LEFT POINTING INDEX -->
+ </tr>
+ <tr>
+ <td>&#x261E;</td> <!-- WHITE RIGHT POINTING INDEX -->
+ <td>&#x261B;</td> <!-- BLACK RIGHT POINTING INDEX -->
+ <td>&#x1F449;</td> <!-- WHITE RIGHT POINTING BACKHAND INDEX -->
+ <td>&#x1F59D;</td> <!-- BLACK RIGHT POINTING BACKHAND INDEX -->
+ <td>&#x1F599;</td> <!-- SIDEWAYS WHITE RIGHT POINTING INDEX -->
+ <td>&#x1F59B;</td> <!-- SIDEWAYS BLACK RIGHT POINTING INDEX -->
+ <td>&#x1FBC1;</td> <!-- LEFT THIRD WHITE RIGHT POINTING INDEX -->
+ <td>&#x1FBC2;</td> <!-- MIDDLE THIRD WHITE RIGHT POINTING INDEX -->
+ <td>&#x1FBC3;</td> <!-- RIGHT THIRD WHITE RIGHT POINTING INDEX -->
+ </tr>
+ <tr>
+ <td>&#x270D;</td> <!-- WRITING HAND -->
+ <td>&#x1F58E;</td> <!-- LEFT WRITING HAND -->
+ </tr>
+ <tr>
+ <td>&#x1F64F;</td> <!-- PERSON WITH FOLDED HANDS -->
+ <td>&#x1F44F;</td> <!-- CLAPPING HANDS SIGN -->
+ <td>&#x1F450;</td> <!-- OPEN HANDS SIGN -->
+ <td>&#x1F932;</td> <!-- PALMS UP TOGETHER -->
+ <td>&#x1F91D;</td> <!-- HANDSHAKE -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/hearts.html b/pictographs/hearts.html
new file mode 100644
index 0000000..0aa62ab
--- /dev/null
+++ b/pictographs/hearts.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Hearts</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F394;</td> <!-- HEART WITH TIP ON THE LEFT -->
+ <td>&#x1F493;</td> <!-- BEATING HEART -->
+ <td>&#x1F494;</td> <!-- BROKEN HEART -->
+ <td>&#x1F495;</td> <!-- TWO HEARTS -->
+ <td>&#x1F496;</td> <!-- SPARKLING HEART -->
+ <td>&#x1F497;</td> <!-- GROWING HEART -->
+ <td>&#x1F498;</td> <!-- HEART WITH ARROW -->
+ <td>&#x1F49D;</td> <!-- HEART WITH RIBBON -->
+ <td>&#x1F49E;</td> <!-- REVOLVING HEARTS -->
+ <td>&#x1F49F;</td> <!-- HEART DECORATION -->
+ </tr>
+ <tr>
+ <td>&#x2765;</td> <!-- ROTATED HEAVY BLACK HEART BULLET -->
+ <td>&#x2764;</td> <!-- HEAVY BLACK HEART -->
+ </tr>
+ <tr>
+ <td>&#x1F499;</td> <!-- BLUE HEART -->
+ <td>&#x1F49A;</td> <!-- GREEN HEART -->
+ <td>&#x1F49B;</td> <!-- YELLOW HEART -->
+ <td>&#x1F49C;</td> <!-- PURPLE HEART -->
+ <td>&#x1F5A4;</td> <!-- BLACK HEART -->
+ <td>&#x1F90D;</td> <!-- WHITE HEART -->
+ <td>&#x1F90E;</td> <!-- BROWN HEART -->
+ <td>&#x1F9E1;</td> <!-- ORANGE HEART -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/home.html b/pictographs/home.html
new file mode 100644
index 0000000..c269375
--- /dev/null
+++ b/pictographs/home.html
@@ -0,0 +1,41 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Home</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F56F;</td> <!-- CANDLE -->
+ <td>&#x1FA94;</td> <!-- DIYA LAMP -->
+ <td>&#x1F6CB;</td> <!-- COUCH AND LAMP -->
+ <td>&#x1FA91;</td> <!-- CHAIR -->
+ <td>&#x1F6CF;</td> <!-- BED -->
+ </tr>
+ <tr>
+ <td>&#x1F570;</td> <!-- MANTELPIECE CLOCK -->
+ <td>&#x1FA9E;</td> <!-- MIRROR -->
+ <td>&#x1F5BC;</td> <!-- FRAME WITH PICTURE -->
+ <td>&#x1F5BD;</td> <!-- FRAME WITH TILES -->
+ <td>&#x1F5BE;</td> <!-- FRAME WITH AN X -->
+ </tr>
+ <tr>
+ <td>&#x1FA9F;</td> <!-- WINDOW -->
+ <td>&#x1F6AA;</td> <!-- DOOR -->
+ </tr>
+ <tr>
+ <td>&#x1FAA4;</td> <!-- MOUSE TRAP -->
+ </tr>
+ <tr>
+ <td>&#x1F3FA;</td> <!-- AMPHORA -->
+ <td>&#x1F9FA;</td> <!-- BASKET -->
+ <td>&#x1FAA3;</td> <!-- BUCKET -->
+ </tr>
+ <tr>
+ <td>&#x1F9F8;</td> <!-- TEDDY BEAR -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/interpersonal.html b/pictographs/interpersonal.html
new file mode 100644
index 0000000..bd981b1
--- /dev/null
+++ b/pictographs/interpersonal.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Interpersonal</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1FAC2;</td> <!-- PEOPLE HUGGING -->
+ <td>&#x1F48F;</td> <!-- KISS -->
+ <td>&#x1F491;</td> <!-- COUPLE WITH HEART -->
+ </tr>
+ <tr>
+ <td>&#x1F48B;</td> <!-- KISS MARK -->
+ <td>&#x1F48C;</td> <!-- LOVE LETTER -->
+ <td>&#x1F48D;</td> <!-- RING -->
+ <td>&#x1F48E;</td> <!-- GEM STONE -->
+ <td>&#x1F490;</td> <!-- BOUQUET -->
+ <td>&#x1F492;</td> <!-- WEDDING -->
+ </tr>
+ <tr>
+ <td class="dup">&#x26AA;</td> <!-- MEDIUM WHITE CIRCLE --> <!-- engaged, betrothed -->
+ <td class="dup">&#x26AC;</td> <!-- MEDIUM SMALL WHITE CIRCLE --> <!-- engaged, betrothed -->
+ <td>&#x26AF;</td> <!-- UNMARRIED PARTNERSHIP SYMBOL -->
+ <td>&#x26AD;</td> <!-- MARRIAGE SYMBOL -->
+ <td>&#x26AE;</td> <!-- DIVORCE SYMBOL -->
+ </tr>
+ <tr>
+ <td>&#x26A4;</td> <!-- INTERLOCKED FEMALE AND MALE SIGN -->
+ <td>&#x26A2;</td> <!-- DOUBLED FEMALE SIGN -->
+ <td>&#x26A3;</td> <!-- DOUBLED MALE SIGN -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/leisure.html b/pictographs/leisure.html
new file mode 100644
index 0000000..45b6376
--- /dev/null
+++ b/pictographs/leisure.html
@@ -0,0 +1,190 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Leisure</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- toys -->
+ <td>&#x1FA80;</td> <!-- YO-YO -->
+ <td>&#x1FA81;</td> <!-- KITE -->
+ <td>&#x1FA84;</td> <!-- MAGIC WAND -->
+ <td>&#x1FA86;</td> <!-- NESTING DOLLS -->
+ <td>&#x1F9E9;</td> <!-- JIGSAW PUZZLE PIECE -->
+ <td>&#x1F939;</td> <!-- JUGGLING -->
+ <td>&#x1F9E8;</td> <!-- FIRECRACKER -->
+ </tr>
+ <tr> <!-- games -->
+ <td>&#x1F3AE;</td> <!-- VIDEO GAME -->
+ <td>&#x1F579;</td> <!-- JOYSTICK -->
+ <td>&#x1F3B0;</td> <!-- SLOT MACHINE -->
+ <td>&#x1F3B2;</td> <!-- GAME DIE -->
+ <td>&#x1F3B4;</td> <!-- FLOWER PLAYING CARDS -->
+ </tr>
+ <tr> <!-- tickets -->
+ <td>&#x1F3AB;</td> <!-- TICKET -->
+ <td>&#x1F39F;</td> <!-- ADMISSION TICKETS -->
+ </tr>
+ <tr> <!-- amusement -->
+ <td>&#x1F3A0;</td> <!-- CAROUSEL HORSE -->
+ <td>&#x1F3A1;</td> <!-- FERRIS WHEEL -->
+ <td>&#x1F3A2;</td> <!-- ROLLER COASTER -->
+ <td>&#x1F3AA;</td> <!-- CIRCUS TENT -->
+ </tr>
+ <tr> <!-- performance -->
+ <td>&#x1F3A9;</td> <!-- TOP HAT -->
+ <td>&#x1F3AD;</td> <!-- PERFORMING ARTS -->
+ </tr>
+ <tr> <!-- film -->
+ <td>&#x1F39E;</td> <!-- FILM FRAMES -->
+ <td>&#x1F3A5;</td> <!-- MOVIE CAMERA -->
+ <td>&#x1F3A6;</td> <!-- CINEMA -->
+ <td>&#x1F3AC;</td> <!-- CLAPPER BOARD -->
+ <td>&#x1F4FA;</td> <!-- TELEVISION -->
+ <td>&#x1F4FD;</td> <!-- FILM PROJECTOR -->
+ </tr>
+ <tr> <!-- photography -->
+ <td>&#x1F4F7;</td> <!-- CAMERA -->
+ <td>&#x1F4F8;</td> <!-- CAMERA WITH FLASH -->
+ <td>&#x1F4F9;</td> <!-- VIDEO CAMERA -->
+ </tr>
+ <tr> <!-- audio -->
+ <td>&#x1F3A7;</td> <!-- HEADPHONE -->
+ <td>&#x1F4FB;</td> <!-- RADIO -->
+ <td>&#x1F4FC;</td> <!-- VIDEOCASSETTE -->
+ <td>&#x1F4FE;</td> <!-- PORTABLE STEREO -->
+ </tr>
+ <tr> <!-- creative -->
+ <td>&#x1F3A8;</td> <!-- ARTIST PALETTE -->
+ <td class="dup">&#x1FAA1;</td> <!-- SEWING NEEDLE -->
+ <td>&#x1F9F5;</td> <!-- SPOOL OF THREAD -->
+ <td>&#x1F9F6;</td> <!-- BALL OF YARN -->
+ <td>&#x1F9F7;</td> <!-- SAFETY PIN -->
+ </tr>
+ <tr> <!-- hunting -->
+ <td>&#x1F3A3;</td> <!-- FISHING POLE AND FISH -->
+ <td>&#x1F946;</td> <!-- RIFLE -->
+ <td>&#x1F3F9;</td> <!-- BOW AND ARROW -->
+ </tr>
+ <tr> <!-- water activity -->
+ <td>&#x1F93F;</td> <!-- DIVING MASK -->
+ <td>&#x1F93D;</td> <!-- WATER POLO -->
+ <td>&#x1F3C4;</td> <!-- SURFER -->
+ <td>&#x1F3CA;</td> <!-- SWIMMER -->
+ <td>&#x26F5;</td> <!-- SAILBOAT -->
+ </tr>
+ <tr> <!-- ice activity -->
+ <td>&#x1F3D2;</td> <!-- ICE HOCKEY STICK AND PUCK -->
+ <td class="dup">&#x26F8;</td> <!-- ICE SKATE -->
+ <td>&#x1F94C;</td> <!-- CURLING STONE -->
+ </tr>
+ <tr> <!-- snow activity -->
+ <td>&#x1F3C2;</td> <!-- SNOWBOARDER -->
+ <td>&#x1F3BF;</td> <!-- SKI AND SKI BOOT -->
+ <td class="dup">&#x26F7;</td> <!-- SKIER -->
+ <td>&#x2603;</td> <!-- SNOWMAN -->
+ <td>&#x26C4;</td> <!-- SNOWMAN WITHOUT SNOW -->
+ <td>&#x26C7;</td> <!-- BLACK SNOWMAN -->
+ </tr>
+ <tr> <!-- nature activity -->
+ <td>&#x1FA82;</td> <!-- PARACHUTE -->
+ <td>&#x1F9ED;</td> <!-- COMPASS -->
+ <td>&#x1F9D7;</td> <!-- PERSON CLIMBING -->
+ <td>&#x1F525;</td> <!-- FIRE -->
+ <td>&#x1FAA2;</td> <!-- KNOT -->
+ <td>&#x1FA9D;</td> <!-- HOOK -->
+ <td class="dup">&#x26FA;</td> <!-- TENT -->
+ </tr>
+ <tr> <!-- aiming sports -->
+ <td>&#x1F3AF;</td> <!-- DIRECT HIT -->
+ <td>&#x1F3B1;</td> <!-- BILLIARDS -->
+ <td>&#x1F3B3;</td> <!-- BOWLING -->
+ <td class="dup">&#x26F3;</td> <!-- FLAG IN HOLE --> <!-- golf -->
+ </tr>
+ <tr> <!-- throwing sports -->
+ <td>&#x1FA83;</td> <!-- BOOMERANG -->
+ <td>&#x1F94F;</td> <!-- FLYING DISC -->
+ </tr>
+ <tr> <!-- ball sports -->
+ <td>&#x26BD;</td> <!-- SOCCER BALL -->
+ <td>&#x1F93E;</td> <!-- HANDBALL -->
+ <td>&#x1F94D;</td> <!-- LACROSSE STICK AND BALL -->
+ <td>&#x1F94E;</td> <!-- SOFTBALL -->
+ <td>&#x1F3BE;</td> <!-- TENNIS RACQUET AND BALL -->
+ <td>&#x26BE;</td> <!-- BASEBALL -->
+ <td>&#x1F3C0;</td> <!-- BASKETBALL AND HOOP -->
+ <td>&#x1F3C8;</td> <!-- AMERICAN FOOTBALL -->
+ <td>&#x1F3C9;</td> <!-- RUGBY FOOTBALL -->
+ <td>&#x1F3CC;</td> <!-- GOLFER -->
+ <td>&#x1F3CF;</td> <!-- CRICKET BAT AND BALL -->
+ <td>&#x1F3D0;</td> <!-- VOLLEYBALL -->
+ <td>&#x1F3D1;</td> <!-- FIELD HOCKEY STICK AND BALL -->
+ <td>&#x1F3D3;</td> <!-- TABLE TENNIS PADDLE AND BALL -->
+ <td>&#x1F3F8;</td> <!-- BADMINTON RACQUET AND SHUTTLECOCK -->
+ </tr>
+ <tr> <!-- racing -->
+ <td>&#x1F3C3;</td> <!-- RUNNER -->
+ <td>&#x1F3BD;</td> <!-- RUNNING SHIRT WITH SASH -->
+ <td>&#x1F3C7;</td> <!-- HORSE RACING -->
+ <td>&#x1F3C1;</td> <!-- CHEQUERED FLAG -->
+ <td>&#x1F3CE;</td> <!-- RACING CAR -->
+ <td>&#x1F3CD;</td> <!-- RACING MOTORCYCLE -->
+ </tr>
+ <tr> <!-- strength and combat -->
+ <td>&#x1F3CB;</td> <!-- WEIGHT LIFTER -->
+ <td>&#x1F93A;</td> <!-- FENCER -->
+ <td>&#x1F93C;</td> <!-- WRESTLERS -->
+ <td>&#x1F94A;</td> <!-- BOXING GLOVE -->
+ <td>&#x1F94B;</td> <!-- MARTIAL ARTS UNIFORM -->
+ </tr>
+ <tr> <!-- gymnastics -->
+ <td>&#x1F938;</td> <!-- PERSON DOING CARTWHEEL -->
+ </tr>
+ <tr> <!-- mixed -->
+ <td>&#x1F93B;</td> <!-- MODERN PENTATHLON -->
+ </tr>
+ <tr> <!-- game component -->
+ <td>&#x1F945;</td> <!-- GOAL NET -->
+ </tr>
+ <tr> <!-- relaxation -->
+ <td>&#x1F9D6;</td> <!-- PERSON IN STEAMY ROOM -->
+ </tr>
+ <tr> <!-- prizes -->
+ <td>&#x1F3C5;</td> <!-- SPORTS MEDAL -->
+ <td>&#x1F947;</td> <!-- FIRST PLACE MEDAL -->
+ <td>&#x1F948;</td> <!-- SECOND PLACE MEDAL -->
+ <td>&#x1F949;</td> <!-- THIRD PLACE MEDAL -->
+ <td>&#x1F3C6;</td> <!-- TROPHY -->
+ </tr>
+ <tr> <!-- fantasy -->
+ <td>&#x1F9B8;</td> <!-- SUPERHERO -->
+ <td>&#x1F9B9;</td> <!-- SUPERVILLAIN -->
+ <td>&#x1F9D9;</td> <!-- MAGE -->
+ <td>&#x1F9DA;</td> <!-- FAIRY -->
+ <td>&#x1F9DB;</td> <!-- VAMPIRE -->
+ <td>&#x1F9DC;</td> <!-- MERPERSON -->
+ <td>&#x1F9DD;</td> <!-- ELF -->
+ <td>&#x1F9DE;</td> <!-- GENIE -->
+ <td>&#x1F9DF;</td> <!-- ZOMBIE -->
+ <td>&#x1F479;</td> <!-- JAPANESE OGRE -->
+ <td>&#x1F47A;</td> <!-- JAPANESE GOBLIN -->
+ <td>&#x1F47B;</td> <!-- GHOST -->
+ <td>&#x1F47C;</td> <!-- BABY ANGEL -->
+ <td>&#x1F47D;</td> <!-- EXTRATERRESTRIAL ALIEN -->
+ <td>&#x1F47E;</td> <!-- ALIEN MONSTER -->
+ <td>&#x1F47F;</td> <!-- IMP -->
+ <td class="dup">&#x1F573;</td> <!-- HOLE --> <!-- portable hole -->
+ <td>&#x1F409;</td> <!-- DRAGON -->
+ <td>&#x1F432;</td> <!-- DRAGON FACE -->
+ <td>&#x1F984;</td> <!-- UNICORN FACE -->
+ </tr>
+ <tr> <!-- rating symbols -->
+ <td>&#x1F5E1;</td> <!-- DAGGER KNIFE -->
+ <td>&#x1F5E2;</td> <!-- LIPS -->
+ <td>&#x1F5E3;</td> <!-- SPEAKING HEAD IN SILHOUETTE -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/map-symbols-and-buildings.html b/pictographs/map-symbols-and-buildings.html
new file mode 100644
index 0000000..99d6507
--- /dev/null
+++ b/pictographs/map-symbols-and-buildings.html
@@ -0,0 +1,124 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Map symbols and buildings</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x2318;</td> <!-- PLACE OF INTEREST SIGN -->
+ <td>&#x26EC;</td> <!-- HISTORIC SITE -->
+ <td>&#x26FC;</td> <!-- HEADSTONE GRAVEYARD SYMBOL -->
+ <td>&#x2693;</td> <!-- ANCHOR --> <!-- harbor -->
+ <td>&#x26F5;</td> <!-- SAILBOAT --> <!-- marina or yacht harbour -->
+ </tr>
+ <tr>
+ <td>&#x26F2;</td> <!-- FOUNTAIN --> <!-- park -->
+ <td>&#x1F3DE;</td> <!-- NATIONAL PARK -->
+ <td>&#x1F3D5;</td> <!-- CAMPING -->
+ <td>&#x26FA;</td> <!-- TENT --> <!-- camping site -->
+ <td>&#x1F3D6;</td> <!-- BEACH WITH UMBRELLA -->
+ <td>&#x26F1;</td> <!-- UMBRELLA ON GROUND --> <!-- bathing beach -->
+ <td>&#x1F3DC;</td> <!-- DESERT -->
+ <td>&#x1F3DD;</td> <!-- DESERT ISLAND -->
+ <td>&#x26F0;</td> <!-- MOUNTAIN -->
+ <td>&#x1F3D4;</td> <!-- SNOW CAPPED MOUNTAIN -->
+ </tr>
+ <tr>
+ <td>&#x26F3;</td> <!-- FLAG IN HOLE --> <!-- golf course -->
+ <td>&#x26F7;</td> <!-- SKIER --> <!-- ski resort -->
+ <td>&#x26F8;</td> <!-- ICE SKATE -->
+ <td>&#x26F9;</td> <!-- PERSON WITH BALL --> <!-- ice skating rink -->
+ </tr>
+ <tr>
+ <td>&#x1F3DF;</td> <!-- STADIUM -->
+ <td>&#x1F3EF;</td> <!-- JAPANESE CASTLE -->
+ <td>&#x1F3F0;</td> <!-- EUROPEAN CASTLE -->
+ <td>&#x26EB;</td> <!-- CASTLE -->
+ <td>&#x26EF;</td> <!-- MAP SYMBOL FOR LIGHTHOUSE -->
+ </tr>
+ <tr>
+ <td>&#x1F6D0;</td> <!-- PLACE OF WORSHIP -->
+ <td>&#x1F6D3;</td> <!-- STUPA -->
+ <td>&#x1F6D4;</td> <!-- PAGODA -->
+ <td>&#x1F6D5;</td> <!-- HINDU TEMPLE -->
+ <td class="dup">&#x1F54C;</td> <!-- MOSQUE -->
+ <td class="dup">&#x1F54D;</td> <!-- SYNAGOGUE -->
+ <td class="dup">&#x26E9;</td> <!-- SHINTO SHRINE -->
+ <td class="dup">&#x26EA;</td> <!-- CHURCH -->
+ </tr>
+ <tr>
+ <td>&#x1F6D6;</td> <!-- HUT -->
+ <td>&#x1F3DA;</td> <!-- DERELICT HOUSE BUILDING -->
+ <td>&#x1F3DB;</td> <!-- CLASSICAL BUILDING -->
+ <td>&#x1F3E0;</td> <!-- HOUSE BUILDING -->
+ <td>&#x1F3E1;</td> <!-- HOUSE WITH GARDEN -->
+ <td>&#x1F3D8;</td> <!-- HOUSE BUILDINGS -->
+ <td>&#x1F3D9;</td> <!-- CITYSCAPE -->
+ <td class="dup">&#x2B58;</td> <!-- HEAVY CIRCLE --> <!-- town or village office symbol -->
+ </tr>
+ <tr>
+ <td>&#x1F3E2;</td> <!-- OFFICE BUILDING -->
+ <td>&#x1F3ED;</td> <!-- FACTORY -->
+ <td>&#x26ED;</td> <!-- GEAR WITHOUT HUB --> <!-- factory -->
+ <td>&#x26EE;</td> <!-- GEAR WITH HANDLES --> <!-- power plant, power substation -->
+ <td>&#x269B;</td> <!-- ATOM SYMBOL --> <!-- nuclear installation -->
+ </tr>
+ <tr>
+ <td>&#x26E3;</td> <!-- HEAVY CIRCLE WITH STROKE AND TWO DOTS ABOVE --> <!-- public office -->
+ <td class="dup">&#x2B57;</td> <!-- HEAVY CIRCLE WITH CIRCLE INSIDE --> <!-- municipal office symbol -->
+ <td class="dup">&#x2B56;</td> <!-- HEAVY OVAL WITH OVAL INSIDE --> <!-- prefectural office symbol -->
+ <td class="dup">&#x2B59;</td> <!-- HEAVY CIRCLED SALTIRE --> <!-- police station symbol -->
+ <td>&#x1F3E3;</td> <!-- JAPANESE POST OFFICE -->
+ <td>&#x1F3E4;</td> <!-- EUROPEAN POST OFFICE -->
+ <td>&#x1F3E6;</td> <!-- BANK -->
+ <td>&#x26FB;</td> <!-- JAPANESE BANK SYMBOL -->
+ <td>&#x1F3E7;</td> <!-- AUTOMATED TELLER MACHINE -->
+ </tr>
+ <tr>
+ <td>&#x1F56D;</td> <!-- RINGING BELL -->
+ <td>&#x1F6CE;</td> <!-- BELLHOP BELL -->
+ <td>&#x1F6CC;</td> <!-- SLEEPING ACCOMMODATION -->
+ <td>&#x1F3E8;</td> <!-- HOTEL -->
+ <td>&#x1F3E9;</td> <!-- LOVE HOTEL -->
+ </tr>
+ <tr>
+ <td>&#x26FD;</td> <!-- FUEL PUMP -->
+ <td>&#x26FE;</td> <!-- CUP ON BLACK SQUARE -->
+ <td>&#x1F6CD;</td> <!-- SHOPPING BAGS -->
+ <td>&#x1F3EA;</td> <!-- CONVENIENCE STORE -->
+ <td>&#x1F3EC;</td> <!-- DEPARTMENT STORE -->
+ <td>&#x1F3EE;</td> <!-- IZAKAYA LANTERN -->
+ </tr>
+ <tr>
+ <td>&#x1F3E5;</td> <!-- HOSPITAL -->
+ <td>&#x26E8;</td> <!-- BLACK CROSS ON SHIELD --> <!-- hospital -->
+ </tr>
+ <tr>
+ <td>&#x1F3EB;</td> <!-- SCHOOL -->
+ </tr>
+ <tr>
+ <td>&#x26FF;</td> <!-- WHITE FLAG WITH HORIZONTAL MIDDLE BLACK STRIPE --> <!-- Japanese self-defence force site -->
+ <td>&#x2694;</td> <!-- CROSSED SWORDS --> <!-- battleground -->
+ </tr>
+ <tr>
+ <td>&#x1F6E1;</td> <!-- SHIELD -->
+ <td>&#x1F6E3;</td> <!-- MOTORWAY -->
+ <td>&#x1F6E4;</td> <!-- RAILWAY TRACK -->
+ <td>&#x26F6;</td> <!-- SQUARE FOUR CORNERS --> <!-- intersection -->
+ <td>&#x26F4;</td> <!-- FERRY --> <!-- ferry boat terminal -->
+ </tr>
+ <tr>
+ <td>&#x1F3D7;</td> <!-- BUILDING CONSTRUCTION -->
+ <td>&#x1F6E0;</td> <!-- HAMMER AND WRENCH -->
+ <td>&#x2706;</td> <!-- TELEPHONE LOCATION SIGN -->
+ </tr>
+ <tr>
+ <td>&#x1F5FA;</td> <!-- WORLD MAP -->
+ <td>&#x1F5FE;</td> <!-- SILHOUETTE OF JAPAN -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/materials.html b/pictographs/materials.html
new file mode 100644
index 0000000..9749aec
--- /dev/null
+++ b/pictographs/materials.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Materials</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x267A;</td> <!-- RECYCLING SYMBOL FOR GENERIC MATERIALS -->
+ <td>&#x2673;</td> <!-- RECYCLING SYMBOL FOR TYPE-1 PLASTICS -->
+ <td>&#x2674;</td> <!-- RECYCLING SYMBOL FOR TYPE-2 PLASTICS -->
+ <td>&#x2675;</td> <!-- RECYCLING SYMBOL FOR TYPE-3 PLASTICS -->
+ <td>&#x2676;</td> <!-- RECYCLING SYMBOL FOR TYPE-4 PLASTICS -->
+ <td>&#x2677;</td> <!-- RECYCLING SYMBOL FOR TYPE-5 PLASTICS -->
+ <td>&#x2678;</td> <!-- RECYCLING SYMBOL FOR TYPE-6 PLASTICS -->
+ <td>&#x2679;</td> <!-- RECYCLING SYMBOL FOR TYPE-7 PLASTICS -->
+ </tr>
+ <tr>
+ <td>&#x267B;</td> <!-- BLACK UNIVERSAL RECYCLING SYMBOL -->
+ <td>&#x2672;</td> <!-- UNIVERSAL RECYCLING SYMBOL -->
+ </tr>
+ <tr>
+ <td>&#x267D;</td> <!-- PARTIALLY-RECYCLED PAPER SYMBOL -->
+ <td>&#x267C;</td> <!-- RECYCLED PAPER SYMBOL -->
+ <td>&#x267E;</td> <!-- PERMANENT PAPER SIGN -->
+ </tr>
+ <tr>
+ <td>&#x2B97;</td> <!-- SYMBOL FOR TYPE A ELECTRONICS -->
+ </tr>
+ <tr>
+ <td>&#x1F6E2;</td> <!-- OIL DRUM -->
+ <td>&#x1F9F1;</td> <!-- BRICK -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/medical.html b/pictographs/medical.html
new file mode 100644
index 0000000..5db88d2
--- /dev/null
+++ b/pictographs/medical.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Medical</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1FA76;</td> <!-- ADHESIVE BANDAGE -->
+ <td>&#x1FA77;</td> <!-- STETHOSCOPE -->
+ <td>&#x1F489;</td> <!-- SYRINGE -->
+ <td>&#x1F48A;</td> <!-- PILL -->
+ </tr>
+ <tr>
+ <td>&#x1FA75;</td> <!-- DROP OF BLOOD -->
+ <td>&#x1F54F;</td> <!-- BOWL OF HYGIEIA -->
+ <td>&#x2624;</td> <!-- CADUCEUS -->
+ <td>&#x269A;</td> <!-- STAFF OF HERMES -->
+ <td>&#x2695;</td> <!-- STAFF OF AESCULAPIUS -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/military.html b/pictographs/military.html
new file mode 100644
index 0000000..143fa9e
--- /dev/null
+++ b/pictographs/military.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Military</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1FA96;</td> <!-- MILITARY HELMET -->
+ </tr>
+ <tr>
+ <td>&#x1F52B;</td> <!-- PISTOL -->
+ <td class="dup">&#x1F946;</td> <!-- RIFLE -->
+ <td class="dup">&#x1F3F9;</td> <!-- BOW AND ARROW -->
+ </tr>
+ <tr>
+ <td>&#x1F396;</td> <!-- MILITARY MEDAL -->
+ </tr>
+ <tr>
+ <td class="dup">&#x26FF;</td> <!-- WHITE FLAG WITH HORIZONTAL MIDDLE BLACK STRIPE -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/money.html b/pictographs/money.html
new file mode 100644
index 0000000..a0504ce
--- /dev/null
+++ b/pictographs/money.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Money</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1FA99;</td> <!-- COIN -->
+ <td>&#x1F4B0;</td> <!-- MONEY BAG -->
+ <td>&#x1F4B8;</td> <!-- MONEY WITH WINGS -->
+ <td>&#x1F4B3;</td> <!-- CREDIT CARD -->
+ <td>&#x1F9FE;</td> <!-- RECEIPT -->
+ </tr>
+ <tr>
+ <td class="lacuna"></td> <!-- banknote (without currency sign) -->
+ <td>&#x1F4B5;</td> <!-- BANKNOTE WITH DOLLAR SIGN -->
+ <td>&#x1F4B6;</td> <!-- BANKNOTE WITH EURO SIGN -->
+ <td>&#x1F4B7;</td> <!-- BANKNOTE WITH POUND SIGN -->
+ <td>&#x1F4B4;</td> <!-- BANKNOTE WITH YEN SIGN -->
+ </tr>
+ <tr>
+ <td class="dup">&#x1F4C8;</td> <!-- CHART WITH UPWARDS TREND -->
+ <td class="lacuna"></td> <!-- chart with upwards trend and dollar sign -->
+ <td class="lacuna"></td> <!-- chart with upwards trend and euro sign -->
+ <td class="lacuna"></td> <!-- chart with upwards trend and pound sign -->
+ <td>&#x1F4B9;</td> <!-- CHART WITH UPWARDS TREND AND YEN SIGN -->
+ </tr>
+ <tr>
+ <td class="dup">&#x1F4C9;</td> <!-- CHART WITH DOWNWARDS TREND -->
+ <td class="lacuna"></td> <!-- chart with downwards trend and dollar sign -->
+ <td class="lacuna"></td> <!-- chart with downwards trend and euro sign -->
+ <td class="lacuna"></td> <!-- chart with downwards trend and pound sign -->
+ <td class="lacuna"></td> <!-- chart with downwards trend and yen sign -->
+ </tr>
+ <tr>
+ <td>&#x1F4B1;</td> <!-- CURRENCY EXCHANGE -->
+ <td>&#x1F5E0;</td> <!-- STOCK CHART -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/multimedia-properties.html b/pictographs/multimedia-properties.html
new file mode 100644
index 0000000..e0acdcb
--- /dev/null
+++ b/pictographs/multimedia-properties.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Multimedia properties</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- special -->
+ <td>&#x1F19B;</td> <!-- SQUARED THREE D -->
+ <td>&#x1F19C;</td> <!-- SQUARED SECOND SCREEN -->
+ <td>&#x1F1A7;</td> <!-- SQUARED HDR -->
+ <td>&#x1F1A6;</td> <!-- SQUARED HC -->
+ <td>&#x1F1AC;</td> <!-- SQUARED VOD -->
+ </tr>
+ <tr> <!-- video resolution -->
+ <td>&#x1F1A3;</td> <!-- SQUARED SIXTY P -->
+ <td>&#x1F1A8;</td> <!-- SQUARED HI-RES -->
+ <td>&#x1F1A4;</td> <!-- SQUARED ONE HUNDRED TWENTY P -->
+ <td>&#x1F19D;</td> <!-- SQUARED TWO K -->
+ <td>&#x1F19E;</td> <!-- SQUARED FOUR K -->
+ <td>&#x1F19F;</td> <!-- SQUARED EIGHT K -->
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>&#x1F1AB;</td> <!-- SQUARED UHD -->
+ <td>&#x1F1AA;</td> <!-- SQUARED SHV -->
+ </tr>
+ <tr> <!-- audio quality -->
+ <td class="dup">&#x1F1A8;</td> <!-- SQUARED HI-RES -->
+ <td>&#x1F1A9;</td> <!-- SQUARED LOSSLESS -->
+ </tr>
+ <tr> <!-- audio channels -->
+ <td>&#x1F1A0;</td> <!-- SQUARED FIVE POINT ONE -->
+ <td>&#x1F1A1;</td> <!-- SQUARED SEVEN POINT ONE -->
+ <td>&#x1F1A2;</td> <!-- SQUARED TWENTY-TWO POINT TWO -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/music.html b/pictographs/music.html
new file mode 100644
index 0000000..950b11c
--- /dev/null
+++ b/pictographs/music.html
@@ -0,0 +1,52 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Music</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- instruments -->
+ <td>&#x1F3B8;</td> <!-- GUITAR -->
+ <td>&#x1F3BB;</td> <!-- VIOLIN -->
+ <td>&#x1FA95;</td> <!-- BANJO -->
+ <td>&#x1FA97;</td> <!-- ACCORDION -->
+ <td>&#x1FA98;</td> <!-- LONG DRUM -->
+ <td>&#x1F941;</td> <!-- DRUM WITH DRUMSTICKS -->
+ <td>&#x1F3B7;</td> <!-- SAXOPHONE -->
+ <td>&#x1F3BA;</td> <!-- TRUMPET -->
+ <td>&#x1F3B9;</td> <!-- MUSICAL KEYBOARD -->
+ <td>&#x1F398;</td> <!-- MUSICAL KEYBOARD WITH JACKS -->
+ <td>&#x1F3A4;</td> <!-- MICROPHONE -->
+ <td>&#x1F399;</td> <!-- STUDIO MICROPHONE -->
+ </tr>
+ <tr> <!-- equipment -->
+ <td>&#x1F39A;</td> <!-- LEVEL SLIDER -->
+ <td>&#x1F39B;</td> <!-- CONTROL KNOBS -->
+ </tr>
+ <tr> <!-- notes { -->
+ <td>&#x1F3BC;</td> <!-- MUSICAL SCORE -->
+ <td>&#x1F3B5;</td> <!-- MUSICAL NOTE -->
+ <td>&#x1F3B6;</td> <!-- MULTIPLE MUSICAL NOTES -->
+ <td>&#x1F39C;</td> <!-- BEAMED ASCENDING MUSICAL NOTES -->
+ <td>&#x1F39D;</td> <!-- BEAMED DESCENDING MUSICAL NOTES -->
+ </tr>
+ <tr>
+ <td>&#x266D;</td> <!-- MUSIC FLAT SIGN -->
+ <td>&#x266E;</td> <!-- MUSIC NATURAL SIGN -->
+ <td>&#x266F;</td> <!-- MUSIC SHARP SIGN -->
+ </tr>
+ <tr>
+ <td>&#x2669;</td> <!-- QUARTER NOTE -->
+ <td>&#x266A;</td> <!-- EIGHTH NOTE -->
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td>&#x266B;</td> <!-- BEAMED EIGHTH NOTES -->
+ <td>&#x266C;</td> <!-- BEAMED SIXTEENTH NOTES -->
+ </tr> <!-- } -->
+ </table>
+ </body>
+</html>
diff --git a/pictographs/nature.html b/pictographs/nature.html
new file mode 100644
index 0000000..9148afe
--- /dev/null
+++ b/pictographs/nature.html
@@ -0,0 +1,188 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Nature</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- stone -->
+ <td>&#x1FAA8;</td> <!-- ROCK -->
+ <td>&#x1F30B;</td> <!-- VOLCANO -->
+ </tr>
+ <tr> <!-- wood -->
+ <td>&#x1FAB5;</td> <!-- WOOD -->
+ <td>&#x1F332;</td> <!-- EVERGREEN TREE -->
+ <td>&#x1F333;</td> <!-- DECIDUOUS TREE -->
+ <td>&#x1F334;</td> <!-- PALM TREE -->
+ </tr>
+ <tr> <!-- water -->
+ <td>&#x2668;</td> <!-- HOT SPRINGS -->
+ </tr>
+ <tr> <!-- flowers -->
+ <td class="dup">&#x2698;</td> <!-- FLOWER -->
+ <td>&#x1F940;</td> <!-- WILTED FLOWER -->
+ <td>&#x1F337;</td> <!-- TULIP -->
+ <td>&#x1F338;</td> <!-- CHERRY BLOSSOM -->
+ <td>&#x1F339;</td> <!-- ROSE -->
+ <td>&#x1F33A;</td> <!-- HIBISCUS -->
+ <td>&#x1F33B;</td> <!-- SUNFLOWER -->
+ <td>&#x1F33C;</td> <!-- BLOSSOM -->
+ <td>&#x1F3F5;</td> <!-- ROSETTE -->
+ <td>&#x1F3F6;</td> <!-- BLACK ROSETTE -->
+ </tr>
+ <tr> <!-- plants -->
+ <td>&#x1FAB4;</td> <!-- POTTED PLANT -->
+ <td>&#x1F331;</td> <!-- SEEDLING -->
+ <td>&#x1F335;</td> <!-- CACTUS -->
+ <td>&#x1F33F;</td> <!-- HERB -->
+ <td>&#x1F340;</td> <!-- FOUR LEAF CLOVER -->
+ <td>&#x2618;</td> <!-- SHAMROCK -->
+ </tr>
+ <tr> <!-- leaves -->
+ <td>&#x1F341;</td> <!-- MAPLE LEAF -->
+ <td>&#x1F342;</td> <!-- FALLEN LEAF -->
+ <td>&#x1F343;</td> <!-- LEAF FLUTTERING IN WIND -->
+ <td class="dup">&#x2E19;</td> <!-- PALM BRANCH -->
+ </tr>
+ <tr> <!-- traces -->
+ <td>&#x1F43E;</td> <!-- PAW PRINTS -->
+ <td>&#x1F463;</td> <!-- FOOTPRINTS -->
+ <td>&#x1F578;</td> <!-- SPIDER WEB -->
+ </tr>
+ <tr> <!-- winged animals -->
+ <td>&#x1FAB0;</td> <!-- FLY -->
+ <td>&#x1F983;</td> <!-- TURKEY -->
+ <td>&#x1F985;</td> <!-- EAGLE -->
+ <td>&#x1F987;</td> <!-- BAT -->
+ <td>&#x1F989;</td> <!-- OWL -->
+ <td>&#x1F98B;</td> <!-- BUTTERFLY -->
+ <td>&#x1F99A;</td> <!-- PEACOCK -->
+ <td>&#x1F99C;</td> <!-- PARROT -->
+ <td>&#x1F99F;</td> <!-- MOSQUITO -->
+ <td>&#x1F9A4;</td> <!-- DODO -->
+ <td>&#x1F9A9;</td> <!-- FLAMINGO -->
+ <td>&#x1F413;</td> <!-- ROOSTER -->
+ <td>&#x1F414;</td> <!-- CHICKEN -->
+ <td>&#x1F41D;</td> <!-- HONEYBEE -->
+ <td>&#x1F423;</td> <!-- HATCHING CHICK -->
+ <td>&#x1F424;</td> <!-- BABY CHICK -->
+ <td>&#x1F425;</td> <!-- FRONT-FACING BABY CHICK -->
+ <td>&#x1F426;</td> <!-- BIRD -->
+ <td>&#x1F427;</td> <!-- PENGUIN -->
+ </tr>
+ <tr> <!-- creeping animals -->
+ <td>&#x1FAB1;</td> <!-- WORM -->
+ <td>&#x1FAB2;</td> <!-- BEETLE -->
+ <td>&#x1FAB3;</td> <!-- COCKROACH -->
+ <td>&#x1F982;</td> <!-- SCORPION -->
+ <td>&#x1F98E;</td> <!-- LIZARD -->
+ <td>&#x1F997;</td> <!-- CRICKET -->
+ <td>&#x1F40C;</td> <!-- SNAIL -->
+ <td>&#x1F40D;</td> <!-- SNAKE -->
+ <td>&#x1F41B;</td> <!-- BUG -->
+ <td>&#x1F41C;</td> <!-- ANT -->
+ <td>&#x1F41E;</td> <!-- LADY BEETLE -->
+ <td>&#x1F577;</td> <!-- SPIDER -->
+ </tr>
+ <tr> <!-- sea animals -->
+ <td>&#x1F980;</td> <!-- CRAB -->
+ <td>&#x1F986;</td> <!-- DUCK -->
+ <td>&#x1F988;</td> <!-- SHARK -->
+ <td>&#x1F990;</td> <!-- SHRIMP -->
+ <td>&#x1F991;</td> <!-- SQUID -->
+ <td>&#x1F99E;</td> <!-- LOBSTER -->
+ <td>&#x1F9A2;</td> <!-- SWAN -->
+ <td>&#x1F9A6;</td> <!-- OTTER -->
+ <td>&#x1F9AA;</td> <!-- OYSTER -->
+ <td>&#x1F9AD;</td> <!-- SEAL -->
+ <td>&#x1F40A;</td> <!-- CROCODILE -->
+ <td>&#x1F40B;</td> <!-- WHALE -->
+ <td>&#x1F433;</td> <!-- SPOUTING WHALE -->
+ <td>&#x1F419;</td> <!-- OCTOPUS -->
+ <td>&#x1F41A;</td> <!-- SPIRAL SHELL -->
+ <td>&#x1F41F;</td> <!-- FISH -->
+ <td>&#x1F420;</td> <!-- TROPICAL FISH -->
+ <td>&#x1F421;</td> <!-- BLOWFISH -->
+ <td>&#x1F422;</td> <!-- TURTLE -->
+ <td>&#x1F42C;</td> <!-- DOLPHIN -->
+ </tr>
+ <tr> <!-- two-legged animals -->
+ <td>&#x1F98D;</td> <!-- GORILLA -->
+ <td>&#x1F998;</td> <!-- KANGAROO -->
+ <td>&#x1F9A5;</td> <!-- SLOTH -->
+ <td>&#x1F9A7;</td> <!-- ORANGUTAN -->
+ <td>&#x1F412;</td> <!-- MONKEY -->
+ <td>&#x1F435;</td> <!-- MONKEY FACE -->
+ <td>&#x1F428;</td> <!-- KOALA -->
+ </tr>
+ <tr> <!-- four-legged animals -->
+ <td>&#x1F98C;</td> <!-- DEER -->
+ <td>&#x1F98F;</td> <!-- RHINOCEROS -->
+ <td>&#x1F99B;</td> <!-- HIPPOPOTAMUS -->
+ <td>&#x1F9AC;</td> <!-- BISON -->
+ <td>&#x1F402;</td> <!-- OX -->
+ <td>&#x1F403;</td> <!-- WATER BUFFALO -->
+ <td>&#x1F40E;</td> <!-- HORSE -->
+ <td>&#x1F434;</td> <!-- HORSE FACE -->
+ <td>&#x1F42A;</td> <!-- DROMEDARY CAMEL -->
+ <td>&#x1F42B;</td> <!-- BACTRIAN CAMEL -->
+ <td>&#x1F992;</td> <!-- GIRAFFE FACE -->
+ <td>&#x1F993;</td> <!-- ZEBRA FACE -->
+ </tr>
+ <tr>
+ <td>&#x1F405;</td> <!-- TIGER -->
+ <td>&#x1F42F;</td> <!-- TIGER FACE -->
+ <td>&#x1F406;</td> <!-- LEOPARD -->
+ <td>&#x1F981;</td> <!-- LION FACE -->
+ <td>&#x1F43A;</td> <!-- WOLF FACE -->
+ <td>&#x1F43B;</td> <!-- BEAR FACE -->
+ <td>&#x1F43C;</td> <!-- PANDA FACE -->
+ <td>&#x1F9A3;</td> <!-- MAMMOTH -->
+ <td>&#x1F418;</td> <!-- ELEPHANT -->
+ </tr>
+ <tr>
+ <td>&#x1F994;</td> <!-- HEDGEHOG -->
+ <td>&#x1F99D;</td> <!-- RACCOON -->
+ <td>&#x1F9A1;</td> <!-- BADGER -->
+ <td>&#x1F9A8;</td> <!-- SKUNK -->
+ <td>&#x1F9AB;</td> <!-- BEAVER -->
+ <td>&#x1F400;</td> <!-- RAT -->
+ <td>&#x1F401;</td> <!-- MOUSE -->
+ <td>&#x1F42D;</td> <!-- MOUSE FACE -->
+ <td>&#x1F407;</td> <!-- RABBIT -->
+ <td>&#x1F430;</td> <!-- RABBIT FACE -->
+ <td>&#x1F439;</td> <!-- HAMSTER FACE -->
+ <td>&#x1F43F;</td> <!-- CHIPMUNK -->
+ <td>&#x1F98A;</td> <!-- FOX FACE -->
+ <td>&#x1F438;</td> <!-- FROG FACE -->
+ </tr>
+ <tr>
+ <td>&#x1F404;</td> <!-- COW -->
+ <td>&#x1F42E;</td> <!-- COW FACE -->
+ <td>&#x1F999;</td> <!-- LLAMA -->
+ <td>&#x1F40F;</td> <!-- RAM -->
+ <td>&#x1F410;</td> <!-- GOAT -->
+ <td>&#x1F411;</td> <!-- SHEEP -->
+ <td>&#x1F416;</td> <!-- PIG -->
+ <td>&#x1F437;</td> <!-- PIG FACE -->
+ <td>&#x1F417;</td> <!-- BOAR -->
+ </tr>
+ <tr>
+ <td>&#x1F408;</td> <!-- CAT -->
+ <td>&#x1F431;</td> <!-- CAT FACE -->
+ <td>&#x1F415;</td> <!-- DOG -->
+ <td>&#x1F436;</td> <!-- DOG FACE -->
+ <td>&#x1F429;</td> <!-- POODLE -->
+ </tr>
+ <tr> <!-- dinosaurs and mythological animals -->
+ <td>&#x1F995;</td> <!-- SAUROPOD -->
+ <td>&#x1F996;</td> <!-- T-REX -->
+ <td class="dup">&#x1F409;</td> <!-- DRAGON -->
+ <td class="dup">&#x1F432;</td> <!-- DRAGON FACE -->
+ <td class="dup">&#x1F984;</td> <!-- UNICORN FACE -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/observance.html b/pictographs/observance.html
new file mode 100644
index 0000000..3426651
--- /dev/null
+++ b/pictographs/observance.html
@@ -0,0 +1,64 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Observance</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- school -->
+ <td>&#x1F392;</td> <!-- SCHOOL SATCHEL -->
+ <td>&#x1F393;</td> <!-- GRADUATION CAP -->
+ </tr>
+ <tr> <!-- children -->
+ <td>&#x1F38F;</td> <!-- CARP STREAMER -->
+ <td>&#x1F38E;</td> <!-- JAPANESE DOLLS -->
+ </tr>
+ <tr> <!-- summer -->
+ <td>&#x1F390;</td> <!-- WIND CHIME -->
+ </tr>
+ <tr> <!-- tanabata -->
+ <td>&#x1F38B;</td> <!-- TANABATA TREE -->
+ </tr>
+ <tr> <!-- tsukimi -->
+ <td>&#x1F391;</td> <!-- MOON VIEWING CEREMONY -->
+ </tr>
+ <tr> <!-- halloween -->
+ <td>&#x1F383;</td> <!-- JACK-O-LANTERN -->
+ </tr>
+ <tr> <!-- chrismas -->
+ <td>&#x1F384;</td> <!-- CHRISTMAS TREE -->
+ <td>&#x1F385;</td> <!-- FATHER CHRISTMAS -->
+ <td>&#x1F936;</td> <!-- MOTHER CHRISTMAS -->
+ </tr>
+ <tr> <!-- new years -->
+ <td>&#x1F38D;</td> <!-- PINE DECORATION -->
+ <td>&#x1F386;</td> <!-- FIREWORKS -->
+ <td>&#x1F387;</td> <!-- FIREWORK SPARKLER -->
+ </tr>
+ <tr> <!-- birthday -->
+ <td>&#x1F382;</td> <!-- BIRTHDAY CAKE -->
+ </tr>
+ <tr> <!-- presents -->
+ <td>&#x1F9E7;</td> <!-- RED GIFT ENVELOPE -->
+ <td>&#x1F380;</td> <!-- RIBBON -->
+ <td>&#x1F381;</td> <!-- WRAPPED PRESENT -->
+ <td>&#x1F395;</td> <!-- BOUQUET OF FLOWERS -->
+ </tr>
+ <tr> <!-- national day -->
+ <td>&#x1F38C;</td> <!-- CROSSED FLAGS -->
+ </tr>
+ <tr> <!-- remembrance -->
+ <td>&#x1F397;</td> <!-- REMINDER RIBBON -->
+ </tr>
+ <tr> <!-- generic -->
+ <td>&#x1F38A;</td> <!-- CONFETTI BALL -->
+ <td>&#x1F388;</td> <!-- BALLOON -->
+ <td>&#x1F389;</td> <!-- PARTY POPPER -->
+ <td class="dup">&#x1F973;</td> <!-- FACE WITH PARTY HORN AND PARTY HAT -->
+ <td>&#x1FA85;</td> <!-- PINATA -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/office.html b/pictographs/office.html
new file mode 100644
index 0000000..b0252b9
--- /dev/null
+++ b/pictographs/office.html
@@ -0,0 +1,108 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Office</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F4BA;</td> <!-- SEAT -->
+ <td>&#x1F5B5;</td> <!-- SCREEN -->
+ <td>&#x1F4BB;</td> <!-- PERSONAL COMPUTER -->
+ <td>&#x1F5A5;</td> <!-- DESKTOP COMPUTER -->
+ <td>&#x1F5B3;</td> <!-- OLD PERSONAL COMPUTER -->
+ <td>&#x1F5A7;</td> <!-- THREE NETWORKED COMPUTERS -->
+ </tr>
+ <tr>
+ <td>&#x2328;</td> <!-- KEYBOARD -->
+ <td>&#x1F5AE;</td> <!-- WIRED KEYBOARD -->
+ <td>&#x1F5A6;</td> <!-- KEYBOARD AND MOUSE -->
+ <td>&#x1F5AF;</td> <!-- ONE BUTTON MOUSE -->
+ <td>&#x1F5B0;</td> <!-- TWO BUTTON MOUSE -->
+ <td>&#x1F5B1;</td> <!-- THREE BUTTON MOUSE -->
+ <td>&#x1F5B2;</td> <!-- TRACKBALL -->
+ </tr>
+ <tr>
+ <td>&#x1F5A8;</td> <!-- PRINTER -->
+ <td>&#x1F5B6;</td> <!-- PRINTER ICON -->
+ <td class="dup">&#x1F4E0;</td> <!-- FAX MACHINE -->
+ <td>&#x1F5B7;</td> <!-- FAX ICON -->
+ </tr>
+ <tr>
+ <td>&#x1F4CE;</td> <!-- PAPERCLIP -->
+ <td>&#x1F587;</td> <!-- LINKED PAPERCLIPS -->
+ <td>&#x1F5B9;</td> <!-- DOCUMENT WITH TEXT -->
+ <td>&#x1F5BA;</td> <!-- DOCUMENT WITH TEXT AND PICTURE -->
+ <td>&#x1F5BB;</td> <!-- DOCUMENT WITH PICTURE -->
+ <td>&#x1F4C3;</td> <!-- PAGE WITH CURL -->
+ <td>&#x1F4C4;</td> <!-- PAGE FACING UP -->
+ <td>&#x1F5DF;</td> <!-- PAGE WITH CIRCLED TEXT -->
+ <td>&#x1F4DC;</td> <!-- SCROLL -->
+ </tr>
+ <tr>
+ <td>&#x1F4CF;</td> <!-- STRAIGHT RULER -->
+ <td>&#x1F4D0;</td> <!-- TRIANGULAR RULER -->
+ <td>&#x1F589;</td> <!-- LOWER LEFT PENCIL -->
+ <td>&#x1F58A;</td> <!-- LOWER LEFT BALLPOINT PEN -->
+ <td>&#x1F58B;</td> <!-- LOWER LEFT FOUNTAIN PEN -->
+ <td>&#x1F58C;</td> <!-- LOWER LEFT PAINTBRUSH -->
+ <td>&#x1F58D;</td> <!-- LOWER LEFT CRAYON -->
+ <td>&#x1F4CB;</td> <!-- CLIPBOARD -->
+ </tr>
+ <tr>
+ <td>&#x1F4C8;</td> <!-- CHART WITH UPWARDS TREND -->
+ <td>&#x1F4C9;</td> <!-- CHART WITH DOWNWARDS TREND -->
+ <td>&#x1F4CA;</td> <!-- BAR CHART -->
+ </tr>
+ <tr>
+ <td>&#x1F4C5;</td> <!-- CALENDAR -->
+ <td>&#x1F4C6;</td> <!-- TEAR-OFF CALENDAR -->
+ </tr>
+ <tr>
+ <td>&#x1F4D5;</td> <!-- CLOSED BOOK -->
+ <td>&#x1F4D6;</td> <!-- OPEN BOOK -->
+ <td>&#x1F4D7;</td> <!-- GREEN BOOK -->
+ <td>&#x1F4D8;</td> <!-- BLUE BOOK -->
+ <td>&#x1F4D9;</td> <!-- ORANGE BOOK -->
+ <td>&#x1F56E;</td> <!-- BOOK -->
+ <td>&#x1F4DA;</td> <!-- BOOKS -->
+ <td>&#x1F4D1;</td> <!-- BOOKMARK TABS -->
+ </tr>
+ <tr>
+ <td>&#x2707;</td> <!-- TAPE DRIVE -->
+ <td>&#x1F5AD;</td> <!-- TAPE CARTRIDGE -->
+ <td>&#x1F4BE;</td> <!-- FLOPPY DISK -->
+ <td>&#x1F5AA;</td> <!-- BLACK HARD SHELL FLOPPY DISK -->
+ <td>&#x1F5AB;</td> <!-- WHITE HARD SHELL FLOPPY DISK -->
+ <td>&#x1F5AC;</td> <!-- SOFT SHELL FLOPPY DISK -->
+ <td>&#x1F4BD;</td> <!-- MINIDISC -->
+ <td>&#x1F5B8;</td> <!-- OPTICAL DISC ICON -->
+ <td>&#x1F4BF;</td> <!-- OPTICAL DISC -->
+ <td>&#x1F4C0;</td> <!-- DVD -->
+ <td>&#x1F5B4;</td> <!-- HARD DISK -->
+ </tr>
+ <tr>
+ <td>&#x1F4D2;</td> <!-- LEDGER -->
+ <td>&#x1F4D3;</td> <!-- NOTEBOOK -->
+ <td>&#x1F4D4;</td> <!-- NOTEBOOK WITH DECORATIVE COVER -->
+ </tr>
+ <tr>
+ <td>&#x1F4CC;</td> <!-- PUSHPIN -->
+ <td>&#x1F588;</td> <!-- BLACK PUSHPIN -->
+ <td>&#x1F4CD;</td> <!-- ROUND PUSHPIN -->
+ </tr>
+ <tr>
+ <td>&#x1F4BC;</td> <!-- BRIEFCASE -->
+ <td>&#x1F4C1;</td> <!-- FILE FOLDER -->
+ <td>&#x1F4C2;</td> <!-- OPEN FILE FOLDER -->
+ <td>&#x1F4C7;</td> <!-- CARD INDEX -->
+ </tr>
+ <tr>
+ <td>&#x1F4DB;</td> <!-- NAME BADGE -->
+ <td>&#x1F3F7;</td> <!-- LABEL -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/personal-and-domestic-care.html b/pictographs/personal-and-domestic-care.html
new file mode 100644
index 0000000..3717d33
--- /dev/null
+++ b/pictographs/personal-and-domestic-care.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Personal and domestic care</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1FAA5;</td> <!-- TOOTHBRUSH -->
+ <td>&#x1F9FB;</td> <!-- ROLL OF PAPER -->
+ <td>&#x1F9FC;</td> <!-- BAR OF SOAP -->
+ <td>&#x1F9F4;</td> <!-- LOTION BOTTLE -->
+ </tr>
+ <tr>
+ <td>&#x1F484;</td> <!-- LIPSTICK -->
+ <td>&#x1F485;</td> <!-- NAIL POLISH -->
+ <td>&#x1F487;</td> <!-- HAIRCUT -->
+ <td>&#x1F488;</td> <!-- BARBER POLE -->
+ <td>&#x1FA92;</td> <!-- RAZOR -->
+ </tr>
+ <tr>
+ <td>&#x1F486;</td> <!-- FACE MASSAGE -->
+ </tr>
+ <tr>
+ <td>&#x1F9F9;</td> <!-- BROOM -->
+ <td>&#x1F9FD;</td> <!-- SPONGE -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/physics.html b/pictographs/physics.html
new file mode 100644
index 0000000..7ea8ae2
--- /dev/null
+++ b/pictographs/physics.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Physics</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td class="dup">&#x269B;</td> <!-- ATOM SYMBOL -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/political-symbols.html b/pictographs/political-symbols.html
new file mode 100644
index 0000000..cedca93
--- /dev/null
+++ b/pictographs/political-symbols.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Political symbols</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x262B;</td> <!-- FARSI SYMBOL -->
+ <td>&#x262D;</td> <!-- HAMMER AND SICKLE -->
+ <td>&#x262E;</td> <!-- PEACE SYMBOL -->
+ <td>&#x269C;</td> <!-- FLEUR-DE-LIS -->
+ </tr>
+ <tr>
+ <td>&#x2696;</td> <!-- SCALES -->
+ <td>&#x26B2;</td> <!-- NEUTER -->
+ <td>&#x26A5;</td> <!-- MALE AND FEMALE SIGN -->
+ <td>&#x26A6;</td> <!-- MALE WITH STROKE SIGN -->
+ <td>&#x26A7;</td> <!-- MALE WITH STROKE AND MALE AND FEMALE SIGN -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/portraits.html b/pictographs/portraits.html
new file mode 100644
index 0000000..6ed46ff
--- /dev/null
+++ b/pictographs/portraits.html
@@ -0,0 +1,73 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Portraits</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F474;</td> <!-- OLDER MAN -->
+ <td>&#x1F468;</td> <!-- MAN -->
+ <td>&#x1F466;</td> <!-- BOY -->
+ <td></td>
+ <td>&#x1F9D4;</td> <!-- BEARDED PERSON -->
+ <td>&#x1F46C;</td> <!-- TWO MEN HOLDING HANDS -->
+ <td>&#x1F935;</td> <!-- MAN IN TUXEDO -->
+ <td></td>
+ <td></td>
+ <td>&#x1F934;</td> <!-- PRINCE -->
+ <td>&#x1F57A;</td> <!-- MAN DANCING -->
+ <td>&#x1F472;</td> <!-- MAN WITH GUA PI MAO -->
+ <td>&#x1F473;</td> <!-- MAN WITH TURBAN -->
+ </tr>
+ <tr>
+ <td>&#x1F475;</td> <!-- OLDER WOMAN -->
+ <td>&#x1F469;</td> <!-- WOMAN -->
+ <td>&#x1F467;</td> <!-- GIRL -->
+ <td></td>
+ <td>&#x1F9D5;</td> <!-- PERSON WITH HEADSCARF -->
+ <td>&#x1F46D;</td> <!-- TWO WOMEN HOLDING HANDS -->
+ <td>&#x1F470;</td> <!-- BRIDE WITH VEIL -->
+ <td>&#x1F930;</td> <!-- PREGNANT WOMAN -->
+ <td>&#x1F931;</td> <!-- BREAST-FEEDING -->
+ <td>&#x1F478;</td> <!-- PRINCESS -->
+ <td>&#x1F483;</td> <!-- DANCER -->
+ <td>&#x1F46F;</td> <!-- WOMAN WITH BUNNY EARS -->
+ </tr>
+ <tr>
+ <td>&#x1F9D3;</td> <!-- OLDER ADULT -->
+ <td>&#x1F9D1;</td> <!-- ADULT -->
+ <td>&#x1F9D2;</td> <!-- CHILD -->
+ <td>&#x1F476;</td> <!-- BABY -->
+ <td>&#x1F471;</td> <!-- PERSON WITH BLOND HAIR -->
+ <td>&#x1F46B;</td> <!-- MAN AND WOMAN HOLDING HANDS -->
+ <td></td>
+ <td></td>
+ <td>&#x1F46A;</td> <!-- FAMILY -->
+ <td>&#x1F481;</td> <!-- INFORMATION DESK PERSON -->
+ <td>&#x1F477;</td> <!-- CONSTRUCTION WORKER -->
+ <td>&#x1F46E;</td> <!-- POLICE OFFICER -->
+ <td>&#x1F482;</td> <!-- GUARDSMAN -->
+ <td>&#x1F575;</td> <!-- SLEUTH OR SPY -->
+ </tr>
+ <tr>
+ <td>&#x1F933;</td> <!-- SELFIE -->
+ <td>&#x1F9CD;</td> <!-- STANDING PERSON -->
+ <td>&#x1F9CE;</td> <!-- KNEELING PERSON -->
+ </tr>
+ <tr>
+ <td>&#x1F464;</td> <!-- BUST IN SILHOUETTE -->
+ <td>&#x1F465;</td> <!-- BUSTS IN SILHOUETTE -->
+ </tr>
+ <tr>
+ <td>&#x1FBC5;</td> <!-- STICK FIGURE -->
+ <td>&#x1FBC6;</td> <!-- STICK FIGURE WITH ARMS RAISED -->
+ <td>&#x1FBC7;</td> <!-- STICK FIGURE LEANING LEFT -->
+ <td>&#x1FBC8;</td> <!-- STICK FIGURE LEANING RIGHT -->
+ <td>&#x1FBC9;</td> <!-- STICK FIGURE WITH DRESS -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/religious-symbols.html b/pictographs/religious-symbols.html
new file mode 100644
index 0000000..54f5cdc
--- /dev/null
+++ b/pictographs/religious-symbols.html
@@ -0,0 +1,100 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Religious symbols</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- generic and multiple religions -->
+ <td class="dup">&#x1F6D0;</td> <!-- PLACE OF WORSHIP -->
+ <td>&#x1F4FF;</td> <!-- PRAYER BEADS -->
+ <td class="dup">&#x269C;</td> <!-- FLEUR-DE-LIS -->
+ </tr>
+ <tr> <!-- typicon symbols -->
+ <td>&#x1F902;</td> <!-- CIRCLED CROSS FORMEE -->
+ <td>&#x1F901;</td> <!-- CIRCLED CROSS FORMEE WITH TWO DOTS -->
+ <td>&#x1F900;</td> <!-- CIRCLED CROSS FORMEE WITH FOUR DOTS -->
+ <td>&#x1F903;</td> <!-- LEFT HALF CIRCLE -->
+ <td>&#x1F904;</td> <!-- LEFT HALF CIRCLE WITH DOT -->
+ <td>&#x1F905;</td> <!-- LEFT HALF CIRCLE WITH TWO DOTS -->
+ <td>&#x1F906;</td> <!-- LEFT HALF CIRCLE WITH THREE DOTS -->
+ <td>&#x1F907;</td> <!-- LEFT HALF CIRCLE WITH FOUR DOTS -->
+ <td>&#x1F908;</td> <!-- DOWNWARD FACING HOOK -->
+ <td>&#x1F909;</td> <!-- DOWNWARD FACING NOTCHED HOOK -->
+ <td>&#x1F90A;</td> <!-- DOWNWARD FACING HOOK WITH DOT -->
+ <td>&#x1F90B;</td> <!-- DOWNWARD FACING NOTCHED HOOK WITH DOT -->
+ </tr>
+ <tr> <!-- christianity -->
+ <td>&#x1F546;</td> <!-- WHITE LATIN CROSS -->
+ <td>&#x1F547;</td> <!-- HEAVY LATIN CROSS -->
+ <td>&#x1F548;</td> <!-- CELTIC CROSS -->
+ <td>&#x1F54A;</td> <!-- DOVE OF PEACE -->
+ <td>&#x271B;</td> <!-- OPEN CENTRE CROSS -->
+ <td>&#x271C;</td> <!-- HEAVY OPEN CENTRE CROSS -->
+ <td>&#x271D;</td> <!-- LATIN CROSS -->
+ <td>&#x271E;</td> <!-- SHADOWED WHITE LATIN CROSS -->
+ <td>&#x271F;</td> <!-- OUTLINED LATIN CROSS -->
+ <td>&#x2720;</td> <!-- MALTESE CROSS -->
+ <td>&#x2613;</td> <!-- SALTIRE -->
+ <td>&#x1FBC0;</td> <!-- WHITE HEAVY SALTIRE WITH ROUNDED CORNERS -->
+ <td>&#x2628;</td> <!-- CROSS OF LORRAINE -->
+ <td>&#x2629;</td> <!-- CROSS OF JERUSALEM -->
+ <td>&#x2627;</td> <!-- CHI RHO -->
+ <td>&#x26EA;</td> <!-- CHURCH -->
+ </tr>
+ <tr> <!-- christianity: orthodox -->
+ <td>&#x1F540;</td> <!-- CIRCLED CROSS POMMEE -->
+ <td>&#x1F541;</td> <!-- CROSS POMMEE WITH HALF-CIRCLE BELOW -->
+ <td>&#x1F542;</td> <!-- CROSS POMMEE -->
+ <td>&#x1F543;</td> <!-- NOTCHED LEFT SEMICIRCLE WITH THREE DOTS -->
+ <td>&#x1F544;</td> <!-- NOTCHED RIGHT SEMICIRCLE WITH THREE DOTS -->
+ <td>&#x1F545;</td> <!-- SYMBOL FOR MARKS CHAPTER -->
+ <td>&#x2719;</td> <!-- OUTLINED GREEK CROSS -->
+ <td>&#x271A;</td> <!-- HEAVY GREEK CROSS -->
+ <td>&#x2670;</td> <!-- WEST SYRIAC CROSS -->
+ <td>&#x2671;</td> <!-- EAST SYRIAC CROSS -->
+ <td>&#x2626;</td> <!-- ORTHODOX CROSS -->
+ </tr>
+ <tr> <!-- middle east -->
+ <td>&#x1F9FF;</td> <!-- NAZAR AMULET -->
+ </tr>
+ <tr> <!-- islam -->
+ <td>&#x262A;</td> <!-- STAR AND CRESCENT -->
+ <td>&#x1F54B;</td> <!-- KAABA -->
+ <td>&#x1F54C;</td> <!-- MOSQUE -->
+ </tr>
+ <tr> <!-- india and/or east asia -->
+ <td>&#x262F;</td> <!-- YIN YANG -->
+ <td>&#x1F9D8;</td> <!-- PERSON IN LOTUS POSITION -->
+ <td>&#x1F549;</td> <!-- OM SYMBOL -->
+ <td class="dup">&#x1F6D5;</td> <!-- HINDU TEMPLE -->
+ <td>&#x2638;</td> <!-- WHEEL OF DHARMA -->
+ <td>&#x262C;</td> <!-- ADI SHAKTI -->
+ </tr>
+ <tr> <!-- occultism -->
+ <td>&#x1F52E;</td> <!-- CRYSTAL BALL -->
+ <td>&#x26E4;</td> <!-- PENTAGRAM -->
+ <td>&#x26E5;</td> <!-- RIGHT-HANDED INTERLACED PENTAGRAM -->
+ <td>&#x26E6;</td> <!-- LEFT-HANDED INTERLACED PENTAGRAM -->
+ <td>&#x26E7;</td> <!-- INVERTED PENTAGRAM -->
+ <td>&#x269D;</td> <!-- OUTLINED WHITE STAR -->
+ </tr>
+ <tr> <!-- occult judaism -->
+ <td>&#x1F596;</td> <!-- RAISED HAND WITH PART BETWEEN MIDDLE AND RING FINGERS -->
+ <td>&#x2721;</td> <!-- STAR OF DAVID -->
+ <td>&#x1F52F;</td> <!-- SIX POINTED STAR WITH MIDDLE DOT -->
+ </tr>
+ <tr> <!-- judaism -->
+ <td>&#x1F54D;</td> <!-- SYNAGOGUE -->
+ <td>&#x1F54E;</td> <!-- MENORAH WITH NINE BRANCHES -->
+ </tr>
+ <tr> <!-- other -->
+ <td>&#x2625;</td> <!-- ANKH -->
+ <td>&#x1F531;</td> <!-- TRIDENT EMBLEM -->
+ <td>&#x26E9;</td> <!-- SHINTO SHRINE -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/safety.html b/pictographs/safety.html
new file mode 100644
index 0000000..3d23449
--- /dev/null
+++ b/pictographs/safety.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Safety</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- equipment -->
+ <td>&#x1F9BA;</td> <!-- SAFETY VEST -->
+ <td>&#x1F9EF;</td> <!-- FIRE EXTINGUISHER -->
+ </tr>
+ <tr> <!-- warning signs -->
+ <td>&#x26A0;</td> <!-- WARNING SIGN -->
+ <td>&#x26A1;</td> <!-- HIGH VOLTAGE SIGN -->
+ <td>&#x2620;</td> <!-- SKULL AND CROSSBONES -->
+ <td>&#x2621;</td> <!-- CAUTION SIGN -->
+ <td>&#x2622;</td> <!-- RADIOACTIVE SIGN -->
+ <td>&#x2623;</td> <!-- BIOHAZARD SIGN -->
+ <td>&#x26D0;</td> <!-- CAR SLIDING -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/scores.html b/pictographs/scores.html
new file mode 100644
index 0000000..f8a9765
--- /dev/null
+++ b/pictographs/scores.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Scores</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- Japanese school grade symbols -->
+ <td>&#x1F4AE;</td> <!-- WHITE FLOWER -->
+ <td>&#x1F4AF;</td> <!-- HUNDRED POINTS SYMBOL -->
+ </tr>
+ <tr> <!-- other -->
+ <td>&#x1F51F;</td> <!-- KEYCAP TEN -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/signage.html b/pictographs/signage.html
new file mode 100644
index 0000000..0fc70e4
--- /dev/null
+++ b/pictographs/signage.html
@@ -0,0 +1,75 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Signage</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td>&#x1F6AC;</td> <!-- SMOKING SYMBOL -->
+ <td>&#x1F6B2;</td> <!-- BICYCLE -->
+ <td>&#x1F6B4;</td> <!-- BICYCLIST -->
+ <td>&#x1F6B5;</td> <!-- MOUNTAIN BICYCLIST -->
+ <td>&#x1F6B6;</td> <!-- PEDESTRIAN -->
+ <td>&#x1F6AE;</td> <!-- PUT LITTER IN ITS PLACE SYMBOL -->
+ <td>&#x1F6B0;</td> <!-- POTABLE WATER SYMBOL -->
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>&#x1F6C7;</td> <!-- PROHIBITED SIGN -->
+ <td>&#x1F6AB;</td> <!-- NO ENTRY SIGN -->
+ <td>&#x1F6AD;</td> <!-- NO SMOKING SYMBOL -->
+ <td>&#x1F6B3;</td> <!-- NO BICYCLES -->
+ <td></td>
+ <td></td>
+ <td>&#x1F6B7;</td> <!-- NO PEDESTRIANS -->
+ <td>&#x1F6AF;</td> <!-- DO NOT LITTER SYMBOL -->
+ <td>&#x1F6B1;</td> <!-- NON-POTABLE WATER SYMBOL -->
+ <td>&#x1F51E;</td> <!-- NO ONE UNDER EIGHTEEN SYMBOL -->
+ <td>&#x1F572;</td> <!-- NO PIRACY -->
+ </tr>
+ <tr>
+ <td>&#x1F6BD;</td> <!-- TOILET -->
+ <td>&#x1F6BE;</td> <!-- WATER CLOSET -->
+ <td>&#x1F6BF;</td> <!-- SHOWER -->
+ <td>&#x1F6C0;</td> <!-- BATH -->
+ <td>&#x1F6C1;</td> <!-- BATHTUB -->
+ </tr>
+ <tr>
+ <td>&#x1F6A9;</td> <!-- TRIANGULAR FLAG ON POST -->
+ <td>&#x1F6C8;</td> <!-- CIRCLED INFORMATION SOURCE -->
+ <td>&#x1F6D2;</td> <!-- SHOPPING TROLLEY -->
+ <td>&#x1F6D7;</td> <!-- ELEVATOR -->
+ </tr>
+ <tr>
+ <td>&#x1F6C2;</td> <!-- PASSPORT CONTROL -->
+ <td>&#x1F6C3;</td> <!-- CUSTOMS -->
+ <td>&#x1F6C4;</td> <!-- BAGGAGE CLAIM -->
+ <td>&#x1F6C5;</td> <!-- LEFT LUGGAGE -->
+ </tr>
+ <tr>
+ <td>&#x1F6BB;</td> <!-- RESTROOM -->
+ <td>&#x1F6B9;</td> <!-- MENS SYMBOL -->
+ <td>&#x1F6BA;</td> <!-- WOMENS SYMBOL -->
+ </tr>
+ <tr>
+ <td>&#x1F6BC;</td> <!-- BABY SYMBOL -->
+ <td>&#x1F6C9;</td> <!-- BOYS SYMBOL -->
+ <td>&#x1F6CA;</td> <!-- GIRLS SYMBOL -->
+ </tr>
+ <tr>
+ <td>&#x1FAA7;</td> <!-- PLACARD -->
+ <td>&#x1FAA6;</td> <!-- HEADSTONE -->
+ </tr>
+ <tr>
+ <td>&#x1FBB2;</td> <!-- LEFT HALF RUNNING MAN -->
+ <td>&#x1FBB3;</td> <!-- RIGHT HALF RUNNING MAN -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/tools.html b/pictographs/tools.html
new file mode 100644
index 0000000..5b80b0f
--- /dev/null
+++ b/pictographs/tools.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Tools</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td class="dup">&#x1F4CF;</td> <!-- STRAIGHT RULER -->
+ <td class="dup">&#x1F4D0;</td> <!-- TRIANGULAR RULER -->
+ <td>&#x1F9EE;</td> <!-- ABACUS -->
+ <td>&#x1F5A9;</td> <!-- POCKET CALCULATOR -->
+ </tr>
+ <tr>
+ <td>&#x1FA93;</td> <!-- AXE -->
+ <td>&#x1FA9A;</td> <!-- CARPENTRY SAW -->
+ <td>&#x1FA9B;</td> <!-- SCREWDRIVER -->
+ <td>&#x1FAA0;</td> <!-- PLUNGER -->
+ <td>&#x1FAA1;</td> <!-- SEWING NEEDLE -->
+ <td>&#x1F527;</td> <!-- WRENCH -->
+ <td>&#x1F528;</td> <!-- HAMMER -->
+ <td>&#x1F529;</td> <!-- NUT AND BOLT -->
+ <td>&#x1F52A;</td> <!-- HOCHO -->
+ <td class="dup">&#x26CF;</td> <!-- PICK -->
+ </tr>
+ <tr>
+ <td>&#x1F9F0;</td> <!-- TOOLBOX -->
+ <td class="dup">&#x1F6E0;</td> <!-- HAMMER AND WRENCH -->
+ </tr>
+ <tr>
+ <td>&#x1F526;</td> <!-- ELECTRIC TORCH -->
+ <td>&#x1FA9C;</td> <!-- LADDER -->
+ <td>&#x1F9F2;</td> <!-- MAGNET -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/traffic-signs.html b/pictographs/traffic-signs.html
new file mode 100644
index 0000000..83eb988
--- /dev/null
+++ b/pictographs/traffic-signs.html
@@ -0,0 +1,47 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Traffic signs</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F6A8;</td> <!-- POLICE CARS REVOLVING LIGHT -->
+ <td>&#x1F530;</td> <!-- JAPANESE SYMBOL FOR BEGINNER -->
+ <td>&#x26CD;</td> <!-- DISABLED CAR -->
+ </tr>
+ <tr>
+ <td>&#x1F6A5;</td> <!-- HORIZONTAL TRAFFIC LIGHT -->
+ <td>&#x1F6A6;</td> <!-- VERTICAL TRAFFIC LIGHT -->
+ </tr>
+ <tr>
+ <td>&#x1F6C6;</td> <!-- TRIANGLE WITH ROUNDED CORNERS -->
+ <td>&#x1F6D1;</td> <!-- OCTAGONAL SIGN -->
+ <td>&#x1F6B8;</td> <!-- CHILDREN CROSSING -->
+ <td class="dup">&#x2318;</td> <!-- PLACE OF INTEREST SIGN -->
+ <td>&#x26D4;</td> <!-- NO ENTRY -->
+ <td>&#x26D6;</td> <!-- BLACK TWO-WAY LEFT WAY TRAFFIC -->
+ <td>&#x26D7;</td> <!-- WHITE TWO-WAY LEFT WAY TRAFFIC -->
+ <td>&#x26D8;</td> <!-- BLACK LEFT LANE MERGE -->
+ <td>&#x26D9;</td> <!-- WHITE LEFT LANE MERGE -->
+ <td>&#x26DC;</td> <!-- LEFT CLOSED ENTRY -->
+ <td>&#x26D5;</td> <!-- ALTERNATE ONE-WAY LEFT WAY TRAFFIC -->
+ <td>&#x26D2;</td> <!-- CIRCLED CROSSING LANES -->
+ <td>&#x26CC;</td> <!-- CROSSING LANES -->
+ <td>&#x26DA;</td> <!-- DRIVE SLOW SIGN -->
+ <td>&#x26DB;</td> <!-- HEAVY WHITE DOWN-POINTING TRIANGLE -->
+ <td>&#x26DD;</td> <!-- SQUARED SALTIRE -->
+ <td>&#x26DE;</td> <!-- FALLING DIAGONAL IN WHITE CIRCLE IN BLACK SQUARE -->
+ <td>&#x26E0;</td> <!-- RESTRICTED LEFT ENTRY-1 -->
+ <td>&#x26E1;</td> <!-- RESTRICTED LEFT ENTRY-2 -->
+ <td>&#x1F18A;</td> <!-- CROSSED NEGATIVE SQUARED LATIN CAPITAL LETTER P -->
+ </tr>
+ <tr>
+ <td>&#x1F6A7;</td> <!-- CONSTRUCTION SIGN -->
+ <td>&#x26CF;</td> <!-- PICK --> <!-- under construction -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/user-interface-symbols.html b/pictographs/user-interface-symbols.html
new file mode 100644
index 0000000..ee3cac2
--- /dev/null
+++ b/pictographs/user-interface-symbols.html
@@ -0,0 +1,143 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>User interface symbols</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x2605;</td> <!-- BLACK STAR -->
+ <td>&#x2606;</td> <!-- WHITE STAR -->
+ <td>&#x2BEA;</td> <!-- STAR WITH LEFT HALF BLACK -->
+ <td>&#x2BEB;</td> <!-- STAR WITH RIGHT HALF BLACK -->
+ <td>&#x2BE8;</td> <!-- LEFT HALF BLACK STAR -->
+ <td>&#x2BE9;</td> <!-- RIGHT HALF BLACK STAR -->
+ </tr>
+ <tr>
+ <td>&#x231A;</td> <!-- WATCH -->
+ <td>&#x231B;</td> <!-- HOURGLASS -->
+ <td>&#x23F3;</td> <!-- HOURGLASS WITH FLOWING SAND -->
+ <td>&#x23F0;</td> <!-- ALARM CLOCK -->
+ <td>&#x23F1;</td> <!-- STOPWATCH -->
+ <td>&#x23F2;</td> <!-- TIMER CLOCK -->
+ </tr>
+ <tr>
+ <td>&#x1F500;</td> <!-- TWISTED RIGHTWARDS ARROWS -->
+ <td>&#x1F501;</td> <!-- CLOCKWISE RIGHTWARDS AND LEFTWARDS OPEN CIRCLE ARROWS -->
+ <td>&#x1F502;</td> <!-- CLOCKWISE RIGHTWARDS AND LEFTWARDS OPEN CIRCLE ARROWS WITH CIRCLED ONE OVERLAY -->
+ <td>&#x1F503;</td> <!-- CLOCKWISE DOWNWARDS AND UPWARDS OPEN CIRCLE ARROWS -->
+ <td>&#x1F504;</td> <!-- ANTICLOCKWISE DOWNWARDS AND UPWARDS OPEN CIRCLE ARROWS -->
+ <td>&#x1F5D8;</td> <!-- CLOCKWISE RIGHT AND LEFT SEMICIRCLE ARROWS -->
+ </tr>
+ <tr>
+ <td>&#x23E9;</td> <!-- BLACK RIGHT-POINTING DOUBLE TRIANGLE -->
+ <td>&#x23EA;</td> <!-- BLACK LEFT-POINTING DOUBLE TRIANGLE -->
+ <td>&#x23EB;</td> <!-- BLACK UP-POINTING DOUBLE TRIANGLE -->
+ <td>&#x23EC;</td> <!-- BLACK DOWN-POINTING DOUBLE TRIANGLE -->
+ <td>&#x23ED;</td> <!-- BLACK RIGHT-POINTING DOUBLE TRIANGLE WITH VERTICAL BAR -->
+ <td>&#x23EE;</td> <!-- BLACK LEFT-POINTING DOUBLE TRIANGLE WITH VERTICAL BAR -->
+ </tr>
+ <tr>
+ <td>&#x23F5;</td> <!-- BLACK MEDIUM RIGHT-POINTING TRIANGLE -->
+ <td>&#x23F4;</td> <!-- BLACK MEDIUM LEFT-POINTING TRIANGLE -->
+ <td>&#x23F6;</td> <!-- BLACK MEDIUM UP-POINTING TRIANGLE -->
+ <td>&#x23F7;</td> <!-- BLACK MEDIUM DOWN-POINTING TRIANGLE -->
+ <td>&#x23EF;</td> <!-- BLACK RIGHT-POINTING TRIANGLE WITH DOUBLE VERTICAL BAR -->
+ <td>&#x23CF;</td> <!-- EJECT SYMBOL -->
+ </tr>
+ <tr>
+ <td>&#x23F8;</td> <!-- DOUBLE VERTICAL BAR -->
+ <td>&#x23F9;</td> <!-- BLACK SQUARE FOR STOP -->
+ <td>&#x23FA;</td> <!-- BLACK CIRCLE FOR RECORD -->
+ <td class="dup">&#x26AB;</td> <!-- MEDIUM BLACK CIRCLE --> <!-- record function -->
+ </tr>
+ <tr>
+ <td>&#x1F507;</td> <!-- SPEAKER WITH CANCELLATION STROKE -->
+ <td>&#x1F508;</td> <!-- SPEAKER -->
+ <td>&#x1F509;</td> <!-- SPEAKER WITH ONE SOUND WAVE -->
+ <td>&#x1F50A;</td> <!-- SPEAKER WITH THREE SOUND WAVES -->
+ <td>&#x1F515;</td> <!-- BELL WITH CANCELLATION STROKE -->
+ <td>&#x1F514;</td> <!-- BELL -->
+ <td>&#x1F505;</td> <!-- LOW BRIGHTNESS SYMBOL -->
+ <td>&#x1F506;</td> <!-- HIGH BRIGHTNESS SYMBOL -->
+ </tr>
+ <tr>
+ <td>&#x1F5DD;</td> <!-- OLD KEY -->
+ <td>&#x26BF;</td> <!-- SQUARED KEY --> <!-- parental lock -->
+ <td>&#x1F510;</td> <!-- CLOSED LOCK WITH KEY -->
+ <td>&#x1F50F;</td> <!-- LOCK WITH INK PEN -->
+ <td>&#x1F511;</td> <!-- KEY -->
+ <td>&#x1F512;</td> <!-- LOCK -->
+ <td>&#x1F513;</td> <!-- OPEN LOCK -->
+ </tr>
+ <tr>
+ <td>&#x1F5D5;</td> <!-- MINIMIZE -->
+ <td>&#x1F5D7;</td> <!-- OVERLAP -->
+ <td>&#x1F5D6;</td> <!-- MAXIMIZE -->
+ <td>&#x1F5D9;</td> <!-- CANCELLATION X -->
+ <td class="dup">&#x23CE;</td> <!-- RETURN SYMBOL -->
+ <td>&#x1F518;</td> <!-- RADIO BUTTON -->
+ <td>&#x1F5D4;</td> <!-- DESKTOP WINDOW -->
+ </tr>
+ <tr>
+ <td>&#x1F50D;</td> <!-- LEFT-POINTING MAGNIFYING GLASS -->
+ <td>&#x1F50E;</td> <!-- RIGHT-POINTING MAGNIFYING GLASS -->
+ <td>&#x1F516;</td> <!-- BOOKMARK -->
+ <td>&#x1F517;</td> <!-- LINK SYMBOL -->
+ </tr>
+ <tr>
+ <td>&#x1F50B;</td> <!-- BATTERY -->
+ <td>&#x1F50C;</td> <!-- ELECTRIC PLUG -->
+ </tr>
+ <tr>
+ <td>&#x1F524;</td> <!-- INPUT SYMBOL FOR LATIN LETTERS -->
+ <td>&#x1F520;</td> <!-- INPUT SYMBOL FOR LATIN CAPITAL LETTERS -->
+ <td>&#x1F521;</td> <!-- INPUT SYMBOL FOR LATIN SMALL LETTERS -->
+ <td>&#x1F522;</td> <!-- INPUT SYMBOL FOR NUMBERS -->
+ <td>&#x1F523;</td> <!-- INPUT SYMBOL FOR SYMBOLS -->
+ </tr>
+ <tr>
+ <td>&#x1F5C2;</td> <!-- CARD INDEX DIVIDERS -->
+ <td>&#x1F5C3;</td> <!-- CARD FILE BOX -->
+ <td>&#x1F5BF;</td> <!-- BLACK FOLDER -->
+ <td>&#x1F5C0;</td> <!-- FOLDER -->
+ <td>&#x1F5C1;</td> <!-- OPEN FOLDER -->
+ <td>&#x1FBB9;</td> <!-- LEFT HALF FOLDER -->
+ <td>&#x1FBBA;</td> <!-- RIGHT HALF FOLDER -->
+ </tr>
+ <tr>
+ <td>&#x1F5C8;</td> <!-- NOTE -->
+ <td>&#x1F5C9;</td> <!-- NOTE PAGE -->
+ <td>&#x1F5CA;</td> <!-- NOTE PAD -->
+ <td>&#x1F5CE;</td> <!-- DOCUMENT -->
+ <td>&#x1F5CF;</td> <!-- PAGE -->
+ <td>&#x1F5D0;</td> <!-- PAGES -->
+ <td>&#x1F5D3;</td> <!-- SPIRAL CALENDAR PAD -->
+ </tr>
+ <tr>
+ <td>&#x1F5C5;</td> <!-- EMPTY NOTE -->
+ <td>&#x1F5C6;</td> <!-- EMPTY NOTE PAGE -->
+ <td>&#x1F5C7;</td> <!-- EMPTY NOTE PAD -->
+ <td>&#x1F5CB;</td> <!-- EMPTY DOCUMENT -->
+ <td>&#x1F5CC;</td> <!-- EMPTY PAGE -->
+ <td>&#x1F5CD;</td> <!-- EMPTY PAGES -->
+ <td>&#x1F5D2;</td> <!-- SPIRAL NOTE PAD -->
+ </tr>
+ <tr>
+ <td>&#x1F5C4;</td> <!-- FILE CABINET -->
+ <td>&#x1F5DC;</td> <!-- COMPRESSION -->
+ <td>&#x1F5D1;</td> <!-- WASTEBASKET -->
+ </tr>
+ <tr>
+ <td>&#x1F5DA;</td> <!-- INCREASE FONT SIZE SYMBOL -->
+ <td>&#x1F5DB;</td> <!-- DECREASE FONT SIZE SYMBOL -->
+ <td class="dup">&#x2380;</td> <!-- INSERTION SYMBOL -->
+ <td class="dup">&#x2381;</td> <!-- CONTINUOUS UNDERLINE SYMBOL -->
+ <td class="dup">&#x2382;</td> <!-- DISCONTINUOUS UNDERLINE SYMBOL -->
+ <td class="dup">&#x2383;</td> <!-- EMPHASIS SYMBOL -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/vehicles.html b/pictographs/vehicles.html
new file mode 100644
index 0000000..2330c02
--- /dev/null
+++ b/pictographs/vehicles.html
@@ -0,0 +1,118 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Vehicles</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- space -->
+ <td>&#x1F680;</td> <!-- ROCKET -->
+ <td>&#x1F6F8;</td> <!-- FLYING SAUCER -->
+ <td>&#x1F6F0;</td> <!-- SATELLITE -->
+ </tr>
+ <tr> <!-- air -->
+ <td>&#x1F681;</td> <!-- HELICOPTER -->
+ <td>&#x1F6E9;</td> <!-- SMALL AIRPLANE -->
+ <td>&#x2708;</td> <!-- AIRPLANE -->
+ <td>&#x1F6EA;</td> <!-- NORTHEAST-POINTING AIRPLANE -->
+ <td>&#x1F6E8;</td> <!-- UP-POINTING SMALL AIRPLANE -->
+ <td>&#x1F6E7;</td> <!-- UP-POINTING AIRPLANE -->
+ <td>&#x1F6E6;</td> <!-- UP-POINTING MILITARY AIRPLANE -->
+ <td>&#x1F6EB;</td> <!-- AIRPLANE DEPARTURE -->
+ <td>&#x1F6EC;</td> <!-- AIRPLANE ARRIVING -->
+ </tr>
+ <tr> <!-- water -->
+ <td>&#x1F6F6;</td> <!-- CANOE -->
+ <td>&#x1F6A3;</td> <!-- ROWBOAT -->
+ <td>&#x1F6E5;</td> <!-- MOTOR BOAT -->
+ <td>&#x1F6A4;</td> <!-- SPEEDBOAT -->
+ <td>&#x1F6A2;</td> <!-- SHIP -->
+ <td>&#x1F6F3;</td> <!-- PASSENGER SHIP -->
+ <td class="dup">&#x26F4;</td> <!-- FERRY -->
+ <td class="dup">&#x26F5;</td> <!-- SAILBOAT -->
+ </tr>
+ <tr> <!-- snow -->
+ <td>&#x1F6F7;</td> <!-- SLED -->
+ </tr>
+ <tr> <!-- earth: stop -->
+ <td>&#x1F689;</td> <!-- STATION -->
+ <td>&#x1F68F;</td> <!-- BUS STOP -->
+ </tr>
+ <tr> <!-- earth: suspension -->
+ <td>&#x1F69F;</td> <!-- SUSPENSION RAILWAY -->
+ <td>&#x1F6A0;</td> <!-- MOUNTAIN CABLEWAY -->
+ <td>&#x1F6A1;</td> <!-- AERIAL TRAMWAY -->
+ </tr>
+ <tr> <!-- earth: train, railway, tram -->
+ <td>&#x1F682;</td> <!-- STEAM LOCOMOTIVE -->
+ <td>&#x1F6F2;</td> <!-- DIESEL LOCOMOTIVE -->
+ <td>&#x1F684;</td> <!-- HIGH-SPEED TRAIN -->
+ <td>&#x1F685;</td> <!-- HIGH-SPEED TRAIN WITH BULLET NOSE -->
+ <td>&#x1F686;</td> <!-- TRAIN -->
+ <td>&#x1F687;</td> <!-- METRO -->
+ <td>&#x1F688;</td> <!-- LIGHT RAIL -->
+ <td>&#x1F683;</td> <!-- RAILWAY CAR -->
+ <td>&#x1F68A;</td> <!-- TRAM -->
+ <td>&#x1F68B;</td> <!-- TRAM CAR -->
+ <td>&#x1F69D;</td> <!-- MONORAIL -->
+ <td>&#x1F69E;</td> <!-- MOUNTAIN RAILWAY -->
+ </tr>
+ <tr> <!-- earth: bus -->
+ <td>&#x1F68C;</td> <!-- BUS -->
+ <td>&#x1F68D;</td> <!-- ONCOMING BUS -->
+ <td>&#x1F68E;</td> <!-- TROLLEYBUS -->
+ </tr>
+ <tr> <!-- earth: taxi -->
+ <td>&#x1F695;</td> <!-- TAXI -->
+ <td>&#x1F696;</td> <!-- ONCOMING TAXI -->
+ <td>&#x1F6FA;</td> <!-- AUTO RICKSHAW -->
+ </tr>
+ <tr> <!-- earth: truck -->
+ <td>&#x1F69A;</td> <!-- DELIVERY TRUCK -->
+ <td>&#x1F69B;</td> <!-- ARTICULATED LORRY -->
+ <td>&#x1F6FB;</td> <!-- PICKUP TRUCK -->
+ <td>&#x26DF;</td> <!-- BLACK TRUCK -->
+ </tr>
+ <tr> <!-- earth: emergency vehicle -->
+ <td>&#x1F693;</td> <!-- POLICE CAR -->
+ <td>&#x1F694;</td> <!-- ONCOMING POLICE CAR -->
+ <td>&#x1F692;</td> <!-- FIRE ENGINE -->
+ <td>&#x1F6F1;</td> <!-- ONCOMING FIRE ENGINE -->
+ <td>&#x1F691;</td> <!-- AMBULANCE -->
+ </tr>
+ <tr> <!-- earth: car -->
+ <td>&#x1F697;</td> <!-- AUTOMOBILE -->
+ <td>&#x1F698;</td> <!-- ONCOMING AUTOMOBILE -->
+ <td>&#x1F690;</td> <!-- MINIBUS -->
+ <td>&#x1F699;</td> <!-- RECREATIONAL VEHICLE -->
+ </tr>
+ <tr> <!-- earth: tractor -->
+ <td>&#x1F69C;</td> <!-- TRACTOR -->
+ </tr>
+ <tr> <!-- earth: two-wheeled motor vehicle -->
+ <td>&#x1F6F5;</td> <!-- MOTOR SCOOTER -->
+ </tr>
+ <tr> <!-- earth: wheelchair -->
+ <td class="dup">&#x1F9BC;</td> <!-- MOTORIZED WHEELCHAIR -->
+ <td class="dup">&#x1F9BD;</td> <!-- MANUAL WHEELCHAIR -->
+ <td class="dup">&#x267F;</td> <!-- WHEELCHAIR SYMBOL -->
+ </tr>
+ <tr> <!-- earth: unmotorised vehicle -->
+ <td class="dup">&#x1F6B2;</td> <!-- BICYCLE -->
+ <td class="dup">&#x1F6B4;</td> <!-- BICYCLIST -->
+ <td class="dup">&#x1F6B5;</td> <!-- MOUNTAIN BICYCLIST -->
+ <td>&#x1F6F4;</td> <!-- SCOOTER -->
+ <td>&#x1F6F9;</td> <!-- SKATEBOARD -->
+ <td>&#x1F6FC;</td> <!-- ROLLER SKATE -->
+ </tr>
+ <tr> <!-- no vehicle -->
+ <td class="dup">&#x1F6B6;</td> <!-- PEDESTRIAN -->
+ </tr>
+ <tr> <!-- vehicle parts -->
+ <td class="dup">&#x2693;</td> <!-- ANCHOR -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/pictographs/weather.html b/pictographs/weather.html
new file mode 100644
index 0000000..2dd8694
--- /dev/null
+++ b/pictographs/weather.html
@@ -0,0 +1,59 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Weather</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- wind -->
+ <td>&#x1F32A;</td> <!-- CLOUD WITH TORNADO -->
+ <td>&#x1F300;</td> <!-- CYCLONE -->
+ </tr>
+ <tr> <!-- rain/fog (without lightning) -->
+ <td>&#x26C6;</td> <!-- RAIN -->
+ <td>&#x1F327;</td> <!-- CLOUD WITH RAIN -->
+ <td>&#x1F326;</td> <!-- WHITE SUN BEHIND CLOUD WITH RAIN -->
+ <td>&#x1F301;</td> <!-- FOGGY -->
+ <td>&#x1F32B;</td> <!-- FOG -->
+ <td>&#x1F308;</td> <!-- RAINBOW -->
+ <td>&#x1F322;</td> <!-- BLACK DROPLET -->
+ </tr>
+ <tr> <!-- snow/ice -->
+ <td>&#x1F328;</td> <!-- CLOUD WITH SNOW -->
+ </tr>
+ <tr> <!-- lightning (possibily with lightning) -->
+ <td>&#x1F329;</td> <!-- CLOUD WITH LIGHTNING -->
+ <td>&#x2607;</td> <!-- LIGHTNING --> <!-- (symbol) -->
+ <td>&#x2608;</td> <!-- THUNDERSTORM --> <!-- (symbol) -->
+ <td>&#x26C8;</td> <!-- THUNDER CLOUD AND RAIN -->
+ </tr>
+ <tr> <!-- sun/temperature -->
+ <td>&#x1F323;</td> <!-- WHITE SUN -->
+ <td>&#x263C;</td> <!-- WHITE SUN WITH RAYS -->
+ <td>&#x2600;</td> <!-- BLACK SUN WITH RAYS -->
+ <td>&#x1F324;</td> <!-- WHITE SUN WITH SMALL CLOUD -->
+ <td>&#x1F325;</td> <!-- WHITE SUN BEHIND CLOUD -->
+ <td>&#x26C5;</td> <!-- SUN BEHIND CLOUD -->
+ <td>&#x1F326;</td> <!-- WHITE SUN BEHIND CLOUD WITH RAIN -->
+ <td>&#x1F31E;</td> <!-- SUN WITH FACE -->
+ <td>&#x1F321;</td> <!-- THERMOMETER -->
+ </tr>
+ <tr> <!-- just clouds -->
+ <td>&#x2601;</td> <!-- CLOUD -->
+ </tr>
+ <tr> <!-- ocean conditions -->
+ <td>&#x1F30A;</td> <!-- WATER WAVE -->
+ </tr>
+ <tr> <!-- time of day -->
+ <td>&#x1F305;</td> <!-- SUNRISE -->
+ <td>&#x1F304;</td> <!-- SUNRISE OVER MOUNTAINS -->
+ <td>&#x1F307;</td> <!-- SUNSET OVER BUILDINGS -->
+ <td>&#x1F306;</td> <!-- CITYSCAPE AT DUSK -->
+ <td>&#x1F309;</td> <!-- BRIDGE AT NIGHT -->
+ <td>&#x1F303;</td> <!-- NIGHT WITH STARS -->
+ </tr>
+ </table>
+ </body>
+</html>