ã“ã„ã¤å‹•ããžï¼å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€ã‚·ãƒ³ãƒ—ルã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã‚‚SVGã‚‚æƒã£ãŸãƒ•ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Box Icons
400種類以上ã®ã‚¢ã‚¤ãƒ†ãƒ ãŒæƒã£ãŸã€Webサイトやスマホアプリã«ã´ã£ãŸã‚Šãªã‚·ãƒ³ãƒ—ルã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ã‚’紹介ã—ã¾ã™ã€‚ MITライセンスã§ã€å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ã¾ãŸã€ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚„SVGã¨ã—ã¦åˆ©ç”¨ã§ãã‚‹ã®ã§ã€ã‹ãªã‚Šä¾¿åˆ©ã ã¨æ€ã„ã¾ã™ã€‚
SNSã®ã‚¢ã‚¤ã‚³ãƒ³ã‚„ãƒã‚´ã‚’SVGã§ä½œã£ãŸ(ダウンãƒãƒ¼ãƒ‰ã‚ã‚Š) | UNORTHODOX WORKBOOK | Blog
ソーシャルメディアã®ã‚¢ã‚¤ã‚³ãƒ³ã‚„ãƒã‚´ã‚’使用ã™ã‚‹éš›ã€Font Awesomeã¨ã‹ã®webフォントを利用ã•ã›ã¦ã‚‚らã£ã¦ã„ãŸã‚“ã§ã™ãŒã€æ—¥æœ¬ã®SNSã ã£ãŸã‚Šã™ã‚‹ã¨ç”¨æ„ã•ã‚Œã¦ã„ãªã‹ã£ãŸã‚Šã€è‰²ã¨ã‹æŸ”軟ã«æ‰±ãˆãªã‹ã£ãŸã‚Šã—ã¦ã¡ã‚‡ã£ã¨ä¸ä¾¿ã‚’æ„Ÿã˜ã¦ã„ã¾ã—ãŸã€‚ SVGã§ã‚ã‚Œã°ã€è‰²ã‚’柔軟ã«æ‰±ãˆã‚‹ã—サイズã§å›°ã‚‹ã“ã¨ã‚‚ãªã„ã®ã§ã€ŒSVGã®ã‚¢ã‚¤ã‚³ãƒ³ä½¿ã„ãŸã„ã€ã£ã¦ãªã£ãŸã‚“ã§ã™ãŒã€æŽ¢ã—ã¦ã‚‚ã‚ã‚“ã¾ã‚Šãªã„ã‚“ã§ã™ã‚ˆã。 ãªã„ãªã‚‰è‡ªåˆ†ã§ä½œã‚Œã°ã„ã„ã˜ã‚ƒã‚“ã¨ã†ã“ã¨ã§ã€ã‚ˆã使ã†ã‚‚ã®ã‚’SVGã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ SVGコードã¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ 以下ã€ä¸»è¦6メディア分ã®SVGアイコン(ãƒã‚´)ã«ãªã‚Šã¾ã™ã€‚コードをã®ã›ã¦ãŠãã¾ã™ã®ã§ã€ã‚³ãƒ”ペã—ã¦ã©ã†ãžã”自由ã«ãŠä½¿ã„ãã ã•ã„。下ã«å…¨ã¦ã¾ã¨ã‚ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãるファイルも用æ„ã—ã¦ã‚ã‚Šã¾ã™ã®ã§ã€ãã¡ã‚‰ã‚‚ã©ã†ãžã€‚ 高ã•ã‚’300pxã§ãã‚ãˆã¦ã‚ã‚Šã€å¹…ã¯ã¾ã¡ã¾ã¡ã§ã™ã€‚スタイルをdefsè¦ç´ ã§å›²ã‚“ã§æŒ‡å®šã—ã¦ã„ã¾ã™ã®ã§ã€
ã‚¢ã‚¤ã‚³ãƒ³ç´ æダウンãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã€Œicooon-mono〠| 商用利用å¯èƒ½ãªã‚¢ã‚¤ã‚³ãƒ³ç´ æãŒç„¡æ–™(フリー)ダウンãƒãƒ¼ãƒ‰ã§ãるサイト | 6000個以上ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã‚’ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãるサイト ICOOON MONO
WHAT'S ICOOON MONO 商用利用å¯èƒ½ãªã‚¢ã‚¤ã‚³ãƒ³ç´ æをフリー(ç„¡æ–™)ダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ç´ æé…布サイトã§ã™ã€‚ WEBデザインやDTPã®ã»ã‹ã€ãƒ“ジãƒã‚¹ã‚·ãƒ¼ãƒ³ã§æ´»ç”¨ã§ãã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç´ æをストックã—ã¦ã„ã¾ã™ã€‚ TopeconHeroesãŒä½œæˆã—ãŸã“ã®ã‚µã‚¤ãƒˆã«æŽ²è¼‰ã—ã¦ã„ã‚‹ç´ æã¯ã€ã©ãªãŸã§ã‚‚使用æ¡ä»¶ã«é•åã—ãªã„é™ã‚Šã‚¯ãƒ¬ã‚¸ãƒƒãƒˆè¡¨è¨˜ã‚„許å¯ãªã—ã§ã€ 自由ã«ã”利用ã„ãŸã ã‘ã¾ã™ã€‚
SVGアイコンを使ã£ã¦ã¿ãŸã„人ã«ã´ã£ãŸã‚Šï¼å®Ÿè£…ã¯ç°¡å˜ã§ä½¿ã„å‹æ‰‹ã®ã‚ˆã„アイコンフォント -Stackicons
アイコンフォントã«èˆˆå‘³ãŒã‚ã‚‹ï¼ SVGアイコンデビューã—ãŸã„ï¼ ã¨ã„ã†äººã«ã´ã£ãŸã‚Šãªå®Ÿè£…ã¯ç°¡å˜ã€ã—ã‹ã‚‚使ã„å‹æ‰‹ã®ã‚ˆã„アイコンフォントを紹介ã—ã¾ã™ã€‚ 多ãã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã¯å˜è‰²ã§ã™ãŒã€ã“ã®ã‚¢ã‚¤ã‚³ãƒ³ã¯è¤‡æ•°ã®ã‚«ãƒ©ãƒ¼ã‚’使ã„ã€Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ã‚ˆã†ã«é‡ãã¦ã‚ã‚‹ã®ã§ã‚«ãƒ©ãƒ¼ã§ãªãアイコンã®å›²ã„ã‚‚ç°¡å˜ã«å¤‰æ›´ã§ãã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}