使い方
以下のfont-familyをCSSに指定することで、アイコンを利用できます。
font-family: 'icomoon';アイコン一覧
表1にCocoonのオリジナルアイコンを示します。
| # | アイコン | class | コード |
|---|---|---|---|
| icon-threads-logo | \e929 | ||
| icon-threads | \e92a | ||
| icon-mastodon-logo | \e927 | ||
| icon-mastodon | \e928 | ||
| icon-bluesky-logo | \e925 | ||
| icon-bluesky | \e923 | ||
| icon-misskey-logo | \e926 | ||
| icon-misskey | \e924 | ||
| icon-paw | \e907 | ||
| icon-check-box | \e908 | ||
| icon-check-box-none | \e909 | ||
| icon-check | \e90a | ||
| icon-circle | \e90b | ||
| icon-ban | \e90d | ||
| icon-question | \e90f | ||
| icon-info | \e910 | ||
| icon-speech-balloon | \e911 | ||
| icon-thumb-up | \e918 | ||
| icon-thumb-down | \e91a | ||
| icon-triangle | \e91b | ||
| icon-user-man | \e91d | ||
| icon-user-women | \e91e | ||
| icon-warning | \e921 | ||
| icon-cross | \e922 | ||
| icon-tiktok-logo | \e906 | ||
| icon-note-logo | \e905 | ||
| icon-rakuten-logo | \e903 | ||
| icon-rakuten-room-logo | \e904 | ||
| icon-slack-logo | \e900 | ||
| icon-amp-logo2 | \e93c | ||
| icon-amp-logo | \e93b | ||
| icon-feedly-logo | \e92e | ||
| icon-flickr-logo | \e92f | ||
| icon-google-plus-logo | \e930 | ||
| icon-hatebu-logo | \e931 | ||
| icon-line-logo | \e935 | ||
| icon-pinterest-logo | \e936 | ||
| icon-push7-logo | \e937 | ||
| icon-rss-logo | \e938 | ||
| icon-twitter-logo | \e939 | ||
| icon-youtube-logo | \e93a | ||
| icon-push7 | \e90e | ||
| icon-evernote | \e912 | ||
| icon-feedly | \e913 | ||
| icon-pocket | \e914 | ||
| icon-line | \e915 | ||
| icon-hatena | \e916 | ||
| icon-facebook-logo | \e92d | ||
| icon-facebook | \e919 | ||
| icon-twitter | \e91c | ||
| icon-youtube | \e91f | ||
| icon-flickr2 | \e920 | ||
| icon-delicious | \e92b | ||
| icon-pinterest | \e92c | ||
| icon-googleplus | \ea8b | ||
| icon-instagram-logo | \ea92 | ||
| icon-github-logo | \eab0 | ||
| icon-home-logo | \e902 | ||
| icon-amazon-logo | \ea87 | ||
| icon-linkedin-logo | \eaca | ||
| icon-codepen-logo | \eae8 | ||
| icon-comment | \e96b | ||
| icon-soundcloud-logo | \eac3 | ||
| icon-linkedin | \eacb | ||
| icon-twitch-logo | \ea9f | ||
| icon-heart | \e9da | ||
| icon-heart-broken | \e9db | ||
| icon-x-corp-logo | \e90c | ||
| icon-x-corp | \e917 | ||
| icon-copy | \e901 | ||
| icon-reddit-logo | \eac6 | ||
| icon-reddit | \eac7 |
補足
WordPressのオリジナルアイコンを使用する場合は、以下の font-familyをCSSに指定してください。
font-family: 'dashicons';
さいごに
今回紹介した方法を使えば、Cocoonのオリジナルアイコンを簡単に利用できます。
