Icons | Font AwesomeThe internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
★★ã€ä¿å˜ç‰ˆã€‘Font Awesomeã®ä½¿ã„æ–¹ã¾ã¨ã‚：Webアイコンフォントを使ãŠã†
今回ã¯Font Awesomeã¨ã„ã†è¶…便利ãªã‚µãƒ¼ãƒ“スã®ä½¿ã„方をã¾ã¨ã‚ã¾ã™ã€‚後åŠã§ã¯ã‚¢ã‚¤ã‚³ãƒ³ã«ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ã¤ã‘る方法も解説ã—ã¾ã™ã€‚ 1. Font Awesomeã¨ã¯ï¼Ÿ ã–ã£ãã‚Šã¨ã„ã†ã¨ã‚¦ã‚§ãƒ–サイトやブãƒã‚°ã§Webアイコンフォントを表示ã§ãるよã†ã«ã—ã¦ãれるサービスã§ã™ã€‚
ファビコン(favicon)ã®ã‚µã‚¤ã‚ºã¯ã©ã‚ŒãŒå¿…è¦ï¼Ÿä½œã‚Šæ–¹ã‚„è¨ç½®æ–¹æ³•ã‚‚紹介
ブラウザã®ã‚¿ãƒ–やアドレス欄ã«ã¯16pxサイズや32pxサイズã§è¡¨ç¤ºã•ã‚Œã‚‹ã“ã¨ãŒå¤šãã€å€‹äººçš„ã«ã¯æœ€ä½Žé™ãã®2ã¤ãŒã‚ã‚Œã°å分ãªã®ã‹ãªã¨ã„ã†æ°—ãŒã—ã¾ã™ã€‚ ã¡ãªã¿ã«å¿…è¦ãªå¤§ãã•ã®ãƒ•ã‚¡ãƒ“コンãŒç”¨æ„ã•ã‚Œã¦ã„ãªã„å ´åˆã¯ã€æ—¢ã«ç”¨æ„ã•ã‚Œã¦ã„るアイコンをã€ãƒ–ラウザやOSãŒè‡ªå‹•çš„ã«æ‹¡å¤§ãƒ»ç¸®å°ã—ã¦è¡¨ç¤ºã•ã›ã¾ã™ã€‚ 実ã¯ã“ã“ã§æŒ™ã’ãŸä»–ã«ã‚‚ãŸãã•ã‚“ã®ç¨®é¡žãŒã‚ã‚Šã€è¿‘年デãƒã‚¤ã‚¹ã®å¤šæ§˜åŒ–ã«ã‚ˆã£ã¦ã€ãƒ•ã‚¡ãƒ“コンã®ç¨®é¡žã‚‚ã‹ãªã‚Šè¤‡é›‘ã«ãªã£ã¦ãã¾ã—ãŸã€‚ 最近ã§ã¯20種類以上もã‚ã‚‹ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ãã‚“ãªã«ã„ã‚ã‚“ãªã‚µã‚¤ã‚ºã®ãƒ•ã‚¡ãƒ“コン作るã®ã¯ã‹ãªã‚Šå¤§å¤‰ã§ã™ã—ã€æ•°ã‚’èžã„ãŸã ã‘ã§ã‚‚å«Œã«ãªã‚Šã¾ã™ãŒã€è‰²ã‚“ãªã‚µã‚¤ã‚ºã®ãƒ•ã‚¡ãƒ“コンを一括生æˆã§ãる便利ãªãƒ„ールãŒã‚ã‚Šã¾ã™ã€‚（後述） ファビコンを作ã‚ㆠファビコンを作æˆã™ã‚‹éš›ã€ã¾ãšã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’考ãˆãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“。 å°ã•ã„サイズã ã¨16pxã§ã™ãŒã€ãŸã£ãŸ16pxã®å¤§ãã•ã§ã‚‚ã€ä¸€ç›®ã§ã©ã®Webサイトã‹ã‚ã‹
Font Awesome Icons
Warning! Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social Media Buttons" setting. We will not use hacks to force them to display. Please report an issue with Adblock Plus if you believe this to be an error. To work around this, you'll need to modify the social icon class names. All brand icons are trademarks of their respective owners. The use of these tradema
Components · Bootstrap
Over a dozen reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more. Glyphicons Available glyphs Includes over 250 glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a
アイコン一覧表 ≪ アイコン ≪ コンãƒãƒ¼ãƒãƒ³ãƒˆ ≪ Bootstrap3日本語リファレンス
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
個性的ãªãƒ©ã‚¤ãƒ³ãƒŠãƒƒãƒ—を楽ã—ã‚るフリーアイコンセット「Emojious Iconsã€
デザインã®ç´ æã¨ã—ã¦æ¬ ã‹ã™ã“ã¨ãŒã§ããªã„アイコン。良ã„ã‚‚ã®ã‚’ã¿ã¤ã‘ã‚‹ãŸã³ã«ã‚¹ãƒˆãƒƒã‚¯ã•ã‚Œã¦ã„るデザイナーã®æ–¹ã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚今回ã¯ãã‚“ãªã‚¹ãƒˆãƒƒã‚¯ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã«ãœã²å–り入れãŸã„フリーアイコンセット「Emojious Iconsã€ã‚’紹介ã—ã¾ã™ã€‚ ã‚ャラクターã®ã‚ˆã†ãªå¯æ„›ã‚‰ã—ã•ã‚’å…¼ãããªãˆãŸã€å€‹æ€§çš„ãªãƒ©ã‚¤ãƒ³ãƒŠãƒƒãƒ—を楽ã—ã‚るアイコンセットã¨ãªã£ã¦ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ アイコンã¨ã—ã¦å®šç•ªã§ã‚ˆã見ã‹ã‘ã‚‹ã€ã‚ˆã使ã†ã€ã¨ã„ã†æ„Ÿã˜ã®ç¨®é¡žã¯å…¥ã£ã¦ã„ãªã„ã®ã§ã™ãŒã€popã§ã‚«ãƒ©ãƒ•ãƒ«ãªã‚¢ã‚¤ã‚³ãƒ³ãŒæƒã£ã¦ãŠã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¯ã‚„ã‹ã§æ¥½ã—ã’ã«å½©ã£ã¦ãã‚Œãã†ã€‚è›å…‰ã‚«ãƒ©ãƒ¼ã‚’ミックスã—ãŸç‹¬ç‰¹ãªã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã‚‚ã€ä»–ã«ã¯ãªã„特徴ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚å¯æ„›ã‚‰ã—ã„表情もå°è±¡çš„ã§ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã¯ã€SVGã€AIã€PNGå½¢å¼ã€‚デザインã™ã‚‹åª’体ã«åˆã‚ã›ã¦ä½¿ã„分ã‘ã‚‹ã“ã¨ãŒã§ãる便利ãªãƒ©ã‚¤ãƒ³ãƒŠãƒƒãƒ—ã§ã™ã。気ã«ãªã£ãŸæ–¹ã¯ãœã²ã“ã®æ©Ÿä¼š
ã“ã‚Œã¯ã™ã”ã便利ï¼85,000個ã®ã‚¢ã‚¤ã‚³ãƒ³ã‹ã‚‰é¸ã‚“ã§ã€è‡ªåˆ†å¥½ã¿ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ -Icons8 | コリス
当ブãƒã‚°ã§ã‚‚ãŸãã•ã‚“ã®ç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ã‚’紹介ã—ã¦ãã¾ã—ãŸãŒã€è‡ªåˆ†ã«ã´ã£ãŸã‚Šã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’探ã™ã®ã¯ã‹ãªã‚Šå¤§å¤‰ã ã¨æ€ã„ã¾ã™ã€‚85,000個以上ã®é«˜å“質ãªã‚¢ã‚¤ã‚³ãƒ³ç´ æを自由ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹æ–°ã—ã„Icons8を紹介ã—ã¾ã™ã€‚ 下記ã®ã‚ˆã†ã«ã‚«ãƒ©ãƒ¼å¤‰æ›´ã¯å½“ãŸã‚Šå‰ã€è¦ç´ ã‚’åŠ ãˆãŸã‚Šã€æ–‡å—入れã—ãŸã‚Šã€ã•ã¾ã–ã¾ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚SVGも完備ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€é‡å®ã—ã¾ã™ã。 Icons8 beta Icons8ã®ä½¿ã„æ–¹ ç„¡æ–™ã§åˆ©ç”¨ã§ãるアイコンã¯ãªã‚“ã¨ã€85,000個以上 Icons8ã®ä½¿ã„æ–¹ Icons8ã®ä½¿ã„æ–¹ã¯ã€ç°¡å˜ã§ã™ã€‚ ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ãŒã€ç›´è¦³çš„ã«ã™ã¹ã¦ã‚’利用ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ アイコンã®é¸æŠžã‹ã‚‰ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¾ã§ã–ã£ã¨èª¬æ˜Žã—ã¾ã™ã€‚
商用利用無料ï¼ã‚³ãƒªã‚¹é™å®šã€ã‹ã‚ã„ã„デザインã®é£Ÿã¹ç‰©ãƒ»é£²ã¿ç‰©ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã‚’é…布ã—ã¾ã™ | コリス
Icons8ã®ã”厚æ„ã«ã‚ˆã‚Šã€å½“ブãƒã‚°é™å®šã§ã‚¢ã‚¤ã‚³ãƒ³ç´ æã‚’ç„¡æ–™ã§é…布ã—ã¾ã™ã€‚ 今回ã¯é£Ÿæ¬²ã®ç§‹ã«ã¡ãªã‚“ã§ã€ã‹ã‚ã„ã„デザインã®é£Ÿã¹ç‰©ãƒ»é£²ã¿ç‰©ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æ。当ブãƒã‚°ç”¨ã«Icons8ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼æ§˜ãŒæ–°ãŸã«ä½œæˆã—ãŸã‚¢ã‚¤ã‚³ãƒ³ã§ã™ã€‚ ã¾ãšã¯ã€Icons8ã®ã”紹介。 当ブãƒã‚°ã§ã‚‚ãŠé¦´æŸ“ã¿ãªã®ã§ã€çŸ¥ã£ã¦ã„る人も多ã„ã¨æ€ã„ã¾ã™ã€‚Good Boyã®è‰¯ã„åã ã‘ãŒä½¿ç”¨ã§ãる独自ライセンスã§ã€ç´ 敵ãªã‚¢ã‚¤ã‚³ãƒ³ç´ æãŒç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ 有料ライセンスもã‚ã‚Šã€ã•ã‚‰ã«ã‚¹ã‚´ã‚¤ã“ã¨ã«ãªã‚Šã¾ã™ã€‚
ベクターデータã§é…布ã•ã‚Œã¦ã„ã‚‹ã€ã‹ã‚ã„ã„アイコンセット「Autumn Kawaii Icon Set (50 Icons, SVG & PNG)ã€
ベクターデータã§é…布ã•ã‚Œã¦ã„ã‚‹ã€ã‹ã‚ã„ã„アイコンセット「Autumn Kawaii Icon Set (50 Icons, SVG & PNG)〠自分自身を表ç¾ã™ã‚‹ã‚·ãƒ¼ãƒ³ã§è‡ªåˆ†ã®åˆ†èº«ã¨ãªã‚‹ã‚¢ãƒã‚¿ãƒ¼ã€‚様々ãªã‚¿ã‚¤ãƒ—ã®ã‚¢ãƒã‚¿ãƒ¼ãŒä¸–ã®ä¸ã«ã¯æº¢ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ‡ãƒ¼ã‚¿ã§é…布ã•ã‚Œã¦ã„ã‚‹ã€ã‹ã‚ã„ã„アイコンセット「Autumn Kawaii Icon Set (50 Icons, SVG & PNG)ã€ã§ã™ã€‚ ã“ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã¯å…¨éƒ¨ã§50種類もã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚»ãƒƒãƒˆã¨ãªã£ã¦ãŠã‚Šã€é›²ã‚„紅葉ã€ã‚Šã‚“ã”ãªã©ç§‹ã‚’æ„Ÿã˜ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚»ãƒƒãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ ベクターデータã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãŒã§ãã‚‹ãŸã‚ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’å«ã‚ã¦å¤šãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ´»ç”¨ã§ããã†ãªã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã§ã™ã€‚シンプルãªä½œã‚Šãªã®ã§ãƒ™ãƒ¼ã‚¹ã¨ã—ã¦ã€è‰²ã€…ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ツールを作ã£ã¦ã¿ã‚‹ã®ã‚‚良ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 「Autumn Kawai
HTMLã‚¿ã‚°ã®å±žæ€§ã§è‡ªç”±ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹SVGアイコンセット「Vivid.jsã€:phpspot開発日誌
SVG Icons Library - Vivid.js HTMLã‚¿ã‚°ã®å±žæ€§ã§è‡ªç”±ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹SVGアイコンセット「Vivid.js〠次ã®ã‚ˆã†ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’HTMLã®å±žæ€§ã§è‰²ã‚’自由ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãるアイコンセットã§ã™ã€‚汎用的ãªã‚¢ã‚¤ã‚³ãƒ³ã‚‚æƒã£ã¦ã„ã¦ä½¿ã„ã‚„ã™ãㆠ関連エントリ ユニークãªAjaxèªã¿è¾¼ã¿ã‚¢ã‚¤ã‚³ãƒ³ãŒä½œã‚Œã‚‹ã€ŒChimply〠フリーã®ã‚¢ã‚¤ã‚³ãƒ³é…布サイトã„ã‚ã„゠ブラウザ上ã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’é¸ã‚“ã§ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãŒä½œã‚Œã‚‹ã€ŒIcoMoonã€
国産ã®SVGアイコンサイトãŒç™»å ´ï¼æ—¥æœ¬äººã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãŒä½œæˆã—ãŸå•†ç”¨ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Icon Box
海外ã®ç´ æã ã¨ã¡ã‚‡ã£ã¨ä¸å®‰ã¨ã„ã†äººã§ã‚‚大丈夫ã€æ—¥æœ¬äººã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãŒä½œæˆã—ãŸå•†ç”¨ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç´ æを紹介ã—ã¾ã™ã€‚ アイコンã¯ç¾åœ¨400種類以上ã‚ã‚Šã€é«˜å“質ã§æ±Žç”¨æ€§ã®é«˜ã„ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚SVGも完備ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€éžå¸¸ã«ä½¿ã„å‹æ‰‹ãŒã‚ˆã„ã¨æ€ã„ã¾ã™ã€‚ Icon Box アイコンã®åˆ©ç”¨ã«ã‚ãŸã£ã¦ã¯å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§ã€ã€Œã‚¢ã‚¤ã‚³ãƒ³ã®ç·¨é›†ã‚‚ã”自由ã«ã©ã†ãžã€ã¨ã®ã“ã¨ã§ã™ã€‚アイコン自体ã®å†é…布ã¯ç¦æ¢ã§ã™ã€‚ 詳ã—ãã¯ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒšãƒ¼ã‚¸ã‚’ã”覧ãã ã•ã„。 アイコンã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã€ä¸‹è¨˜ã®é€šã‚Šã€‚ é€éŽPNG SVG サイズã¯ã€16px, 32px, 64px, 128px, 256pxãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã‚‚ç°¡å˜ã§ã€ç™»éŒ²ãªã©é¢å€’ãªã“ã¨ã¯ä¸€åˆ‡ä¸è¦ã§ã™ã€‚å„アイコンページã®ã€ŒPNGボタンã€ã€ŒSVGボタンã€ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚
便利ãªãƒ„ールãŒç™»å ´ï¼ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã‚’Xã«å¤‰å½¢ã•ã›ã‚‹ã®ã‚‚ç°¡å˜ã€SVGアイコンをアニメーション化ã§ãる無料ツール
SVGアイコンã¯ç¾Žã—ã軽é‡ã§ã€éžå¸¸ã«ä¾¿åˆ©ã§ã™ã€‚Webサイトã§ã‚‚スマホアプリã§ã‚‚ã€SVGアイコンを使用ã—ã¦ã„る人ã¯å¤šã„ã¨æ€ã„ã¾ã™ã€‚ SVGアイコンをアニメーションã•ã›ã‚‹ã«ã¯ã€ã©ã†ã—ã¦ã„ã¾ã™ã‹ï¼Ÿ 例ãˆã°ã€ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’é–‰ã˜ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã«å¤‰åŒ–ã•ã›ã‚‹ãªã©ã€2ã¤ã®SVGアイコンをアニメーションã§å¤‰åŒ–ã•ã›ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールを紹介ã—ã¾ã™ã€‚ 使ã„æ–¹ã¯è¶…ç°¡å˜ã§ã€2ã¤ã®SVGアイコンをã½ã„ã£ã¨ã™ã‚‹ã ã‘ã§ã™ã€‚
SVGã ã‹ã‚‰å¿«é©ï¼ã‚¹ãƒžãƒ›ã‚¢ãƒ—リやWebサイトã§ã‚ˆã見ã‹ã‘るアイコンをアニメーションã§å¤‰å½¢ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
<div class="menu cross menu--1"> <label> <input type="checkbox"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="30" /> <path class="line--1" d="M0 40h62c13 0 6 28-4 18L35 35" /> <path class="line--2" d="M0 50h70" /> <path class="line--3" d="M0 60h62c13 0 6-28-4-18L35 65" /> </svg> </label> </div>
260種類もã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ã‚»ã‚ュリティ関連ã®ã‚¢ã‚¤ãƒ†ãƒ ãŒæƒã£ãŸãƒ™ã‚¯ã‚¿ãƒ¼å®Œå‚™ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æ
ãªã‹ãªã‹çã—ã„アイテムãŒãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸæœ‰æ–™ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æãŒã€1週間é™å®šã§ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ 写真関連ã€ãƒ‡ã‚¶ã‚¤ãƒ³é–¢é€£ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°é–¢é€£ã€ã‚»ã‚ュリティ関連ã€ã‚·ãƒ§ãƒƒãƒ”ング関連ãªã©ã€260種類ã®ã‚«ãƒ©ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã¨260種類ã®ãƒ¢ãƒŽã‚¯ãƒã‚¢ã‚¤ã‚³ãƒ³ãŒæƒã£ã¦ã„ã¾ã™ã€‚
å¤ã®ä»Šã ã‹ã‚‰ã“ã使ã„ãŸã„å¤ã‚’モãƒãƒ¼ãƒ•ã«ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ã¾ã¨ã‚「Free Icon Sets for Summer 2018 that will Heat up Your Designsã€
å¤ã®ä»Šã ã‹ã‚‰ã“ã使ã„ãŸã„å¤ã‚’モãƒãƒ¼ãƒ•ã«ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ã¾ã¨ã‚「Free Icon Sets for Summer 2018 that will Heat up Your Designs〠7月ã«å…¥ã‚Šæœ¬æ ¼çš„ã«å¤ã®åˆ°æ¥ã‚’æ„Ÿã˜ã‚‹ã“ã®é ƒã€‚å¤ã‚’テーマã«ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’手ãŒã‘る機会も増ãˆã¦ããŸã®ã§ã¯ç„¡ã„ã§ã—ょã†ã‹ï¼Ÿä»Šå›žã”紹介ã™ã‚‹ã®ã¯ã€ãã‚“ãªä»Šã®æ™‚期ã ã‹ã‚‰ã“ã使ã„ãŸã„å¤ã‚’モãƒãƒ¼ãƒ•ã«ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ã¾ã¨ã‚「Free Icon Sets for Summer 2018 that will Heat up Your Designsã€ã§ã™ã€‚ Summer Sales 50 free icons (SVG, EPS, PSD, PNG files) デザインã«å¤ã‚‰ã—ã•ã‚’å–り入れãŸã„ã¨ãã«ä¾¿åˆ©ãªã€å¤ã‚’連想ã•ã›ã‚‹ãƒ¢ãƒãƒ¼ãƒ•ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒå…¨éƒ¨ã§9種類紹介ã•ã‚Œã¦ã„ã¾ã™ã€‚ã•ã‚‰ã«ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹ãŠã™ã™ã‚ã®ã‚‚ã®ã‚’ピックアップã—ã¾ã—ãŸã®ã§ã€
ã“ã„ã¤å‹•ããžï¼å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€ã‚·ãƒ³ãƒ—ルã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã‚‚SVGã‚‚æƒã£ãŸãƒ•ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Box Icons
400種類以上ã®ã‚¢ã‚¤ãƒ†ãƒ ãŒæƒã£ãŸã€Webサイトやスマホアプリã«ã´ã£ãŸã‚Šãªã‚·ãƒ³ãƒ—ルã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ã‚’紹介ã—ã¾ã™ã€‚ MITライセンスã§ã€å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ã¾ãŸã€ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚„SVGã¨ã—ã¦åˆ©ç”¨ã§ãã‚‹ã®ã§ã€ã‹ãªã‚Šä¾¿åˆ©ã ã¨æ€ã„ã¾ã™ã€‚
スマホアプリã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã‚ˆã使用ã•ã‚Œã‚‹ã‚ã®ã‚¢ã‚¤ã‚³ãƒ³ã®åå‰ã€ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã¨ã‹ã‚±ãƒãƒ–ã¨ã‹ãƒŸãƒ¼ãƒˆãƒœãƒ¼ãƒ«ã¨ã‹
先日ã®è¨˜äº‹ã€ŒChrome 67ã§ã‚¢ãƒƒãƒ—デートã•ã‚ŒãŸãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールã®æ–°æ©Ÿèƒ½ã€ã§ã€ã€Œã‚±ãƒãƒ–ã£ã¦è¨€ã†ã‚“ã ã€ã¨ã„ã†å£°ãŒèžã“ãˆãŸã®ã§ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã‚ˆã使用ã•ã‚Œã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã®å称を紹介ã—ã¾ã™ã€‚ 横3本線ã®ã‚¢ã‚¤ã‚³ãƒ³ã¯ã»ã¨ã‚“ã©ã®äººãŒã€Œãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã€ã§é€šã˜ã‚‹ã§ã—ょã†ã€‚横3ã¤ã®ãƒ‰ãƒƒãƒˆã€ç¸¦3ã¤ã®ãƒ‰ãƒƒãƒˆã¯ã€ä½•ã¦å‘¼ã‚“ã§ã¾ã™ã‹ï¼Ÿ 特ã«åå‰ã¯ä½¿ã‚ãªã„ã€åˆ¥ã®å‘¼ã³æ–¹ã‚’ã—ã¦ã„ã‚‹ãªã©ã‚ã‚Šã¾ã—ãŸã‚‰ã€æ•™ãˆã¦ãã ã•ã„。 CSS Menu Icon Animation ã¡ã‚‡ã†ã©ã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—リã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ä½¿ç”¨ã•ã‚Œã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã®ãƒ‡ãƒ¢ã«ã‚‚ãれらã®å称ãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ã“れらã¯ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®éŠã³å¿ƒã§å付ã‘られãŸã‚‚ã®ã§ã€å…¬å¼ãªå称ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 ç§ã¯æœ€åˆã€ã“ã®å‘¼ã³æ–¹ã‚’下記ã®ãƒ„イートã§è¦‹ãŸè¨˜æ†¶ãŒã‚ã‚Šã¾ã™ã€‚ Don't ever say you don't have choices on mobile. pic.twitter.com/Atu3
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Material Design Icons - Icon Library - Pictogrammers
æ•°å—を入力ã™ã‚‹ã ã‘ï¼ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒœã‚¿ãƒ³ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼
{{#tags}}- {{label}}
{{/tags}}