アイコンWebフォント Font Awesome 5 ã®ç°¡å˜ãªä½¿ã„æ–¹ [ホームページ作æˆ] All AboutFont Awesomeã¨ã¯ï¼Ÿ Font Awesomeã¨ã¯ã€CSSã®Webフォント機能を使ã†ã“ã¨ã§æ•°åƒç¨®é¡žã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’テã‚スト(æ–‡å—)ã¨ã—ã¦è¡¨ç¤ºå¯èƒ½ã«ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã®ã“ã¨ã§ã™ã€‚å˜ãªã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒé›†ã¨ã¯ç•°ãªã‚Šã€ã‚ãã¾ã§ã‚‚æ–‡å—ã¨ã—ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’表示ã§ãる絵文å—フォントãªã®ã§ã€è‡ªèº«ã®ã‚¦ã‚§ãƒ–ページ上ã«è‡ªç”±ãªã‚µã‚¤ã‚ºï¼†å¥½ããªè‰²ã§ã€ç°¡å˜ã«æ§˜ã€…ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’表示ã§ãるメリットãŒã‚ã‚Šã¾ã™ã€‚ 今回ã¯ã€è±Šå¯Œãªçµµæ–‡å—ãŒè©°ã¾ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆ Font Awesome 5ã‚’ã€è‡ªèº«ã®ã‚¦ã‚§ãƒ–サイトã§ç°¡å˜ã«ä½¿ã†æ–¹æ³•ã‚’ã”紹介ã„ãŸã—ã¾ã™ã€‚ã¨ã¦ã‚‚çŸã„HTMLソースを書ãã ã‘ã§æœ›ã¿ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’掲載ã§ãã€CSSを使ã£ã¦è‡ªç”±è‡ªåœ¨ã«è£…飾ã§ãã¾ã™ã€‚ãœã²è©¦ã—ã¦ã¿ã¦ä¸‹ã•ã„ï¼ ã€æœ¬è¨˜äº‹ã®ç›®æ¬¡ã€‘ 概è¦ï¼šè±Šå¯Œãªã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆ Font Awesome 5ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ä»•æ§˜ 概è¦ï¼šWebフォントã®ä»•çµ„ã¿ã¨åˆ©ç‚¹ 準備：Font Awesome 5
![アイコンWebフォント Font Awesome 5 ã®ç°¡å˜ãªä½¿ã„æ–¹ [ホームページ作æˆ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/3bfe467d28b574e3204d076e187c1fcfa85c7b3a/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F0%2F2%2F5%2F5%2F1%2Ftopimg_original.png)
Free Flat Icons
Rectangular Icons PSD
MFG Labs icon set
マイクãƒã‚½ãƒ•ãƒˆã€ã‚¯ãƒ©ã‚¦ãƒ‰ã®ã‚·ã‚¹ãƒ†ãƒ 構æˆå›³ã«ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³é›†ã‚’公開。Windows Azure以外ã«ã‚‚一般的ãªã‚·ã‚¹ãƒ†ãƒ 構æˆå›³ã§ä½¿ãˆãã†
レトãƒãªé…色ãŒã‚¹ãƒ†ã‚♪110種類ã®ã‚¢ã‚¤ãƒ†ãƒ をフラットã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Meroo Icons
å…¨310種ã€ç¾Žã—ã„ソリッドãªãƒ©ã‚¤ãƒ³ã§æã‹ã‚ŒãŸã‹ã‚ã„ã„ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Elegant Icon Font
食æã‚„æ–™ç†ã€ã‚ッãƒãƒ³å°ç‰©ã€èª¿ç†å™¨å…·ãªã©ãŒæƒã£ã¦ã„ã‚‹ãŠã„ã—ã„ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Yummicon
ã‚‚ã†ã‚¢ã‚¤ã‚³ãƒ³ã«ã¯å›°ã‚‰ãªã„ãžï¼ 11,245個ã®ãƒ”クトグラムã®ã‚¢ã‚¤ã‚³ãƒ³ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ -flaticon
ミニマルã§ãƒ•ãƒ©ãƒƒãƒˆãŒã‹ã‚ã„ã„å…¨300種ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã€PSDã‚‚AIもフォントもæƒã£ã¦ã¾ã™ -Metrize Icons
クオリティã®é«˜ã„ミニアイコンセットã‹ã‚‰ãƒ¯ãƒ¼ãƒ‰æ¤œç´¢ãŒã§ãã¦ä¾¿åˆ©ãªã€ŒIcons Explorerã€:phpspot開発日誌
アイコン好ãã¯è¦ãƒã‚§ãƒƒã‚¯ï¼è¦‹ã‚‹ã ã‘ã§ã‚‚楽ã—ã„クリエイティブãªã‚¢ã‚¤ã‚³ãƒ³ã®ã¾ã¨ã‚
商用利用も無料ï¼ãƒˆãƒ©ãƒ™ãƒ«ãƒ»æ—…行関係ã®ã‹ã‚ã„ã„ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Free Travel Icon Pack
汎用性ã«å„ªã‚ŒãŸæ‹¡å¤§ç¸®å°ã‚‚å¯èƒ½ãªã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŠå¤©æ°—ã‚¢ã‚¤ã‚³ãƒ³ç´ æ
2012å¹´ã€ãƒ”クトグラムã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã®ã¾ã¨ã‚ã€å…¨éƒ¨å•†ç”¨ç„¡æ–™ã§ã™ï¼
ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ã¦ã¦ã‹ã‚ã„ã„アイコンã€ãƒ€ãƒ³ãƒœãƒ¼ãƒ«ç®±ã‚„トラックãªã©è·ç‰©ã®ã‚³ãƒ³ãƒ†ãƒŠã‚’モãƒãƒ¼ãƒ•ã«ã—ãŸã€ŒContainer Iconã€
ç„¡æ–™ã§ã‚¢ã‚¤ã‚³ãƒ³ãƒ»ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ç´ æãªã©ã‚’ダウンãƒãƒ¼ãƒ‰ã§ãる「Icon Depositã€
綺麗ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒ”クトグラムアイコン100個セット:phpspot開発日誌
アプリケーションアイコンを作るã¨ãã«å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã¾ã¨ã‚
æ–°ç€è¨˜äº‹
{{#tags}}- {{label}}
{{/tags}}