ã‚¢ã‚¤ã‚³ãƒ³ç´ æダウンãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã€Œicooon-mono〠| 商用利用å¯èƒ½ãªã‚¢ã‚¤ã‚³ãƒ³ç´ æãŒç„¡æ–™(フリー)ダウンãƒãƒ¼ãƒ‰ã§ãるサイト | 6000個以上ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã‚’ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãるサイト ICOOON MONO
WHAT'S ICOOON MONO 商用利用å¯èƒ½ãªã‚¢ã‚¤ã‚³ãƒ³ç´ æをフリー(ç„¡æ–™)ダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ç´ æé…布サイトã§ã™ã€‚ WEBデザインやDTPã®ã»ã‹ã€ãƒ“ジãƒã‚¹ã‚·ãƒ¼ãƒ³ã§æ´»ç”¨ã§ãã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç´ æをストックã—ã¦ã„ã¾ã™ã€‚ TopeconHeroesãŒä½œæˆã—ãŸã“ã®ã‚µã‚¤ãƒˆã«æŽ²è¼‰ã—ã¦ã„ã‚‹ç´ æã¯ã€ã©ãªãŸã§ã‚‚使用æ¡ä»¶ã«é•åã—ãªã„é™ã‚Šã‚¯ãƒ¬ã‚¸ãƒƒãƒˆè¡¨è¨˜ã‚„許å¯ãªã—ã§ã€ 自由ã«ã”利用ã„ãŸã ã‘ã¾ã™ã€‚
クリエイティブãªãƒ•ã‚¡ãƒ“コンをè¨ç½®ã—よã†
2017å¹´9月22æ—¥ Webサイト制作, 便利ツール Webサイトã®åˆ¶ä½œæ™‚ã«ã€ç‰¹ã«åˆå¿ƒè€…ã•ã‚“ãŒè¨ç½®ã‚’忘れãŒã¡ãªãƒ•ã‚¡ãƒ“コン。Webサイトをブックマークã—ãŸéš›ã‚„ã€ã‚¿ãƒ–表示ã—ãŸéš›ã«ã‚µã‚¤ãƒˆåã®æ¨ªã«ã¡ã‚‡ã“ã‚“ã¨è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹å°ã•ãªã‚¢ã‚¤ã‚³ãƒ³ã®ã“ã¨ã§ã™ï¼ˆFavourite + Icon = Favicon）。デãƒã‚¤ã‚¹ãŒå¢—ãˆã€ã“ã‚Œã¾ã§ã¨ã¯è¨ç½®æ–¹æ³•ãŒå°‘ã—変ã‚ã£ã¦ãã¦ã„ã‚‹ã®ã¨ã€æ©Ÿèƒ½ã®ã¤ã„ãŸãƒ•ã‚¡ãƒ“コンも増ãˆã¦ãã¦ã„ã‚‹ã®ã§ã€ãã®è¾ºã‚‚ã‚ã‚ã›ã¦ç´¹ä»‹ã—ã¾ã™ï¼ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ ファビコンã¯16×16ピクセルã¨ã‹ãªã‚Šå°ã•ã„ãªãŒã‚‰ã‚‚ã€ãã®å˜åœ¨ã¯å‰å¤§ã§ã™ã€‚複数ã®ã‚¿ãƒ–ã‚’é–‹ã„ã¦ã„る時やã€ãƒ–ックマークリストã®ä¸ã‹ã‚‰ã€ã²ã¨ç›®è¦‹ã¦ã©ã®ã‚µã‚¤ãƒˆã‹åŒºåˆ¥ã§ãã‚‹ã‹ã‚‰ã§ã™ã€‚ 多ãã®å ´åˆã€ãã®Webサイトã®ãƒã‚´ãƒžãƒ¼ã‚¯ã‚’縮ã‚ãŸã‚Šã€ç°¡ç•¥åŒ–ã—ãŸã‚‚ã®ãŒãƒ•ã‚¡ãƒ“コンデザインã¨ã—ã¦æŽ¡ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚CHANELã€A
コードカã‚タイ | プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å¦ç¿’ãƒ»æƒ…å ±ã‚µã‚¤ãƒˆ
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¯ãƒ¼ãƒ« å¿™ã—ã„社会人ã«ãŠã™ã™ã‚プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¯ãƒ¼ãƒ«15é¸ï¼å¤±æ•—ã—ãªã„é¸ã³æ–¹ã‚‚詳ã—ã解説
アイコン集゠ICON(PNG/ICO/ICNS)を検索ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ | EASYICON.NET
æ供★超过å…å万个★SVGã€PNGã€ICOã€ICNSå›¾æ ‡æœç´¢ã€å›¾æ ‡ä¸‹è½½æœåŠ¡ã€‚
Schooã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«èžã„ãŸã€Webサイト制作ã«ä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ã‚¢ã‚¤ã‚³ãƒ³5é¸ - 2015/02/06 [Schoo]
Webサイトやアプリã®åˆ¶ä½œã®éš›ã«æ¬ ã‹ã›ãªã„ã‚‚ã®ã®ï¼‘ã¤ã«â€ã‚¢ã‚¤ã‚³ãƒ³â€ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—〠「自分ã§ä½œã‚‹ã®ã¯å¤§å¤‰â€¦ã€‚〠「ãŠé‡‘ã‚’ã‹ã‘ãŸããªã„ï¼ã€ 「プãƒã¯ã€ã©ã†ã—ã¦ã‚‹ã®ã‹ãªâ€¦ï¼Ÿã€ ã“ã‚“ãªæ‚©ã¿ã‚’抱ãˆã¦ã„る人も多ã„ã¯ãšã€‚ãã“ã§ä»Šå›žã¯Schooã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’手ãŒã‘ã¦ã„るデザイナーãŒå®Ÿéš›ã«ä½¿ã£ã¦ã„ã‚‹ãŠã™ã™ã‚ã®ãƒ•ãƒªãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã‚µã‚¤ãƒˆã‚’5ã¤ã”紹介ã—ã¾ã™â™ª ■目次 1.Font Awesome 2.ICON FINDER 3.flaticon 4.ヒューマンピクトグラム2.0 5.IcoMoon 1.Font Awesome スクーã®ã‚µã‚¤ãƒˆå†…ã®ã„ãŸã‚‹ã¨ã“ã‚ã§ä½¿ç”¨ã—ã¦ã„ã‚‹ã€Webフォントã®ã‚¢ã‚¤ã‚³ãƒ³ã‚µã‚¤ãƒˆã€‚ ã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆã®Webフォントã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’使ãˆã°ã€ç”»åƒã‚’作らãªãã¦ã‚‚サイトã«ãƒ¯ãƒ³ãƒã‚¤ãƒ³ãƒˆã§é…ç½®ã§ãã¾ã™ã€‚ åˆãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦åˆ©ç”¨ã§ãã‚‹ãŸã‚ã€ã‚µã‚¤ã‚ºã‚„色をCSSã§å¤‰æ›´ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ 2.ICON FINDER
![Schooã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«èžã„ãŸã€Webサイト制作ã«ä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ã‚¢ã‚¤ã‚³ãƒ³5é¸ - 2015/02/06 [Schoo]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7e5e78173c1b358f770e033408afa8394bd779f/height=288;version=1;width=512/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fi.schoo%2Fimages%2Farticle%2Fdesign%2Fwdkj25_7.png)
ã€ãœã‚“ã¶ç„¡æ–™ã€‘フラットデザインã§è³‡æ–™ä½œæˆã™ã‚‹éš›ã«ä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æサイトãŸã£ã·ã‚Š50é¸ï¼ | クラウド資料作æˆä»£è¡Œã‚µãƒ¼ãƒ“スã®SKET（スケット）
作æˆä¸ã®è³‡æ–™ã«ä½¿ç”¨ã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç´ æã‚’ã©ã“ã‹ã‚‰æŒã£ã¦ãã‚Œã°ã‚ˆã„ã‹ã¨ã„ã†æ‚©ã¿ã‚’解決ã—ã¡ã‚ƒã„ã¾ã™ï¼ 厳é¸ã•ã‚ŒãŸ50é¸ã‚’ã”用æ„ã—ãŸã®ã§ã€ãŠæ°—ã«å…¥ã‚Šã®ä¸€å“ãŒè¦‹ã¤ã‹ã‚‹ã¯ãšï¼
Webサイトã«å¿…è¦ãªfaviconãŒ21個ã«ãªã£ã¦ã„㟠- IT探検ã®è¿½æ†¶
ä¹…ã—ã¶ã‚Šã«Webサイトã®faviconを変ãˆã‚ˆã†ã¨æ€ã„ã€èª¿ã¹ã¦ã¿ã‚‹ã¨ã€å¿…è¦ãªfaviconãŒå¤§å¹…ã«å¢—ãˆã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã—ãŸã€‚ ãã®æ•°ã€ä½•ã¨21å€‹ï¼ ãã‚“ãªã«å¢—ãˆã¦ã„ãŸã¨ã¯ã€‚ 一応ã€ä»¥ä¸‹ã«ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã™ã€‚ faviconã®ãƒªã‚¹ãƒˆ favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 ã¾ã§ã®ã‚¹ãƒ”ード・ダイアル用 favicon-196x196.png: Android版Chrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31
ç„¡æ–™ã§å•†ç”¨åˆ©ç”¨ã§ãã‚‹161種類ã®SVGå½¢å¼ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ‘ック「GlyphPackã€
åŒã˜ã‚¦ã‚§ãƒ–サイトã§ã‚‚デãƒã‚¤ã‚¹ã«ã‚ˆã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå´©ã‚Œã¦ã„ãŸã‚Šã™ã‚‹ã¨ã€è¤‡æ•°ã®ãƒ‡ãƒã‚¤ã‚¹ã‚’使ã„回ã™ãƒžãƒ«ãƒã‚¿ã‚¹ã‚¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã¯åœ°å‘³ãªãŒã‚‰ã‚¹ãƒˆãƒ¬ã‚¹ã«æ„Ÿã˜ã‚‹ã‚‚ã®ã€‚ãã‚“ãªãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹åŒ–ãŒå¿…è¦ãªã‚¦ã‚§ãƒ–デザインã®ã‚¢ã‚¤ã‚³ãƒ³ã«ãŠã„ã¦ã€ã©ã‚“ãªã‚µã‚¤ã‚ºã«ã—ã¦ã‚‚劣化ã•ã›ãšã«ä½¿ãˆã‚‹SVGå½¢å¼ã§ã€ç„¡æ–™ã‹ã¤å•†ç”¨åˆ©ç”¨ã‚‚å¯èƒ½ã¨ã„ã†ãƒ™ã‚¯ã‚¿ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ãƒ‘ックãŒã€ŒGlyphPackã€ã§ã™ã€‚ GlyphPack - The Most Indispensable Web Font Icon Pack http://glyphpack.com/ GlyphPackã¯ç„¡æ–™ã§å•†ç”¨åˆ©ç”¨ã‚‚å¯èƒ½ã€ã©ã‚“ãªãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚劣化ã›ãšã«ç°¡å˜ã«ä½¿ãˆã‚‹SVGアイコンパック。今後ã®ã‚¢ãƒƒãƒ—デートã§æ–°ã—ã„アイコンãŒè¿½åŠ ã•ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã¨ã®ã“ã¨ã€‚ã•ã¾ã–ã¾ãªç”¨é€”ã«å¯¾å¿œå¯èƒ½ãªã€Œã‚¢ãƒ—リケーションã€ã€Œã‚¨ãƒ©ãƒ¼ã€ã€Œãƒ¡ãƒ‡ã‚£ã‚¢ã€ã€Œãƒ•ã‚¡ã‚¤ãƒ«ã‚¿ã‚¤ãƒ—ã€ã€ŒãƒŠãƒ“ゲーションã€ã€ŒSNS＆ブランドã€ã®ã‚¢
JavaScriptã¨CSSã¯ä¸è¦ï¼SVGã®æ°—æŒã¡ã„ã„アニメーションã§ä½œã‚‰ã‚ŒãŸè¶…軽é‡ã®ã‹ã‚ã„ã„ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚° -SVG Loaders
JavaScriptã‚‚CSSã‚‚ç”»åƒã‚‚使用ã›ãšã€SVGã§å®Ÿè£…ã•ã‚ŒãŸè»½å¿«ã§æ°—æŒã¡ã„ã„アニメーションã§å‹•ããƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’紹介ã—ã¾ã™ã€‚ ページã«å®Ÿè£…ã™ã‚‹æ™‚ã‚‚JavaScript/CSSã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。簡å˜ãªHTMLã§OKï¼ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ SVG Loadersã®ä½¿ã„æ–¹ 使ã„æ–¹ã¯ã€ç°¡å˜ï¼ Step 1: SVGファイルをダウンãƒãƒ¼ãƒ‰ 下記ページã®å³ã‚µã‚¤ãƒ‰ã®ã€ŒDownlaod ZIPã€ã‹ã‚‰ã€SVGファイルをダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ SVG Loaders -GitHub Step 2: HTML ã‚ã¨ã¯ã€imgã‚¿ã‚°ã§é…ç½®ã™ã‚‹ã ã‘ã§ã™ã€‚ <img src="svg-loaders/puff.svg" /> アイコンã®ã‚«ãƒ©ãƒ¼ã‚’変更ã—ãŸã„時ã¯ã€svgè¦ç´ ã®fill属性を変更ã—ã¾ã™ã€‚ <svg fill="#fff" width="140" height="64" viewBox="0 0 140 64
Material Icons Guide
This page has moved to developers.google.com/fonts/docs/material_icons.
ç„¡æ–™ã§ä½¿ãˆã‚‹è‰¯è³ªãªãƒ”クトグラム集 - NO LIMIT
絵を書ãã®ãŒçµ¶æœ›çš„ã«è‹¦æ‰‹ãª@chihayuu_ã§ã™ã€‚リンゴã®çµµã‚’書ã„ãŸã¤ã‚‚ã‚ŠãŒã€ã‚¸ãƒ£ã‚¬ã‚¤ãƒ¢ã¨è¨€ã‚れるレベルã®ç”»åŠ›ãªã‚“ã§ã™ã€‚ ãã‚“ãªåƒ•ã ã£ã¦ãƒ–ãƒã‚°ã«çµµã‚’入れãŸã„時ãŒã‚ã‚Šã¾ã™ã€‚ 見出ã—ã«ç”»åƒã‚’挿入ã—ã¦ã¿ãŸã‚Šã€æ–‡ä¸ã«çµµã‚’挿入ã—ãŸã‚Šãƒ»ãƒ»ãƒ»è‰²ã€…ã—ãŸã„ã®ã«ç”»åŠ›ãŒãªãã¦å›°ã£ã¦ã„ã¾ã™ã€‚ 皆ã•ã‚“ã‚‚ãã‚“ãªçµŒé¨“ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ãã‚“ãªäººé”を救済ã—ã¦ãれるã€è‰¯è³ªãªãƒ”クトグラムãŒæƒã£ã¦ã„るサイトを紹介ã—よã†ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã‚‚ç„¡æ–™ã§åˆ©ç”¨å‡ºæ¥ã‚‹ã‚„ã¤ã‚’。 ※無料ã§å•†ç”¨åˆ©ç”¨å¯ã®æ‰€ã‚’紹介ã—ã¾ã™ãŒã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹è¨˜è¼‰ãŒå¿…用ãªç‰©ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ã”利用ã®éš›ã«ã¯éšæ™‚確èªãŠé¡˜ã„ã—ã¾ã™ã€‚ The Noun Project NounProject 様々ãªç¨®é¡žã®ãƒ”クトグラムãŒæƒã£ã¦ã„ã¾ã™ã€‚ 利用ã™ã‚‹ã«ã¯ã‚¢ã‚«ã‚¦ãƒ³ãƒˆç™»éŒ²ãŒå¿…用ã§ã™ã€‚ Endless Icons Endless Icons | Free Flat Icons and Creative
ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ãªãƒ•ãƒªãƒ¼ç´ æãŒPSDå½¢å¼ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãるサイト20é¸ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚µãƒªãƒ¼ã§ã™ã€‚ フラットデザインãŒæµè¡Œã—ã¦ã‹ã‚‰ã€ã‚¢ã‚¤ã‚³ãƒ³ã‚„ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ç´ æを使ã†æ©Ÿä¼šãŒä»¥å‰ã‚ˆã‚Šå¤šããªã£ãŸã‚ˆã†ã«æ„Ÿã˜ã¾ã™â€¦â€¦ã€‚ ç´ æをダウンãƒãƒ¼ãƒ‰ã—ãŸã¨ãã€ç·¨é›†ãŒãƒ©ã‚¯ãƒãƒ³ã ã¨åŠ©ã‹ã‚Šã¾ã™ã‚ˆã。 今回ã¯PSDå½¢å¼ãªã©ã®ã¾ã¾ç´ æをダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ã€ã¨ã£ã¦ã‚‚太ã£è…¹ãªã‚µã‚¤ãƒˆã‚’20個ã”紹介ã—ã¾ã™ã€‚ PSDå½¢å¼ã®ãƒ•ãƒªãƒ¼ç´ æã‚’é…布ã—ã¦ã„るサイト GraphicBurger http://graphicburger.com/ ç„¡æ–™ã¨æœ‰æ–™ã®ç´ æãŒã”ã¡ã‚ƒæ··ãœãªã®ã§ã”注æ„。 ç·‘ã®ã€ŒDownloadã€ãƒœã‚¿ãƒ³ãŒã€ŒVisit download pageã€ã¨ãªã£ã¦ã„ã‚‹å ´åˆã¯æœ‰æ–™ç´ æã§ã™ã€‚ 365psd http://365psd.com/ 日本ã§ã‚‚有åãªãƒ•ãƒªãƒ¼ç´ æサイト。 365個一気ã«ã¾ã¨ã‚ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãる有料パックもã‚ã‚Šã¾ã™ã€‚ Pixeden http://www.pixeden.com/
ç„¡æ–™ã§å•†ç”¨å¯ã®ã‚¦ã‚§ãƒ–ã§ã‚ˆã使ã‚れるアイコンをフォント化ã—ãŸã€ŒCONDENSE-iconFontã€
営利・éžå–¶åˆ©å•ã‚ãšè‡ªç”±ã«ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã€ã‚¦ã‚§ãƒ–フォントã¨ã—ã¦ã‚‚利用OKã¨ã„ã†TrueType/OpenType/WOFF/EOTå½¢å¼ã®ãƒ•ã‚©ãƒ³ãƒˆãŒã€ŒCONDENSE-iconFontã€ã§ã™ã€‚下記サイトã®ä¸€ç•ªä¸‹ã«ã‚る「DOWNLOADã€ã‚’クリックã™ã‚Œã°ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ã¨ãªã£ã¦ã„ã¾ã™ã€‚ CONDENSE-iconFont http://icon.condense-c.com/ 実際ã«ã©ã®ã‚ˆã†ãªãƒ•ã‚©ãƒ³ãƒˆãŒã‚ã‚‹ã‹ã¨ã„ã†ã¨ã€ã“ã‚“ãªæ„Ÿã˜ã§ã™
Webページやアプリã€ä¼ç”»æ›¸ã‚„æ案書ã«ä½¿ãˆã‚‹500種類以上ã®ã‚¢ã‚¤ãƒ†ãƒ ãŒæƒã£ãŸã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Hawcons
500種類以上ã®ã‚¢ã‚¤ãƒ†ãƒ ãã‚Œãžã‚Œã«ã‚½ãƒªãƒƒãƒ‰ã¨ãƒ™ã‚¿å¡—ã‚ŠãŒç”¨æ„ã•ã‚Œã¦ã„る高å“質ãªç„¡æ–™ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æを紹介ã—ã¾ã™ã€‚ 商用利用も無料ã§ã€ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆè¡¨è¨˜ã®å¿…è¦ãŒãªã„ã®ã¯ä½¿ã„ã‚„ã™ã„ã§ã™ã。 ソリッドã¨ãƒ™ã‚¿å¡—ã‚Šã®ã‚¢ã‚¤ã‚³ãƒ³ アイコンã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚‚豊富ã«ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ .png (ã™ã使ã†ç”¨ã€ã‚«ãƒ©ãƒ¼ã¯ã‚°ãƒ¬ãƒ¼ãƒ»ãƒ–ルー・ブラック) .svg .eps .pdf Webフォント (.eot, .woff, .ttf, .svg) .sketch (Sketch用) 利用ã«ã‚ãŸã£ã¦ã¯å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§ã€ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã®è¡¨è¨˜ã¯å¿…è¦ç„¡ã—ã€ã¨ã®ã“ã¨ã§ã™ã€‚ãŸã ã—ã€è²©å£²ã‚„å†é…布ã¯ç¦æ¢ã§ã™ã€‚ 詳ã—ãã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã®ã€ŒRead Me.mdã€ã‚’ã”覧ãã ã•ã„。 アイコンã¯6種類ã®ã‚«ãƒ†ã‚´ãƒªã«åˆ†ã‘られã¦ãŠã‚Šã€ãã‚Œãžã‚Œè±Šå¯Œãªã‚¢ã‚¤ãƒ†ãƒ ãŒæƒã£ã¦ã„ã¾ã™ã€‚
å·®ãŒã¤ãメニューアイコン 25個ã®CSSアニメーション (1/2)
éšæ‰€ã«ä½¿ç”¨ã•ã‚Œã¦ã„るアニメーション 美ã—ã„建築写真ãŒã€å˜åœ¨æ„Ÿã®ã‚るタイãƒã‚°ãƒ©ãƒ•ã‚£ã¨ã¨ã‚‚ã«ç›®ã«é£›ã³è¾¼ã‚“ã§ãるサイト「Studio Songes（ステュディオ・ソンジュ：スタジオ夢）ã€ã€‚ダイナミックãªãƒšãƒ¼ã‚¸å…¨ä½“ã®å‹•ãã«åŠ ãˆã¦ã€ãƒšãƒ¼ã‚¸ã®å³ä¸Šã«ã‚ã‚‹å°ã•ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã«ã‚‚ユニークãªå‹•ããŒå–り入れられã¦ã„る。 メニューアイコンをマウスホãƒãƒ¼ã™ã‚‹ã¨ã€â‰¡ã®3本ã®ãƒ©ã‚¤ãƒ³ãŒæ•´åˆ—ã—ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨1本ã®ãƒ©ã‚¤ãƒ³ã«å¤‰åŒ–ã™ã‚‹ã‚®ãƒŸãƒƒã‚¯ã€‚CSSアニメーションを活用ã—ãŸã‚µã‚¤ãƒˆã§ã¯ã€ã“ã‚“ãªå°ã•ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã®å‹•ãã«ã¾ã§ã“ã ã‚るサイトãŒå¢—ãˆã¦ã„る。 今回ã¯ã€ŒStudio Songesã€ã‚’å‚考ã«ã€CSSアニメーションを使ã£ãŸãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®é–‹é–‰ã‚¢ã‚¤ã‚³ãƒ³ã‚’作æˆã™ã‚‹ã€‚アニメーション自体ã¯å°ã•ãªå‹•ãã ãŒã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®é–‹é–‰ã¨ã„ã†å¤§ããªå‹•ä½œã¸ã®å°Žç·šã§ã‚‚ã‚る。覚ãˆã¦ãŠãã¨ãã£ã¨å½¹ã«ç«‹ã¤ã¯ãšã 。 STEP 1：アイコンã®åˆæœŸçŠ¶æ…‹ã‚’作る メニュ
iconmelon.com - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - iconmelon リソースãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Demo: Pure CSS GUI icons (experimental) – Nicolas Gallagher
icono - light and ready to use icons for your next project
Web Icon Set - Offers Professionally Designed Web Icons and Stock Icons
ã€è¿½è¨˜ã‚り】Macã§ãƒ•ã‚¡ãƒ“コンã¤ãã‚‹ãªã‚‰ã€‚é€éŽã«ã‚‚複数サイズã«ã‚‚対応ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ä½œæˆã‚¦ã‚§ãƒ–サービス「iconifier.net〠- Suikolog
{{#tags}}- {{label}}
{{/tags}}