{"id":702,"date":"2021-11-16T22:02:10","date_gmt":"2021-11-16T13:02:10","guid":{"rendered":"https:\/\/tecchan.jp\/swell-tips\/?p=702"},"modified":"2023-02-04T21:44:06","modified_gmt":"2023-02-04T12:44:06","slug":"icon","status":"publish","type":"post","link":"https:\/\/tecchan.jp\/swell-tips\/entry\/icon\/","title":{"rendered":"SWELL\u3067\u4f7f\u3048\u308b\u30a2\u30a4\u30b3\u30f3\u3068\u30af\u30e9\u30b9\u540d\u3001CSS\u306b\u542b\u307e\u308c\u3066\u3044\u308bcotent\u30fbcolor\u4e00\u89a7"},"content":{"rendered":"\n

SWELL\u3067\u4f7f\u3048\u308b78\u7a2e\u985e\u306e\u30a2\u30a4\u30b3\u30f3\u306e\u30af\u30e9\u30b9\u540d\u306b\u3064\u3044\u3066\u306f\u516c\u5f0f\u30b5\u30a4\u30c8\u3067\u7d39\u4ecb<\/a>\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001CSS\u306b\u542b\u307e\u308c\u3066\u3044\u308bcontent\u30fbcolor\u306e\u4e00\u89a7\u3082\u542b\u3081\u3066\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

\u57fa\u672c\u7684\u306a\u4f7f\u3044\u65b9<\/h2>\n\n\n\n

\u30a2\u30a4\u30b3\u30f3\u306e\u57fa\u672c\u7684\u306a\u4f7f\u3044\u65b9\u306f\u3001\u4ee5\u4e0b\u306e2\u901a\u308a\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n

\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9<\/td>\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u306e\u4f7f\u3044\u65b9\u306f\u3001\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb<\/a>\u3092\u304a\u8aad\u307f\u304f\u3060\u3055\u3044\u3002<\/td><\/tr>
HTML\u30b3\u30fc\u30c9<\/td><i class=\"\u30af\u30e9\u30b9\u540d\"><\/i><\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

\u30af\u30e9\u30b9\u540d\u306b\u3064\u3044\u3066\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n

\u30a2\u30a4\u30b3\u30f3\u4e00\u89a7<\/h2>\n\n\n\n

\u7279\u306b\u6ce8\u91c8\u304c\u306a\u3044\u9650\u308a\u3001\u30a2\u30a4\u30b3\u30f3\u306e\u57fa\u672c\u8272\u306f#333<\/code>\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n

\u30a2\u30a4\u30b3\u30f3<\/th>\u30af\u30e9\u30b9\u540d<\/th>content<\/th>color<\/th><\/tr><\/thead>
<\/i><\/td>icon-amazon<\/td>\\e91e<\/code><\/td>#f90<\/code><\/td><\/tr>
<\/i><\/td>icon-codepen<\/td>\\e900<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-facebook<\/td>\\e901<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-feedly<\/td>\\e902<\/code><\/td>#2bb24c<\/code><\/td><\/tr>
<\/i><\/td>icon-github<\/td>\\e903<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-googleplus<\/td>\\e904<\/code><\/td>#dc4e41<\/code><\/td><\/tr>
<\/i><\/td>icon-hatebu<\/td>\\e905<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-instagram<\/td>\\e906<\/code><\/td>#e4405f<\/code><\/td><\/tr>
<\/i><\/td>icon-line<\/td>\\e907<\/code><\/td>#00c300<\/code><\/td><\/tr>
<\/i><\/td>icon-medium<\/td>\\e908<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-pinterest<\/td>\\e909<\/code><\/td>#bd081c<\/code><\/td><\/tr>
<\/i><\/td>icon-pocket<\/td>\\e90a<\/code><\/td>#ef3f56<\/code><\/td><\/tr>
<\/i><\/td>icon-rss<\/td>\\e90b<\/code><\/td>orange<\/code><\/td><\/tr>
<\/i><\/td>icon-tumblr<\/td>\\e90c<\/code><\/td>#36465d<\/code><\/td><\/tr>
<\/i><\/td>icon-twitter<\/td>\\e90d<\/code><\/td>#1da1f2<\/code><\/td><\/tr>
<\/i><\/td>icon-wordpress<\/td>\\e90e<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-youtube<\/td>\\e90f<\/code><\/td>red<\/code><\/td><\/tr>
<\/i><\/td>icon-swell<\/td>\\e936<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-phone<\/td>\\e942<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-info<\/td>\\e91d<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-light-bulb<\/td>\\e915<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-cart<\/td>\\e939<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-thumb_down<\/td>\\e8db<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-thumb_up<\/td>\\e8dc<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-person<\/td>\\e7fd<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-mail<\/td>\\e92c<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-download<\/td>\\e914<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-megaphone<\/td>\\e913<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-pen<\/td>\\e934<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-more_arrow<\/td>\\e930<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-batsu<\/td>\\e91f<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-check<\/td>\\e923<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-posted<\/td>\\e931<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-modified<\/td>\\e92d<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-search<\/td>\\e92e<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-close-thin<\/td>\\e920<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-menu-thin<\/td>\\e91b<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-alert<\/td>\\e916<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-hatena<\/td>\\e917<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-index<\/td>\\e918<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-arrow_drop_down<\/td>\\e5c5<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-arrow_drop_up<\/td>\\e5c7<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-flag<\/td>\\e153<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-settings<\/td>\\e8b8<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-chevron-small-down<\/td>\\e910<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-chevron-small-left<\/td>\\e911<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-chevron-small-right<\/td>\\e921<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-chevron-small-up<\/td>\\e912<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-book<\/td>\\e91a<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-minus<\/td>\\e919<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-plus<\/td>\\e91c<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-lock-closed<\/td>\\e932<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-lock-open<\/td>\\e933<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-home<\/td>\\e922<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-quill<\/td>\\e929<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-books<\/td>\\e925<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-file-empty<\/td>\\e924<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-file-text2<\/td>\\e926<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-file-picture<\/td>\\e927<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-file-music<\/td>\\e928<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-file-video<\/td>\\e92a<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-file-zip<\/td>\\e92b<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-folder<\/td>\\e92f<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-price-tag<\/td>\\e935<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-bubble<\/td>\\e96b<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-bubbles<\/td>\\e970<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-quotes-left<\/td>\\e977<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-quotes-right<\/td>\\e978<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-link<\/td>\\e9c5<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-attachment<\/td>\\e9cd<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-eye<\/td>\\e9ce<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-bookmarks<\/td>\\e9d3<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-star-empty<\/td>\\e9d7<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-star-half<\/td>\\e9d8<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-star-full<\/td>\\e9d9<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-heart<\/td>\\e9da<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-blocked<\/td>\\ea0e<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-share<\/td>\\ea82<\/code><\/td><\/td><\/tr>
<\/i><\/td>icon-room<\/td>\\e93d<\/code><\/td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

SWELL ver 2.7.2\u4ee5\u524d\u306e\u30a2\u30a4\u30b3\u30f3\u30ab\u30e9\u30fc\u3092\u9069\u7528\u3057\u305f\u3044\u5834\u5408<\/h3>\n\n\n\n

\u4ee5\u524d\u306b\u30a2\u30a4\u30b3\u30f3\u306b\u8272\u304c\u4ed8\u3044\u3066\u3044\u305f\u3082\u306e\u306e\u4e2d\u3067\u3001Google+\u306e\u30a2\u30a4\u30b3\u30f3\uff08icon-googleplus\uff09\u304c\u5ec3\u6b62\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u305d\u308c\u4ee5\u5916\u306e\u30a2\u30a4\u30b3\u30f3\u306b\u3064\u3044\u3066\u306fver 2.7.3\u4ee5\u964d\u3082\u7dad\u6301\u3055\u308c\u3066\u3044\u307e\u3059\u306e\u3067\u3001\u4ee5\u4e0b\u306eCSS\u3092\u8ffd\u52a0CSS\u7b49\u306b\u5165\u529b\u3059\u308b\u3068\u3001ver 2.7.2\u4ee5\u524d\u306e\u30a2\u30a4\u30b3\u30f3\u30ab\u30e9\u30fc\u304c\u9069\u7528\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n

\u3059\u3079\u3066\u9ed2\u8272\u306e\u30a2\u30a4\u30b3\u30f3\u30ab\u30e9\u30fc\u3092\u4f7f\u7528\u3057\u305f\u3044\u5834\u5408\u306f\u3001CSS\u3092\u8ffd\u8a18\u305b\u305a\u3001\u305d\u306e\u307e\u307e\u3054\u5229\u7528\u304f\u3060\u3055\u3044\uff08CSS\u3092\u8ffd\u8a18\u3057\u305f\u5834\u5408\u306f\u524a\u9664\u3057\u3066\u304f\u3060\u3055\u3044\uff09\u3002<\/p>\n\n\n\n

.icon-amazon:before {\ncolor: #f90;\n}\n.icon-feedly:before {\ncolor: #2bb24c;\n}\n.icon-instagram:before {\ncolor: #e4405f;\n}\n.icon-line:before {\ncolor: #00c300;\n}\n.icon-pinterest:before {\ncolor: #bd081c;\n}\n.icon-pocket:before {\ncolor: #ef3f56;\n}\n.icon-rss:before {\ncolor: orange;\n}\n.icon-tumblr:before {\ncolor: #36465d;\n}\n.icon-twitter:before {\ncolor: #1da1f2;\n}\n.icon-youtube:before {\ncolor: red;\n}<\/code><\/pre><\/div>\n\n\n\n
Font Awesome\u306e\u30a2\u30a4\u30b3\u30f3\u3082\u4f7f\u7528\u53ef\u80fd<\/h3>\n\n\n\n
\u4e0a\u8a18\u30a2\u30a4\u30b3\u30f3\u306e\u307b\u304b\u306b\u3001\u7c21\u5358\u306a\u8a2d\u5b9a\u3067Font Awesome\u306e\u30a2\u30a4\u30b3\u30f3\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u3002\u8a73\u3057\u304f\u306f\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb<\/a>\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n
SWELL\u306b\u7d75\u6587\u5b57\u3092\u8ffd\u52a0\u300cSWELL PLUS\u300d<\/h3>\n\n\n\n
suya\u3055\u3093\uff08@suyasite<\/a>\uff09\u304c\u3001SWELL\u306b1245\u7a2e\u985e\u306e\u7d75\u6587\u5b57\uff08\u30a2\u30a4\u30b3\u30f3\u30d5\u30a9\u30f3\u30c8\uff09\u3092\u8ffd\u52a0\u3059\u308b\u5b50\u30c6\u30fc\u30de\u300cSWELL PLUS\u300d\u3092\u4f5c\u3063\u3066\u304f\u3060\u3055\u3044\u307e\u3057\u305f\u3002\u3053\u306e\u5b50\u30c6\u30fc\u30de\u3092\u5c0e\u5165\u3059\u308b\u3068100\u30df\u30ea\u79d2\u304f\u3089\u3044\u306f\u9045\u304f\u306a\u308b\u3053\u3068\u304c\u3042\u308b\u305d\u3046\u3067\u3059\u304c\u3001\u8a66\u3057\u3066\u307f\u3066\u3054\u4e0d\u8981\u3067\u3042\u308c\u3070\u3001\u30a2\u30f3\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u3044\u305f\u3060\u3051\u308c\u3070\u826f\u3044\u3068\u306e\u3053\u3068\u3067\u3059\u3002<\/p>\n\n\n
\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\u30de\u30cb\u30e5\u30aa\u30f3<\/span>\n\t\t\t\t\t
\"\"<\/figure><\/div>\t\t\t\t\t
\n\t\t\t\t\t\tSWELL\u5b50\u30c6\u30fc\u30de\u300cSWELL PLUS\u300d\u3010\u76ee\u6b21\u30cf\u30a4\u30e9\u30a4\u30c8\u30fb\u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0\u30dc\u30bf\u30f3\u3011 | \u30de\u30cb\u30e5\u30aa\u30f3<\/a>\n\t\t\t\t\t\t\u30b7\u30f3\u30d7\u30eb\u306aSWELL\u306b\u6700\u5c0f\u9650\u306e\u6a5f\u80fd\u8ffd\u52a0 \u300cSWELL PLUS\u300d\u306f\u3001WordPress\u30c6\u30fc\u30de\u300cSWELL\u300d\u306b\u6a5f\u80fd\u3092\u8ffd\u52a0\u3059\u308b\u5b50\u30c6\u30fc\u30de\u3067\u3059\u3002 SWELL\u672c\u4f53\u3067\u4f7f\u7528\u3067\u304d\u308b\u30a2\u30a4\u30b3\u30f3\u304c\u5145\u5b9f\u3057\u305f\u305f\u3081\u3001\u30a2\u30a4\u30b3\u30f3…<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n
\u30a2\u30a4\u30b3\u30f3\u306e\u4f7f\u7528\u53ef\u80fd\u5834\u6240<\/h2>\n\n\n\n
\u30a2\u30a4\u30b3\u30f3\u306f\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3084HTML\u30bf\u30b0\u304c\u4f7f\u7528\u53ef\u80fd\u306a\u5834\u6240\u306a\u3069\u3001\u6bd4\u8f03\u7684\u591a\u304f\u306e\u5834\u6240\u3067\u4f7f\u7528\u53ef\u80fd\u3067\u3059\u304c\u3001\u5b9f\u969b\u306b\u30a2\u30a4\u30b3\u30f3\u3092\u4f7f\u7528\u3057\u305f\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u4f8b\u306a\u3069\u306f\u4ee5\u4e0b\u306e\u8a18\u4e8b\u3067\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n