THETHORには、498種のアイコンがあります。アイコンを挿入したい！そう思ってアイコン一覧から探そうとしますが、あまりの種類の多さに選びきれず、結果、アイコンの挿入を諦めてしまい・・・。そんなことはありませんか？
はい。私はあるんです。というより、いつもそうです。なので、『アイコンの画像だけを一覧表示して、まずはそこから選ぼうではありませんか』と画像の一覧を作成しました。
もちろん、それだけじゃ終わりません。アイコンを選んで記事に挿入するまで一番楽に、スムーズにできるようにしました。いつでも、すぐに活用できるようにアイコン画像を一番上に掲載しています。ページの使い方は記事の最後にありますので、初めての方はそこからお読みいただくとよいかもしれません。
目次
アイコン画像一覧
10行×4列を１つのブロックとして、３ブロックずつ掲載しています（詳しい説明はこの記事の最後にあります）。
基本アイコン1～30
- 基本アイコンコード1～10
- ●1-1 icon-quotation ●1-2 icon-quotation2 ●1-3 icon-newspaper ●1-4 icon-pencil ●2-1 icon-pencil2 ●2-2 icon-quill ●2-3 icon-pen ●2-4 icon-blog ●3-1 icon-eyedropper ●3-2 icon-droplet ●3-3 icon-paint-format ●3-4 icon-image ●4-1 icon-images ●4-2 icon-film ●4-3 icon-dice ●4-4 icon-bullhorn ●5-1 icon-book ●5-2 icon-books ●5-3 icon-cart ●5-4 icon-credit-card ●6-1 icon-lifebuoy ●6-2 icon-phone ●6-3 icon-phone-hang-up ●6-4 icon-address-book ●7-1 icon-music ●7-2 icon-play ●7-3 icon-pacman ●7-4 icon-spades ●8-1 icon-clubs ●8-2 icon-diamonds ●8-3 icon-heart ●8-4 icon-heart-broken ●9-1 icon-star-empty ●9-2 icon-star-half ●9-3 icon-star-full ●9-4 icon-connection ●10-1 icon-podcast ●10-2 icon-feed ●10-3 icon-file-text ●10-4 icon-file-text2
- 基本アイコンコード11～20
- ●11-1 icon-profile ●11-2 icon-file-empty ●11-3 icon-files-empty ●11-4 icon-file-picture ●12-1 icon-file-music ●12-2 icon-file-play ●12-3 icon-file-video ●12-4 icon-file-zip ●13-1 icon-copy ●13-2 icon-paste ●13-3 icon-stack ●13-4 icon-folder ●14-1 icon-folder-open ●14-2 icon-folder-plus ●14-3 icon-folder-minus ●14-4 icon-folder-download ●15-1 icon-folder-upload ●15-2 icon-tag ●15-3 icon-price-tags ●15-4 icon-barcode ●16-1 icon-qrcode ●16-2 icon-ticket ●16-3 icon-coin-dollar ●16-4 icon-coin-euro ●17-1 icon-coin-pound ●17-2 icon-coin-yen ●17-3 icon-calculator ●17-4 icon-pushpin ●18-1 icon-location ●18-2 icon-location2 ●18-3 icon-map ●18-4 icon-map2 ●19-1 icon-update ●19-2 icon-clock ●19-3 icon-clock2 ●19-4 icon-alarm ●20-1 icon-bell ●20-2 icon-stopwatch ●20-3 icon-calendar ●20-4 icon-drawer
- 基本アイコンコード21～30
- ●21-1 icon-drawer2 ●21-2 icon-box-add ●21-3 icon-box-remove ●21-4 icon-floppy-disk ●22-1 icon-drive ●22-2 icon-database ●22-3 icon-hour-glass ●22-4 icon-zoom-in ●23-1 icon-zoom-out ●23-2 icon-enlarge ●23-3 icon-enlarge2 ●23-4 icon-shrink ●24-1 icon-shrink2 ●24-2 icon-key ●24-3 icon-key2 ●24-4 icon-lock ●25-1 icon-unlocked ●25-2 icon-wrench ●25-3 icon-equalizer ●25-4 icon-equalizer2 ●26-1 icon-hammer ●26-2 icon-hammer2 ●26-3 icon-magic-wand ●26-4 icon-aid-kit ●27-1 icon-bug ●27-2 icon-pie-chart ●27-3 icon-stats-dots ●27-4 icon-stats-bars ●28-1 icon-stats-bars2 ●28-2 icon-trophy ●28-3 icon-gift ●28-4 icon-glass ●29-1 icon-glass2 ●29-2 icon-meter ●29-3 icon-meter2 ●29-4 icon-fire ●30-1 icon-lab ●30-2 icon-magnet ●30-3 icon-bin ●30-4 icon-bin2
基本アイコン31～60
- 基本アイコンコード31～40
- ●31-1 icon-briefcase ●31-2 icon-shield ●31-3 icon-road ●31-4 icon-power ●32-1 icon-power-cord ●32-2 icon-switch ●32-3 icon-list-numbered ●32-4 icon-list ●33-1 icon-list2 ●33-2 icon-menu ●33-3 icon-menu2 ●33-4 icon-menu3 ●34-1 icon-menu4 ●34-2 icon-menu5 ●34-3 icon-new ●34-4 icon-close ●35-1 icon-compass ●35-2 icon-compass2●35-3 icon-view_card ●35-4 icon-view_wide ●36-1 icon-view_normal ●36-2 icon-binoculars ●36-3 icon-search ●36-4 icon-search2 ●37-1 icon-cog ●37-2 icon-cup ●37-3 icon-spoon-knife ●37-4 icon-leaf ●38-1 icon-accessibility ●38-2 icon-target ●38-3 icon-clipboard ●38-4 icon-tree ●39-1 icon-cloud ●39-2 icon-cloud-download ●39-3 icon-cloud-upload ●39-4 icon-cloud-check ●40-1 icon-download ●40-2 icon-download2 ●40-3 icon-download3 ●40-4 icon-upload
- 基本アイコンコード41～50
- ●41-1 icon-upload2 ●41-2 icon-upload3 ●41-3 icon-sphere ●41-4 icon-earth ●42-1 icon-link ●42-2 icon-flag ●42-3 icon-attachment ●42-4 icon-eye ●43-1 icon-eye-plus ●43-2 icon-eye-minus ●43-3 icon-eye-blocked ●43-4 icon-bookmark ●44-1 icon-bookmarks ●44-2 icon-sun ●44-3 icon-contrast ●44-4 icon-brightness-contrast ●45-1 icon-warning ●45-2 icon-notification ●45-3 icon-question ●45-4 icon-plus ●46-1 icon-minus ●46-2 icon-info ●46-3 icon-cancel-circle ●46-4 icon-blocked ●47-1 icon-cross ●47-2 icon-checkmark ●47-3 icon-checkmark2 ●47-4 icon-spell-check ●48-1 icon-enter ●48-2 icon-exit ●48-3 icon-tab ●48-4 icon-move-up ●49-1 icon-move-down ●49-2 icon-sort-alpha-asc ●49-3 icon-sort-alpha-desc ●49-4 icon-sort-numeric-asc ●50-1 icon-sort-numberic-desc ●50-2 icon-sort-amount-asc ●50-3 icon-sort-amount-desc ●50-4 icon-command
- 基本アイコンコード51～60
- ●51-1 icon-shift ●51-2 icon-ctrl ●51-3 icon-opt ●51-4 icon-checkbox-checked ●52-1 icon-checkbox-unchecked ●52-2 icon-radio-checked ●52-3 icon-radio-checked2 ●52-4 icon-radio-unchecked ●53-1 icon-crop ●53-2 icon-make-group ●53-3 icon-ungroup ●53-4 icon-scissors ●54-1 icon-filter ●54-2 icon-font ●54-3 icon-ligature ●54-4 icon-ligature2 ●55-1 icon-text-height ●55-2 icon-text-width ●55-3 icon-font-size ●55-4 icon-bold ●56-1 icon-underline ●56-2 icon-italic ●56-3 icon-strikethrough ●56-4 icon-omega ●57-1 icon-sigma ●57-2 icon-page-break ●57-3 icon-superscript ●57-4 icon-superscript2 ●58-1 icon-subscript ●58-2 icon-subscript2 ●58-3 icon-text-color ●58-4 icon-pagebreak ●59-1 icon-clear-formatting ●59-2 icon-table ●59-3 icon-table2 ●59-4 icon-insert-template ●60-1 icon-pilcrow ●60-2 icon-ltr ●60-3 icon-rtl ●60-4 icon-section
基本アイコン61～65、建物・乗り物アイコン1～2、読込・AV機器アイコン1～6
- 基本アイコンコード61～65
- ●61-1 icon-paragraph-left ●61-2 icon-paragraph-center ●61-3 icon-paragraph-right ●61-4 icon-paragraph-justify ●62-1 icon-indent-increase ●62-2 icon-indent-decrease ●62-3 icon-share ●62-4 icon-share2 ●63-1 icon-new-tab ●63-2 icon-embed ●63-3 icon-embed2 ●63-4 icon-terminal ●64-1 icon-cogs ●64-2 icon-mail ●64-3 icon-mail2 ●64-4 icon-mail3 ●65-1 icon-mail4 ●65-2 icon-mail5
- 建物・乗り物アイコンコード1～2
- ●1-1 icon-home ●1-2 icon-home2 ●1-3 icon-home3 ●1-4 icon-office ●2-1 icon-library ●2-2 icon-rocket ●2-3 icon-airplane ●2-4 icon-truck
- 読込・AV機器アイコンコード1～6
- ●1-1 icon-loop2 ●1-2 icon-spinner ●1-3 icon-spinner2 ●1-4 icon-spinner3 ●2-1 icon-spinner4 ●2-2 icon-spinner5 ●2-3 icon-spinner6 ●2-4 icon-spinner7 ●3-1 icon-spinner8 ●3-2 icon-spinner9 ●3-3 icon-spinner10 ●3-4 icon-spinner11 ●4-1 icon-display ●4-2 icon-laptop ●4-3 icon-mobile ●4-4 icon-mobile2 ●5-1 icon-tablet ●5-2 icon-tv ●5-3 icon-camera ●5-4 icon-headphones ●6-1 icon-video-camera ●6-2 icon-mic ●6-3 icon-printer ●6-4 icon-keyboard
オーディオ系アイコン1～7、人・顔アイコン1～12
- オーディオ系アイコンコード1～7
- ●1-1 icon-play2 ●1-2 icon-play3 ●1-3 icon-pause ●1-4 icon-pause2 ●2-1 icon-stop ●2-2 icon-stop2 ●2-3 icon-previous ●2-4 icon-previous2 ●3-1 icon-next ●3-2 icon-next2 ●3-3 icon-backward ●3-4 icon-backward2 ●4-1 icon-first ●4-2 icon-forward2 ●4-3 icon-forward3 ●4-4 icon-last ●5-1 icon-eject ●5-2 icon-volume-high ●5-3 icon-volume-medium ●5-4 icon-volume-low ●6-1 icon-volume-mute ●6-2 icon-volume-mute2 ●6-3 icon-volume-increase ●6-4 icon-volume-decrease ●7-1 icon-loop ●7-2 icon-infinite ●7-3 icon-shuffle
- 人・顔アイコンコード1～10
- ●1-1 icon-user ●1-2 icon-users ●1-3 icon-user-plus ●1-4 icon-user-minus ●2-1 icon-user-check ●2-2 icon-user-tie ●2-3 icon-man ●2-4 icon-woman ●3-1 icon-man-woman ●3-2 icon-happy ●3-3 icon-happy2 ●3-4 icon-smile ●4-1 icon-smile2 ●4-2 icon-tongue ●4-3 icon-tongue2 ●4-4 icon-sad ●5-1 icon-sad2 ●5-2 icon-wink ●5-3 icon-wink2 ●5-4 icon-grin ●6-1 icon-grin2 ●6-2 icon-cool ●6-3 icon-cool2 ●6-4 icon-angry ●7-1 icon-angry2 ●7-2 icon-evil ●7-3 icon-evil2 ●7-4 icon-shocked ●8-1 icon-shocked2 ●8-2 icon-baffled ●8-3 icon-baffled2 ●8-4 icon-confused ●9-1 icon-confused2 ●9-2 icon-neutral ●9-3 icon-neutral2 ●9-4 icon-hipster ●10-1 icon-hipster2 ●10-2 icon-wondering ●10-3 icon-wondering2 ●10-4 icon-sleepy
- 人・顔アイコンコード11～12
- ●11-1 icon-sleepy2 ●11-2 icon-frustrated ●11-3 icon-frustrated2 ●11-4 icon-crying ●12-1 icon-crying2
矢印・コメントアイコン1～9、ロゴアイコン1～20
- 矢印・コメントアイコンコード1～9
- ●1-1 icon-point-up ●1-2 icon-point-right ●1-3 icon-point-down ●1-4 icon-point-left ●2-1 icon-arrow-up-left ●2-2 icon-arrow-up-left2 ●2-3 icon-arrow-up ●2-4 icon-arrow-up2 ●3-1 icon-arrow-up-right ●3-2 icon-arrow-up-right2 ●3-3 icon-arrow-right ●3-4 icon-arrow-right2 ●4-1 icon-arrow-down-right ●4-2 icon-arrow-down-right2 ●4-3 icon-arrow-down ●4-4 icon-arrow-down2 ●5-1 icon-arrow-down-left ●5-2 icon-arrow-down-left2 ●5-3 icon-arrow-left ●5-4 icon-arrow-left2 ●6-1 icon-circle-up ●6-2 icon-circle-right ●6-3 icon-circle-down ●6-4 icon-circle-left ●7-1 icon-undo ●7-2 icon-undo2 ●7-3 icon-forward ●7-4 icon-reply ●8-1 icon-redo ●8-2 icon-redo2 ●8-3 icon-bubble ●8-4 icon-bubble2 ●9-1 icon-bubbles ●9-2 icon-bubbles2 ●9-3 icon-bubbles3 ●9-4 icon-bubbles4
- ロゴアイコンコード1～10
- ●1-1 icon-amazon ●1-2 icon-google ●1-3 icon-google2 ●1-4 icon-google-plus ●2-1 icon-google-plus2 ●2-2 icon-hangouts ●2-3 icon-google-drive ●2-4 icon-facebook ●3-1 icon-facebook2 ●3-2 icon-instagram ●3-3 icon-whatsapp ●3-4 icon-spotify ●4-1 icon-telegram ●4-2 icon-twitter ●4-3 icon-feedly ●4-4 icon-pocket ●5-1 icon-hatenabookmark ●5-2 icon-hatenabookmark2 ●5-3 icon-line ●5-4 icon-vine ●6-1 icon-vk ●6-2 icon-renren ●6-3 icon-sina-weibo ●6-4 icon-rss ●7-1 icon-rss2 ●7-2 icon-youtube ●7-3 icon-twitch ●7-4 icon-vimeo ●8-1 icon-vimeo2 ●8-2 icon-lanyrd ●8-3 icon-flickr ●8-4 icon-flickr2 ●9-1 icon-flickr3 ●9-2 icon-flickr4 ●9-3 icon-dribbble ●9-4 icon-behance ●10-1 icon-behance2 ●10-2 icon-deviantart ●10-3 icon-500px ●10-4 icon-steam
- ロゴアイコンコード11～20
- ●11-1 icon-steam2 ●11-2 icon-dropbox ●11-3 icon-onedrive ●11-4 icon-github ●12-1 icon-npm ●12-2 icon-basecamp ●12-3 icon-trello ●12-4 icon-wordpress ●13-1 icon-joomla ●13-2 icon-ello ●13-3 icon-blogger ●13-4 icon-blogger2 ●14-1 icon-tumblr ●14-2 icon-tumblr2 ●14-3 icon-yahoo ●14-4 icon-yahoo2 ●15-1 icon-tux ●15-2 icon-appleinc ●15-3 icon-finder ●15-4 icon-android ●16-1 icon-windows ●16-2 icon-windows8 ●16-3 icon-soundcloud ●16-4 icon-soundcloud2 ●17-1 icon-skype ●17-2 icon-reddit ●17-3 icon-hackernews ●17-4 icon-wikipedia ●18-1 icon-linkedin ●18-2 icon-linkedin2 ●18-3 icon-lastfm ●18-4 icon-lastfm2 ●19-1 icon-delicious ●19-2 icon-stumbleupon ●19-3 icon-stumbleupon2 ●19-4 icon-stackoverflow ●20-1 icon-pinterest ●20-2 icon-pinterest2 ●20-3 icon-xing ●20-4 icon-xing2
ロゴアイコン21～25
- ロゴアイコンコード21～25
- ●21-1 icon-flattr ●21-2 icon-foursquare ●21-3 icon-yelp ●21-4 icon-paypal ●22-1 icon-chrome ●22-2 icon-firefox ●22-3 icon-IE ●22-4 icon-edge ●23-1 icon-safari ●23-2 icon-opera ●23-3 icon-file-pdf ●23-4 icon-file-openoffice ●24-1 icon-file-word ●24-2 icon-file-excel ●24-3 icon-libreoffice ●24-4 icon-html-five ●25-1 icon-html-five2 ●25-2 icon-css3 ●25-3 icon-git ●25-4 icon-codepen
以上でアイコン一覧（全498種）は終了です。
アイコン一覧画面の見方と使い方
それでは、アイコン一覧画面の使い方を説明します。まずは、実際の「アイコン一覧画面」を見てください。THE THORを使っている方は上の画像と同じものが表示されると思います。
ただ一つ違うのは「表化」してることです。罫線を引き、行と列に数字を振ってあります。この「基本アイコン」のはじめの部分で、下にスクロールするとまだまだアイコンが続いています。
この皆共通の画面表示に則って、調べやすく、見やすく調整しています。
1.［アイコンオプション］の表示通りのナンバリング（○－○）
ナンバリングのルールは「アイコンの種類ごとに行数と列数を順に振る」だけです。難しいことやオリジナルなことは一切しておりません。ナンバリングをした上で、当サイトで表示させている順番は
「●」「○行目」「－」「○列目」「スペース」「アイコンコード」「スペース」
です。例えば、「★」アイコンならば、9(行目)の3(列目)にあるので、アイコンコードを調べるための番号は「9-3」というような見方をします。
「9-3」というように番号を調べたら次に進みます。
2.［アコーディオンボックスの名前］もそのままネーミング
アコーディオンボックスには、アイコンの種類と行番号を記載しています。［基本アイコンコード１～10］と記載されている場合は、「基本アイコンの１行目から10行目までのコードが記載されている」ということになります。
一つの表につき3つのアコーディオンボックスが紐づいており、各アコーディオンボックスは最大で10行（最高で40個のアイコン）が表示されています。また、アコーディオンボックスの頭には表の先頭に表示されているアイコン（1-1、10-1、21-1のアイコン）を付けましたのでさらに見つけやすく、見やすくなっています。
3.該当のアコーディオンボックスだけを開いてコードを見る
ナンバリングのルールとアコーディオンボックスのネーミングがわかったら、あとは該当のアコーディオンボックスを開くだけです。
例えば「★」星アイコンの場合の一連の流れは、
- 「★」アイコンの場所のナンバーは「9-3」・・・「1」の工程
- アイコンの種類は「基本アイコン」・・・「2」の工程
- 9行目に表示されているのでアコーディオンボックスは［基本1～10］・・・「2」の工程
- 表の最初のアイコンは「引用マークの(”)」・・・「2」の工程
- 該当のアコーディオンボックスをクリックして「●9-3」を探す・・・「3」の工程
- アイコンコードをコピー・・・「3」の工程
- アイコン挿入窓に張り付ける・・・【別記事】アイコン挿入の方法（ビジュアルエディターの使い方）
コピーペーストのヒント
アイコンコードをコピーペーストする際、スペースが入っても大丈夫です。ナンバリングの番号はコピーしないように気を付けてください。
当サイトのリストからコピーする場合は、両端には全角のスペースが入っているため比較的操作しやすいですが、それでもマウスが行きすぎたり、キーボードを余計に押してしまったりして空白までコピーしてしまうことがあります。そのままペーストしても、アイコン表示には反映されないので安心してください。
そして、ナンバリングの数字をコピーした場合ですが、いくつかの反映パターンがあり、うまくアイコンが表示されたと思っていてもテキストに数字が残ったままになっていることがあります。
数字が残っていることで悪影響が「有る」か「無い」の判断が難しいため、数字のコピーはないほうが無難です。
関連記事
ワードプレスのテーマTHETHORでは標準で498種のアイコンを使用することができます。ただ、普通に使っているだけでは、ページに挿入することしかできません。 CSSでもアイコンを指定することができるといいなあと思いませんか？ 何[…]
