Essential Icons
A free Iconset containing an essential set of icons you need for UI building. Handcrafted with love, path for path. Use it for free in commercial and non-commercial works, no crediting needed. About me My name is Daniel Swoboda, I am an Art Director based in Frankfurt, Germany. Currently, I am working at D&B; Interactive, crafting experiences for the web and everything digital. I love sneakers, be
Case Study: Our SVG Icon Process
When I wrote about why you shouldn’t use icon fonts in your next web project, I had no idea it would spark so much heated debate and intense discussion. One recurring question stood out to me: How might one actually implement an SVG icon system? It’s a surprisingly difficult question to answer. Should you use <img>, <svg>, <object> or pure CSS? Will you combine your icons into a single sprite or k
Web Icon Fonts | chibatch.jp
Web Icon Fonts Webフォントã§ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€‚IE8以下ã§ã¯ä½¿ãˆãªã„ã§ã™ã€‚iOS4.1以下も多分見られãªã„。 _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truetype'); } .icon { font-family: WebIconFonts; } Arrows !Back! 1Back1 #Forward# 3Forward3 $Up$ 4Up4 %Down% 5Down5 &Done& 6Done6 'Close' 7Close7 (Plus( 8Plus8 )Minus) 9Minus9 Social Networks AAmazon
UXã®åŠ¹æžœãŒæ•°å—ã§ã‚ã‹ã‚‹ï¼5ã¤ã®UX KPI : DeNA Creator(クリエイター) Blog
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™è‚²ã‚„社員ã®å¥åº·ã‚’サãƒãƒ¼ãƒˆã™ã‚‹ã€ŒCHO室ã€ã®å–り組ã¿ãªã©ã€DeNAã®CSRã«é–¢ã™ã‚‹æƒ…å ±ã‚’ç™ºä¿¡ã™ã‚‹ãƒ–ãƒã‚°
MFG Labs icon set
Why? because it's practical We have designed a friendly icon set for an internal project. It is designed to be easily embeddable on a website or application using a webfont and css. We have decided to share it with everyone. Our creation flow was inspired by the excellent work of Dave Gandy's font awesome project and the Octicons font made by the github team. Retina ready Fully scalable icons Font
ãŠæ°—ã«å…¥ã‚Šã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’フォント化ã§ãるサービス「ICONVAULT〠: 二åæ³è¡—é“ã¾ã£ã—ãら
ICONVAULTã¯ç”»åƒã‚’フォントã«ã™ã‚‹ã“ã¨ãŒã§ãるサービスã§ã™ã€‚ å¯æ„›ã„アイコンãªã©ã‚’フォントã¨ã—ã¦æ‰±ã„ãŸã„ã¨ãã«ä¾¿åˆ©ã§ã™ã€‚ サンプルã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã„ãã¤ã‹ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§è©¦ã—ã«ä½¿ã£ã¦ã¿ã‚‹ã¨ã©ã‚“ãªã‚‚ã®ã‹åˆ†ã‹ã‚‹ã§ã—ょã†ã€‚ 自分ã§SVGç”»åƒã‚’用æ„ã™ã‚Œã°ãれをフォント化ã§ãã¾ã™ã€‚ 以下ã«ä½¿ã£ã¦ã¿ãŸæ§˜åを載ã›ã¦ãŠãã¾ã™ã€‚ ã¾ãšã€ŒICONVAULTã€ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ょã†ã€‚ 登録ä¸è¦ã§ã™ãã«åˆ©ç”¨ã§ãã¾ã™ã€‚ 自分ã§SVGç”»åƒã‚’用æ„ã—ã¦ã‚‚よã„ã§ã™ãŒã€ã‚µãƒ³ãƒ—ルãŒã‚ã‚‹ã®ã§ãã‚Œã§è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ フォントã«ã—ãŸã„アイコンをé¸ã‚“ã§ã„ãã¾ã™ã€‚ フォント化ã—ãŸå¾Œã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ãã¾ã™ã€‚ フォントã¨ã—ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’登録ã§ãã¾ã—ãŸã€‚ サンプルã®HTMLã‚‚ã‚ã‚‹ã®ã§ã€CSSãªã©ã¿ã¦ä½¿ã„方を確èªã—ã¾ã—ょã†ã€‚ 自作ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’フォントã¨ã—ã¦åˆ©ç”¨ã—ãŸã„ã¨ããªã©ã«ä¾¿åˆ©ã§ã™ã。 ãœã²ã”活用ãã ã•ã„。
商用利用無料・ãƒãƒƒã‚¯ãƒªãƒ³ã‚¯ä¸è¦ã€ãƒŸãƒ‹ãƒžãƒ«ã§æ±Žç”¨æ€§ã«å„ªã‚ŒãŸ100%ベクターã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Joel Siddall
商用利用無料・ãƒãƒƒã‚¯ãƒªãƒ³ã‚¯ä¸è¦ã€ãƒŸãƒ‹ãƒžãƒ«ã§æ±Žç”¨æ€§ã«å„ªã‚ŒãŸ100%ベクターã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Joel Siddall
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
2012å¹´ã€ãƒ”クトグラムã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã®ã¾ã¨ã‚ã€å…¨éƒ¨å•†ç”¨ç„¡æ–™ã§ã™ï¼
全部ダウンãƒãƒ¼ãƒ‰ã—ãŸã‚‰4000ç¨®ä»¥ä¸Šï¼ å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã€å°ã•ã„サイズã‹ã‚‰ã‚†ã‚‹ï½žã„デザインã®ãƒ”クトグラムã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æを紹介ã—ã¾ã™ã€‚ ※アイコンをã”利用ã®éš›ã¯ã€å¿…ãšãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’確èªã—ã¦ãã ã•ã„。
ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãる多種多様ãªã‚¢ã‚¤ã‚³ãƒ³ãƒ»ãƒœã‚¿ãƒ³ãƒ»UIã‚ットã„ã‚ã„ã‚
400種類以上ã®ãƒŸãƒ‹ã‚¢ã‚¤ã‚³ãƒ³ã®ã‚»ãƒƒãƒˆã‹ã‚‰ã€ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸæ³•å¾‹ã£ã½ã„アイコンã€ä¸–ç•Œä¸ã®å›½æ——ã®ã‚¢ã‚¤ã‚³ãƒ³ã€æ´—ç·´ã•ã‚ŒãŸUIã‚ットã¾ã§ã€å¤šç¨®å¤šæ§˜ãªã‚¢ã‚¤ã‚³ãƒ³ãƒ»ãƒœã‚¿ãƒ³ãƒ»UIã‚ットを集ã‚ã¦ãƒªã‚¹ãƒˆåŒ–ã—ãŸã‚‚ã®ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ä¿‚ã™ã‚‹ãƒˆãƒ”ックをé…ä¿¡ã™ã‚‹DzineBlog.comã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ã„ãšã‚Œã‚‚ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã¯ä¸»ã«PSDファイルã§ã™ã€‚ 33 New Freebie Buttons and Icon Sets Released in Autumn 2012 - DzineBlog.com http://dzineblog.com/2012/11/33-new-freebie-buttons-and-icon-sets-released-in-autumn-2012.html â—†Free beautiful web icons - Vector social media icons
120種類以上ã®é¢ç™½ã„アイテムãŒãŸãã•ã‚“æƒã£ãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆ -Sosa icon font
ブãƒã‚°ã‚„ウェブサイトã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ç”¨ã«ã•ã¾ã–ã¾ãªã‚¢ã‚¤ãƒ†ãƒ ã‚’æƒãˆãŸã€å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãるアイコンフォントを紹介ã—ã¾ã™ã€‚ アイコンã®ã‚«ãƒ†ã‚´ãƒªã¯ã€ã‚¦ã‚§ãƒ–ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã€Eコマースã€ãƒ‡ãƒã‚¤ã‚¹ã€ãƒ¡ãƒ‡ã‚£ã‚¢ã€ãƒ„ールã€ã‚°ãƒ©ãƒ•ã€æ–‡å…·ã€å¤©æ°—ã€ä¹—り物ã€ãªã©å¤šå²ã«æ¸¡ã‚Šã¾ã™ã€‚ Sosa icon font アイコンフォントã¯4種類ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ TrueTypeフォント EOT WOFF SVG アイテムã¯å…¨éƒ¨ã§121ç¨®é¡žï¼ ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚
ç”»åƒã®ä»£ã‚ã‚Šã«ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚¿ã‚¤ãƒ—ã®Webフォントã®ã¾ã¨ã‚
アイコン形å¼ã«ãªã£ãŸWebフォントを集ã‚ã¦ã¿ã¾ã—ãŸã€‚ã“ã‚Œã ã‘色々æƒã†ã¨ç”»åƒã‚’使ã†å ´é¢ã‚‚減ã£ã¦ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff') format('woff'), /* Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy i
ï¼–ï¼ï¼ä»¥ä¸Šã®ã‚·ãƒ³ãƒ—ルãªãƒ™ã‚¯ã‚¿ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ãŒå…¥æ‰‹ã§ãる「iconmonstrã€:phpspot開発日誌
iconmonstr ï¼–ï¼ï¼ä»¥ä¸Šã®ã‚·ãƒ³ãƒ—ルãªãƒ™ã‚¯ã‚¿ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ãŒå…¥æ‰‹ã§ãる「iconmonstrã€ã€‚ 次ã®ã‚ˆã†ãªã‚·ãƒ³ãƒ—ルãªãƒ™ã‚¯ã‚¿ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ãŒï¼–ï¼ï¼ç¨®é¡žä»¥ä¸Šå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Twitterã ã¨å…¬å¼ã‚¢ã‚¤ã‚³ãƒ³ã‚‚ã‚ã‚Šã¾ã™ã—ã€è‹¥å¹²ã‚¢ãƒ¬ãƒ³ã‚¸ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¨ã«ã‹ã種類ãŒè±Šå¯Œã§ãƒ™ã‚¯ã‚¿ãƒ¼ãªã®ã§ãƒªã‚µã‚¤ã‚ºå¯èƒ½ã¨ã„ã†ã¨ã“ã‚ã§ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ãŠæŽ¢ã—ã®æ–¹ã«ã¯èª¿åº¦è‰¯ã„ã‹ã‚‚。 全体的ã«ã‚¯ã‚ªãƒªãƒ†ã‚£ã¯çµ±ä¸€ã•ã‚Œã¦ã„ã¦ä½¿ã„ã‚„ã™ãã†ã§ã™ 関連エントリ RetinaディスプレイOKãªã‚¢ãƒ—リ用PSDアイコン350 綺麗ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒ”クトグラムアイコン100個セット iOSã®Appアイコン作æˆç”¨PSDテンプレート フリーã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆï¼‘ï¼ã¾ã¨ã‚
200を越ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ãŒæƒã£ãŸBootstrapå‘ã‘Web Font·Font Awesome MOONGIFT
Font Awesomeã¯Bootstrapã¨çµ„ã¿åˆã‚ã›ã¦ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚’集ã‚ãŸWeb Fontã§ã™ã€‚ Twitter Bootstrapã®ä¾¿åˆ©ãªæ©Ÿèƒ½ã®ä¸€ã¤ã«ã‚¢ã‚¤ã‚³ãƒ³ãƒ‘ックãŒã‚ã‚Šã¾ã™ã€‚ã¡ã‚‡ã£ã¨ã—ãŸè£…飾を手軽ã«ä»˜ã‘åŠ ãˆã‚‰ã‚Œã‚‹ã®ã¯ä¾¿åˆ©ã§ã™ã€‚ãã‚“ãªBootstrapã«200以上ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¿½åŠ ã™ã‚‹ã®ãŒFont Awesomeã§ã™ã€‚Web Fontã§ä½œã‚‰ã‚ŒãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ‘ックã§ã™ã€‚ å…¨ã¦ã®ã‚¢ã‚¤ã‚³ãƒ³ã§ã™ã€‚ ソーシャルアイコンもæƒã£ã¦ã„ã¾ã™ã€‚ 例ã§ã™ã€‚ドãƒãƒƒãƒ—ダウンやボタンã«ã¤ã‘ã¦ã„ã¾ã™ã€‚ 大ãã•ãŒè‡ªç”±ã«å¤‰æ›´ã§ãã‚‹ã®ã‚‚フォントãªã‚‰ã§ã¯ã§ã™ã€‚ ドãƒãƒƒãƒ—ダウンã«ã¤ã‘ã‚‹ã¨æ©Ÿèƒ½ãŒã‚ˆã‚Šåˆ†ã‹ã‚Šã‚„ã™ããªã‚Šã¾ã™ã€‚ カスタマイズã™ã‚Œã°ãƒ¬ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã«ä½¿ã£ãŸã‚Šã‚‚ã§ãã¾ã™ã€‚ ファイル構æˆã§ã™ã€‚SVGやフォントãŒæä¾›ã•ã‚Œã¾ã™ã€‚ Font Awesomeã¯Twitter Bootstrapã§æä¾›ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã«åŠ ãˆã¦è‰²ã€…ãªå ´é¢ã§å½¹ç«‹
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
商用利用も無料ï¼æ‰‹æ›¸ã風アイコン122種類ï¼
今日ã¯ç§ãŒé›†ã‚ã¦ã„るアイコンã®ã„ãã¤ã‹ã‚’紹介ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚今回ã¯å•†ç”¨åˆ©ç”¨ã‚‚ç„¡æ–™(商用フリー)ã§OKï¼ã¨ã„ã†æ°—å‰ã®ã„ã„手書ã風ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ã“ã“ã§ç´¹ä»‹ã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã¯å…¨ã¦ãƒªãƒ³ã‚¯ã‚‚ä¸è¦ã§ä½¿ãˆã¾ã™ãŒã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ä½¿ã†ã¨ãã¯å¿µã®ãŸã‚ライセンスã®ç¢ºèªã‚’ã—ã¦ãã ã•ã„ãï¼ ã§ã¯ã©ã†ãžã€‚ 19 Freehand drawn sketch icons ダウンãƒãƒ¼ãƒ‰å…ˆ:Visit site 実際ã«æ‰‹æ›¸ãã§ä½œæˆã—ãŸã‚‚ã®ã‚’スã‚ャンã—ã¦ã‚¤ãƒ©ãƒ¬ã§ã‚¯ãƒªãƒ¼ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸã‚‚ã®ã§ã™ã€‚ HAND DRAWING ICONS SET ダウンãƒãƒ¼ãƒ‰å…ˆ:Visit site ã¾ã•ã«æ‰‹æ›¸ãä¸ã®æ‰‹æ›¸ãã¨ã„ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ã§ã™ã€‚ Handycons 2 ダウンãƒãƒ¼ãƒ‰å…ˆ:Visit site メディア関連ã®æ‰‹æ›¸ã風アイコンã§ã™ã€‚油絵ã£ã½ã„æ„Ÿã˜ãŒå®Ÿã«ã‚¯ãƒ¼ãƒ«ã§ã™ã。 FreeHand ColorStroked icon pac ダ
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Icons | Font Awesome
GeekChamp
http://ie.microsoft.com/testdrive/Browser/IconEditor/Default.html
OpenWeb Icons (a font!)
{{#tags}}- {{label}}
{{/tags}}