ã“ã„ã¤å‹•ããžï¼å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€ã‚·ãƒ³ãƒ—ルã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã‚‚SVGã‚‚æƒã£ãŸãƒ•ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Box Icons
400種類以上ã®ã‚¢ã‚¤ãƒ†ãƒ ãŒæƒã£ãŸã€Webサイトやスマホアプリã«ã´ã£ãŸã‚Šãªã‚·ãƒ³ãƒ—ルã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ã‚’紹介ã—ã¾ã™ã€‚ MITライセンスã§ã€å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ã¾ãŸã€ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚„SVGã¨ã—ã¦åˆ©ç”¨ã§ãã‚‹ã®ã§ã€ã‹ãªã‚Šä¾¿åˆ©ã ã¨æ€ã„ã¾ã™ã€‚
SVGã§ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ã¤ãã‚‹ãªã‚‰IcoMoonãŒã‚ªã‚¹ã‚¹ãƒ¡ï¼
最近ã®ã‚¦ã‚§ãƒ–デザインã§ã¯ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ã¤ãるスã‚ルã¯å¿…é ˆã¨ã„ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„ã§ã™ã。 先日公開ã—ãŸã‚µã‚¤ãƒˆã‚‚ã€ãƒ クドリã•ã‚“ã‚„ã‚«ãƒã•ã‚“ã¯ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãªã®ã§ã™ã€‚ ムクドリã•ã‚“ã‹ã‚ã„ㄠアイコンフォントを作æˆã™ã‚‹æµã‚Œã¯ã ã„ãŸã„ã“ã‚“ãªæ„Ÿã˜ パスã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’æã(色ã¯ãƒ™ã‚¿å¡—ã‚Š1色ï¼) SVGã§ä¿å˜ã™ã‚‹ï¼ˆã ã„ãŸã„ã¯ã“ã®æ™‚ã®ãƒ•ã‚¡ã‚¤ãƒ«åãŒã‚¢ã‚¤ã‚³ãƒ³ã®åå‰ã«ãªã‚Šã¾ã™ï¼‰ SVGをアイコンフォント生æˆã‚µãƒ¼ãƒ“スã§ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã«å¤‰æ›ã™ã‚‹ ãã‚Œã§ã¯Adobe Illustratorã¨IcoMoonã§ã‚µã‚¯ã£ã¨ã¤ãã£ã¦ã¿ã¾ã—ょã†ã€‚ パスã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’æã アイコンフォントã¯ãã®åå‰ã®é€šã‚Šãƒ•ã‚©ãƒ³ãƒˆãªã®ã§1色ã§ã¤ãã‚Šã€CSSãªã©ã§è‰²ã‚’変更ã—ã¾ã™ã€‚ Illustratorãªã‚‰ã‚¢ãƒ¼ãƒˆãƒœãƒ¼ãƒ‰æ©Ÿèƒ½ã‚’使ãˆã°ç·¨é›†ã‚„ã‚ã¨ã§ã¾ã¨ã‚ã¦SVGã«ã™ã‚‹ã¨ãã«ä¾¿åˆ©ã£ã™ã€‚ SVGã«ã™ã‚‹æ™‚ã¯ãƒ‘スやフォントã¯ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³åŒ–ã—ã¦ã€ãƒ‘スファインダーã§çµ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}