HTML 特殊文字 サンプル

HTML4.01で定義されている特殊文字を紹介します。
使い方は特殊文字の右横にあるコードをHTMLソースへコピペするだけ。
スタイルシートでアレンジしたものもコピペで使えます。
かわいくて使いやすそうなものを選びました。

font-size:200%⇒大きさの調整は数値を変えてください。
color:#6495ED⇒文字色の変更は、太字の部分のカラーコード(数値)を変えてください。
カラーサンプル⇒■000000 ■F08080 ■F4A460 ■BDB76B ■9ACD32 ■3CB371 ■00CED1 ■9370DB ■C71585 ■999999
その他カラーコードサンプル
✉ &#9993; <span style="font-size:200%;color:#6495ED;">&#9993;</span>
✂ &#9986; <span style="font-size:200%;color:#6495ED;">&#9986;</span>
⏰ &#9200; <span style="font-size:200%;color:#6495ED;">&#9200;</span>
☀ &#9728; <span style="font-size:200%;color:#6495ED;">&#9728;</span>
☂ &#9730; <span style="font-size:200%;color:#6495ED;">&#9730;</span>
☘ &#9752; <span style="font-size:200%;color:#6495ED;">&#9752;</span>
☙ &#9753; <span style="font-size:200%;color:#6495ED;">&#9753;</span>
☪ &#9770; <span style="font-size:200%;color:#6495ED;">&#9770;</span>
♔ &#9812; <span style="font-size:200%;color:#6495ED;">&#9812;</span>
♕ &#9813; <span style="font-size:200%;color:#6495ED;">&#9813;</span>
♘ &#9816; <span style="font-size:200%;color:#6495ED;">&#9816;</span>
♠ &#9824; <span style="font-size:200%;color:#6495ED;">&#9824;</span>
♡ &#9825; <span style="font-size:200%;color:#6495ED;">&#9825;</span>
♢ &#9826; <span style="font-size:200%;color:#6495ED;">&#9826;</span>
♣ &#9827; <span style="font-size:200%;color:#6495ED;">&#9827;</span>
♤ &#9828; <span style="font-size:200%;color:#6495ED;">&#9828;</span>
♥ &#9829; <span style="font-size:200%;color:#6495ED;">&#9829;</span>
♦ &#9830; <span style="font-size:200%;color:#6495ED;">&#9830;</span>
♧ &#9831; <span style="font-size:200%;color:#6495ED;">&#9831;</span>
♩ &#9833; <span style="font-size:200%;color:#6495ED;">&#9833;</span>
♪ &#9834; <span style="font-size:200%;color:#6495ED;">&#9834;</span>
♫ &#9835; <span style="font-size:200%;color:#6495ED;">&#9835;</span>
♰ &#9840; <span style="font-size:200%;color:#6495ED;">&#9840;</span>
⚐ &#9872; <span style="font-size:200%;color:#6495ED;">&#9872;</span>
⚑ &#9873; <span style="font-size:200%;color:#6495ED;">&#9873;</span>
⚓ &#9875; <span style="font-size:200%;color:#6495ED;">&#9875;</span>
⚔ &#9876; <span style="font-size:200%;color:#6495ED;">&#9876;</span>
⚜ &#9884; <span style="font-size:200%;color:#6495ED;">&#9884;</span>
⛵ &#9973; <span style="font-size:200%;color:#6495ED;">&#9973;</span>
✔ &#10004; <span style="font-size:200%;color:#6495ED;">&#10004;</span>
✞ &#10014; <span style="font-size:200%;color:#6495ED;">&#10014;</span>
✠ &#10016; <span style="font-size:200%;color:#6495ED;">&#10016;</span>
✤ &#10020; <span style="font-size:200%;color:#6495ED;">&#10020;</span>
✦ &#10022; <span style="font-size:200%;color:#6495ED;">&#10022;</span>
✧ &#10023; <span style="font-size:200%;color:#6495ED;">&#10023;</span>
✨ &#10024; <span style="font-size:200%;color:#6495ED;">&#10024;</span>
✪ &#10026; <span style="font-size:200%;color:#6495ED;">&#10026;</span>
✫ &#10027; <span style="font-size:200%;color:#6495ED;">&#10027;</span>
✵ &#10037; <span style="font-size:200%;color:#6495ED;">&#10037;</span>
✻ &#10043; <span style="font-size:200%;color:#6495ED;">&#10043;</span>
✽ &#10045; <span style="font-size:200%;color:#6495ED;">&#10045;</span>
✾ &#10046; <span style="font-size:200%;color:#6495ED;">&#10046;</span>
✿ &#10047; <span style="font-size:200%;color:#6495ED;">&#10047;</span>
❀ &#10048; <span style="font-size:200%;color:#6495ED;">&#10048;</span>
❁ &#10049; <span style="font-size:200%;color:#6495ED;">&#10049;</span>
❄ &#10052; <span style="font-size:200%;color:#6495ED;">&#10052;</span>
❅ &#10053; <span style="font-size:200%;color:#6495ED;">&#10053;</span>
❆ &#10054; <span style="font-size:200%;color:#6495ED;">&#10054;</span>
❖ &#10070; <span style="font-size:200%;color:#6495ED;">&#10070;</span>
❤ &#10084; <span style="font-size:200%;color:#6495ED;">&#10084;</span>
❥ &#10085; <span style="font-size:200%;color:#6495ED;">&#10085;</span>
❦ &#10086; <span style="font-size:200%;color:#6495ED;">&#10086;</span>
❣ &#10083; <span style="font-size:200%;color:#6495ED;">&#10083;</span>
⏳ &#9203; <span style="font-size:200%;color:#6495ED;">&#9203;</span>
▣ &#9635; <span style="font-size:200%;color:#6495ED;">&#9635;</span>
◈ &#9672; <span style="font-size:200%;color:#6495ED;">&#9672;</span>
◉ &#9673; <span style="font-size:200%;color:#6495ED;">&#9673;</span>
☏ &#9743; <span style="font-size:200%;color:#6495ED;">&#9743;</span>
☔ &#9748; <span style="font-size:200%;color:#6495ED;">&#9748;</span>
☕ &#9749; <span style="font-size:200%;color:#6495ED;">&#9749;</span>
☚ &#9754; <span style="font-size:200%;color:#6495ED;">&#9754;</span>
☛ &#9755; <span style="font-size:200%;color:#6495ED;">&#9755;</span>
☠ &#9760; <span style="font-size:200%;color:#6495ED;">&#9760;</span>
☯ &#9775; <span style="font-size:200%;color:#6495ED;">&#9775;</span>
☸ &#9784; <span style="font-size:200%;color:#6495ED;">&#9784;</span>
☽ &#9789; <span style="font-size:200%;color:#6495ED;">&#9789;</span>
☾ &#9790; <span style="font-size:200%;color:#6495ED;">&#9790;</span>
♙ &#9817; <span style="font-size:200%;color:#6495ED;">&#9817;</span>
♚ &#9818; <span style="font-size:200%;color:#6495ED;">&#9818;</span>
♛ &#9819; <span style="font-size:200%;color:#6495ED;">&#9819;</span>
♞ &#9822; <span style="font-size:200%;color:#6495ED;">&#9822;</span>
♟ &#9823; <span style="font-size:200%;color:#6495ED;">&#9823;</span>
♬ &#9836; <span style="font-size:200%;color:#6495ED;">&#9836;</span>
♱ &#9841; <span style="font-size:200%;color:#6495ED;">&#9841;</span>
⚘ &#9880; <span style="font-size:200%;color:#6495ED;">&#9880;</span>
⚚ &#9882; <span style="font-size:200%;color:#6495ED;">&#9882;</span>
⚽ &#9917; <span style="font-size:200%;color:#6495ED;">&#9917;</span>
⚾ &#9918; <span style="font-size:200%;color:#6495ED;">&#9918;</span>
✎ &#9998; <span style="font-size:200%;color:#6495ED;">&#9998;</span>
✥ &#10021; <span style="font-size:200%;color:#6495ED;">&#10021;</span>
✟ &#10015; <span style="font-size:200%;color:#6495ED;">&#10015;</span>
✴ &#10036; <span style="font-size:200%;color:#6495ED;">&#10036;</span>
❂ &#10050; <span style="font-size:200%;color:#6495ED;">&#10050;</span>
❃ &#10051; <span style="font-size:200%;color:#6495ED;">&#10051;</span>
❈ &#10056; <span style="font-size:200%;color:#6495ED;">&#10056;</span>
❉ &#10057; <span style="font-size:200%;color:#6495ED;">&#10057;</span>
➳ &#10163; <span style="font-size:200%;color:#6495ED;">&#10163;</span>
➴ &#10164; <span style="font-size:200%;color:#6495ED;">&#10164;</span>

Home