HTML記号コード

Q: HTMLエンティティとは?

&で始まり;で終わる短いコードです。例:♥は&hearts;、©は©。ブラウザがコードの代わりに記号を表示します。

Q: 名前付きコードと数値コード、どちらを使うべき?

どちらも最新のブラウザならすべて動作します。♥のような数値コードはすべてのUnicode文字に用意されていますが、名前があるのは一部だけです。UTF-8のページなら記号そのものを貼り付けることもできます。

Q: CSSで記号を追加するには?

擬似要素のcontentプロパティにCSSコードを使います。例:ハートならcontent: "\2665";

252個の記号の名前付きHTMLエンティティ、10進・16進コード、CSSコード。記号をクリックでコピー、コードをクリックでコードをコピーできます。

Basic Latin

記号	名前	エンティティ	10進数	16進数	CSS
	quotation mark				`\0022`
	ampersand				`\0026`
	less-than sign				`\003C`
	greater-than sign				`\003E`

Latin 1 Supplement

記号	名前	CSS
(空白)	no-break space	`\00A0`
	inverted exclamation mark	`\00A1`
	cent sign	`\00A2`
	pound sign	`\00A3`
	currency sign	`\00A4`
	yen sign	`\00A5`
	broken bar	`\00A6`
	section sign	`\00A7`
	diaeresis	`\00A8`
	copyright sign	`\00A9`
	feminine ordinal indicator	`\00AA`
	left-pointing double angle quotation mark	`\00AB`
	not sign	`\00AC`
(空白)	soft hyphen	`\00AD`
	registered sign	`\00AE`
	macron	`\00AF`
	degree sign	`\00B0`
	plus-minus sign	`\00B1`
	superscript two	`\00B2`
	superscript three	`\00B3`
	acute accent	`\00B4`
	micro sign	`\00B5`
	pilcrow sign	`\00B6`
	middle dot	`\00B7`
	cedilla	`\00B8`
	superscript one	`\00B9`
	masculine ordinal indicator	`\00BA`
	right-pointing double angle quotation mark	`\00BB`
	vulgar fraction one quarter	`\00BC`
	vulgar fraction one half	`\00BD`
	vulgar fraction three quarters	`\00BE`
	inverted question mark	`\00BF`
	capital a with grave	`\00C0`
	capital a with acute	`\00C1`
	capital a with circumflex	`\00C2`
	capital a with tilde	`\00C3`
	capital a with diaeresis	`\00C4`
	capital a with ring above	`\00C5`
	capital ae	`\00C6`
	capital c with cedilla	`\00C7`
	capital e with grave	`\00C8`
	capital e with acute	`\00C9`
	capital e with circumflex	`\00CA`
	capital e with diaeresis	`\00CB`
	capital i with grave	`\00CC`
	capital i with acute	`\00CD`
	capital i with circumflex	`\00CE`
	capital i with diaeresis	`\00CF`
	capital eth	`\00D0`
	capital n with tilde	`\00D1`
	capital o with grave	`\00D2`
	capital o with acute	`\00D3`
	capital o with circumflex	`\00D4`
	capital o with tilde	`\00D5`
	capital o with diaeresis	`\00D6`
	multiplication sign	`\00D7`
	capital o with stroke	`\00D8`
	capital u with grave	`\00D9`
	capital u with acute	`\00DA`
	capital u with circumflex	`\00DB`
	capital u with diaeresis	`\00DC`
	capital y with acute	`\00DD`
	capital thorn	`\00DE`
	small sharp s	`\00DF`
	small a with grave	`\00E0`
	small a with acute	`\00E1`
	small a with circumflex	`\00E2`
	small a with tilde	`\00E3`
	small a with diaeresis	`\00E4`
	small a with ring above	`\00E5`
	small ae	`\00E6`
	small c with cedilla	`\00E7`
	small e with grave	`\00E8`
	small e with acute	`\00E9`
	small e with circumflex	`\00EA`
	small e with diaeresis	`\00EB`
	small i with grave	`\00EC`
	small i with acute	`\00ED`
	small i with circumflex	`\00EE`
	small i with diaeresis	`\00EF`
	small eth	`\00F0`
	small n with tilde	`\00F1`
	small o with grave	`\00F2`
	small o with acute	`\00F3`
	small o with circumflex	`\00F4`
	small o with tilde	`\00F5`
	small o with diaeresis	`\00F6`
	division sign	`\00F7`
	small o with stroke	`\00F8`
	small u with grave	`\00F9`
	small u with acute	`\00FA`
	small u with circumflex	`\00FB`
	small u with diaeresis	`\00FC`
	small y with acute	`\00FD`
	small thorn	`\00FE`
	small y with diaeresis	`\00FF`

Latin Extended A

記号	名前	エンティティ	10進数	16進数	CSS
	capital ligature oe				`\0152`
	small ligature oe				`\0153`
	capital s with caron				`\0160`
	small s with caron				`\0161`
	capital y with diaeresis				`\0178`

Latin Extended B

記号	名前	エンティティ	10進数	16進数	CSS
	small f with hook				`\0192`

Spacing Modifier Letters

記号	名前	エンティティ	10進数	16進数	CSS
	modifier circumflex accent				`\02C6`
	small tilde				`\02DC`

Greek And Coptic

記号	名前	エンティティ	10進数	16進数	CSS
	greek capital alpha				`\0391`
	greek capital beta				`\0392`
	greek capital gamma				`\0393`
	greek capital delta				`\0394`
	greek capital epsilon				`\0395`
	greek capital zeta				`\0396`
	greek capital eta				`\0397`
	greek capital theta				`\0398`
	greek capital iota				`\0399`
	greek capital kappa				`\039A`
	greek capital lamda				`\039B`
	greek capital mu				`\039C`
	greek capital nu				`\039D`
	greek capital xi				`\039E`
	greek capital omicron				`\039F`
	greek capital pi				`\03A0`
	greek capital rho				`\03A1`
	greek capital sigma				`\03A3`
	greek capital tau				`\03A4`
	greek capital upsilon				`\03A5`
	greek capital phi				`\03A6`
	greek capital chi				`\03A7`
	greek capital psi				`\03A8`
	greek capital omega				`\03A9`
	greek small alpha				`\03B1`
	greek small beta				`\03B2`
	greek small gamma				`\03B3`
	greek small delta				`\03B4`
	greek small epsilon				`\03B5`
	greek small zeta				`\03B6`
	greek small eta				`\03B7`
	greek small theta				`\03B8`
	greek small iota				`\03B9`
	greek small kappa				`\03BA`
	greek small lamda				`\03BB`
	greek small mu				`\03BC`
	greek small nu				`\03BD`
	greek small xi				`\03BE`
	greek small omicron				`\03BF`
	greek small pi				`\03C0`
	greek small rho				`\03C1`
	greek small final sigma				`\03C2`
	greek small sigma				`\03C3`
	greek small tau				`\03C4`
	greek small upsilon				`\03C5`
	greek small phi				`\03C6`
	greek small chi				`\03C7`
	greek small psi				`\03C8`
	greek small omega				`\03C9`
	greek theta symbol				`\03D1`
	greek upsilon with hook symbol				`\03D2`
	greek pi symbol				`\03D6`

General Punctuation

記号	名前	CSS
(空白)	en space	`\2002`
(空白)	em space	`\2003`
(空白)	thin space	`\2009`
(空白)	zero width non-joiner	`\200C`
(空白)	zero width joiner	`\200D`
(空白)	left-to-right mark	`\200E`
(空白)	right-to-left mark	`\200F`
	en dash	`\2013`
	em dash	`\2014`
	left single quotation mark	`\2018`
	right single quotation mark	`\2019`
	single low-9 quotation mark	`\201A`
	left double quotation mark	`\201C`
	right double quotation mark	`\201D`
	double low-9 quotation mark	`\201E`
	dagger	`\2020`
	double dagger	`\2021`
	bullet	`\2022`
	horizontal ellipsis	`\2026`
	per mille sign	`\2030`
	prime	`\2032`
	double prime	`\2033`
	single left-pointing angle quotation mark	`\2039`
	single right-pointing angle quotation mark	`\203A`
	overline	`\203E`
	fraction slash	`\2044`

Currency Symbols

記号	名前	エンティティ	10進数	16進数	CSS
	euro sign				`\20AC`

Letterlike Symbols

記号	名前	エンティティ	10進数	16進数	CSS
	black-letter capital I				`\2111`
	script capital P				`\2118`
	black-letter capital R				`\211C`
	trade mark sign				`\2122`
	alef symbol				`\2135`

Arrows

記号	名前	エンティティ	10進数	16進数	CSS
	leftwards arrow				`\2190`
	upwards arrow				`\2191`
	rightwards arrow				`\2192`
	downwards arrow				`\2193`
	left right arrow				`\2194`
	downwards arrow with corner leftwards				`\21B5`
	leftwards double arrow				`\21D0`
	upwards double arrow				`\21D1`
	rightwards double arrow				`\21D2`
	downwards double arrow				`\21D3`
	left right double arrow				`\21D4`

Mathematical Operators

記号	名前	エンティティ	10進数	16進数	CSS
	for all				`\2200`
	partial differential				`\2202`
	there exists				`\2203`
	empty set				`\2205`
	nabla				`\2207`
	element of				`\2208`
	not an element of				`\2209`
	contains as member				`\220B`
	n-ary product				`\220F`
	n-ary summation				`\2211`
	minus sign				`\2212`
	asterisk operator				`\2217`
	square root				`\221A`
	proportional to				`\221D`
	infinity				`\221E`
	angle				`\2220`
	logical and				`\2227`
	logical or				`\2228`
	intersection				`\2229`
	union				`\222A`
	integral				`\222B`
	therefore				`\2234`
	tilde operator				`\223C`
	approximately equal to				`\2245`
	almost equal to				`\2248`
	not equal to				`\2260`
	identical to				`\2261`
	less-than or equal to				`\2264`
	greater-than or equal to				`\2265`
	subset of				`\2282`
	superset of				`\2283`
	not a subset of				`\2284`
	subset of or equal to				`\2286`
	superset of or equal to				`\2287`
	circled plus				`\2295`
	circled times				`\2297`
	up tack				`\22A5`
	dot operator				`\22C5`

Miscellaneous Technical

記号	名前	エンティティ	10進数	16進数	CSS
	left ceiling				`\2308`
	right ceiling				`\2309`
	left floor				`\230A`
	right floor				`\230B`
	left-pointing angle bracket				`\2329`
	right-pointing angle bracket				`\232A`

Geometric Shapes

記号	名前	エンティティ	10進数	16進数	CSS
	lozenge				`\25CA`

Miscellaneous Symbols

記号	名前	エンティティ	10進数	16進数	CSS
	black spade suit				`\2660`
	black club suit				`\2663`
	black heart suit				`\2665`
	black diamond suit				`\2666`

名前付きエンティティのない人気の記号

これらにはHTMLの名前がないため、数値コードを使ってください。

名前	エンティティ	CSS
獅子座	–	`\264C`
check mark	–	`\2713`
稲妻	–	`\1F5F2`
envelope	–	`\2709`
black telephone	–	`\260E`
airplane	–	`\2708`
ハートの輪郭	–	`\2661`
赤いハート	–	`\2764`
black star	–	`\2605`
white star	–	`\2606`
花	–	`\273F`
太陽	–	`\2600`
三日月	–	`\263E`
雲	–	`\2601`
傘	–	`\2602`
雪の結晶	–	`\2744`
陰陽	–	`\262F`
ピース(平和)	–	`\262E`
ラテン十字	–	`\271D`
男性(火星)	–	`\2642`
女性(金星)	–	`\2640`
男性と女性	–	`\26A5`
beamed eighth notes	–	`\266B`
eighth note	–	`\266A`
quarter note	–	`\2669`
heavy check mark	–	`\2714`
heavy multiplication x	–	`\2716`
multiplication x	–	`\2715`
ballot x	–	`\2717`
black rightwards arrowhead	–	`\27A4`
右矢印	–	`\1F86A`
左矢印	–	`\1F868`
上矢印	–	`\1F869`
下矢印	–	`\1F86B`
時計回りの矢印(再読み込み)	–	`\27F3`
反時計回りの矢印(元に戻す)	–	`\27F2`
black up-pointing triangle	–	`\25B2`
black square	–	`\25A0`
black circle	–	`\25CF`
white circle	–	`\25CB`
丸囲みの白い黒丸	–	`\29BE`
medium white circle	–	`\26AA`
白いチェスのクイーン(王冠)	–	`\2655`
黒いチェスのクイーン(王冠)	–	`\265B`
白いチェスのキング(王冠)	–	`\2654`
black chess rook	–	`\265C`
black chess knight	–	`\265E`
ユニバーサルリサイクル	–	`\2672`
リサイクル	–	`\267B`
warning sign	–	`\26A0`
skull and crossbones	–	`\2620`
white smiling face	–	`\263A`
black smiling face	–	`\263B`
white frowning face	–	`\2639`
ニコニコ顔(カタカナのツ)	–	`\30C4`
小さいツの顔文字	–	`\30C3`
郵便マークの顔	–	`\3020`
keyboard	–	`\2328`
black scissors	–	`\2702`
lower right pencil	–	`\270E`
実数	–	`\211D`
black four pointed star	–	`\2726`
white four pointed star	–	`\2727`
star operator	–	`\22C6`
ring above	–	`\02DA`
海の波	–	`\A540`
風	–	`\0F04`
左の天使の羽	–	`\131A9`
右の天使の羽	–	`\131AA`

HTML記号コードの使い方

エンティティまたは数値コードをHTMLにそのまま書き込みます。例:<p>I &hearts; Unicode</p>。名前付きエンティティは読みやすく、♥のような数値コードは、記号キーボードにあるものを含め、すべての文字で使えます。

ページがUTF-8で保存されていれば(現在のサイトでは標準です)、記号そのものを貼り付けることもできます。コードは、メールテンプレートや特殊文字を除去するCMSの入力欄、ソースを純粋なASCIIのままにしたい場合に今でも便利です。任意の文字のコードを調べるには、Unicode検索をご利用ください。

よくある質問

HTMLエンティティとは?

名前付きコードと数値コード、どちらを使うべき?

どちらも最新のブラウザならすべて動作します。♥のような数値コードはすべてのUnicode文字に用意されていますが、名前があるのは一部だけです。UTF-8のページなら記号そのものを貼り付けることもできます。

CSSで記号を追加するには?

擬似要素のcontentプロパティにCSSコードを使います。例:ハートならcontent: "\2665";