ã‚‚ã†ã“ã‚Œã§SVGアイコンを探ã™ã¨ãã«å›°ã‚‰ãªã„ï¼ ç„¡æ–™ã§åˆ©ç”¨ã§ãるアイコンライブラリを横æ–検索ã§ãる便利サイト -Icônes
当ブãƒã‚°ã§ã‚‚ãŸãã•ã‚“ã®SVGアイコンã®ãƒ©ã‚¤ãƒ–ラリを紹介ã—ã¦ãã¾ã—ãŸãŒã€ãれらã®ã»ã¨ã‚“ã©ãŒã²ã¨ã¾ã¨ã‚ã«é–²è¦§ãƒ»æ¤œç´¢ã§ãる便利ãªã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™ã€‚ 複数ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ©ã‚¤ãƒ–ラリã‹ã‚‰æŽ¢ã›ã‚‹ã ã‘ã§ãªãã€ç•°ãªã‚‹ãƒ©ã‚¤ãƒ–ラリã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã¾ã¨ã‚ã¦ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã«ã‚‚ã§ãã¾ã™ã€‚矢å°ã‚¢ã‚¤ã‚³ãƒ³ã¯Material Iconsã§ã€ãƒ›ãƒ¼ãƒ アイコンã¯Bootstrapã§ã€ã¨ã„ã†ã“ã¨ã‚‚ã§ãã¾ã™ã€‚
商用利用無料ã€UIデザイン用ã®SVGアイコンãŒ1000ç¨®é¡žä»¥ä¸Šï¼ æ”¹å¤‰ãƒ»å†é…布もå¯ã®å¤ªã£è…¹ãƒ©ã‚¤ã‚»ãƒ³ã‚¹- MingCute Icon
Webサイトやスマホアプリã®ã•ã¾ã–ã¾ãªUIデザインã«é©ã—ãŸã€ã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ã®SVGアイコンãŒå®Œå…¨ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹MingCute Iconを紹介ã—ã¾ã™ã€‚ アイコンã¯å°ã•ã„サイズã§ã‚‚ãã£ãり見ãˆã‚‹ã‚ˆã†ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ãŠã‚Šã€SVGã ã‘ã§ãªãã€Webフォントもæƒã£ã¦ã„ã¾ã™ã€‚ MingCute Icon MingCute Icon -GitHub MingCute Iconã®ç‰¹å¾´ アイコンã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ MingCute Iconã®ã‚¢ã‚¤ã‚³ãƒ³ MingCute Iconã®ç‰¹å¾´ MingCute Iconã¯Webサイトやスマホアプリã®UI用ã«ã‚·ãƒ³ãƒ—ルã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸé«˜å“質ãªã‚¢ã‚¤ã‚³ãƒ³ã§ã™ã€‚24x24ã®ã‚°ãƒªãƒƒãƒ‰ã§è¨è¨ˆã•ã‚Œã¦ãŠã‚Šã€ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã¨å¡—ã‚Šã¤ã¶ã—ã®2スタイルã€2pxã®ã‚¹ãƒˆãƒãƒ¼ã‚¯ã€SVGã€PNGã€ãŠã‚ˆã³WebフォントãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ライセンスã¯Apache License 2.0ã§ã€å•†ç”¨
爆速ã®ã‚¢ã‚¤ã‚³ãƒ³æ¤œç´¢ã‚µã‚¤ãƒˆã‚’作ã£ãŸ
爆速ã®ã‚¢ã‚¤ã‚³ãƒ³æ¤œç´¢ã‚µã‚¤ãƒˆã‚’作ã£ãŸã®ã§ã€éŠã‚“ã§ã¿ã¦ãã ã•ã„。 (1) ã¾ãšã¯è‡ªåˆ†ãŒä½¿ã„ã‚„ã™ã„アイコン検索サイトを作りãŸã‹ã£ãŸã®ã§ä½œã‚Šã¾ã—ãŸã€‚(2) 様々ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’爆速ã§æ¨ªæ–検索ã—ã€ã‚µã‚¯ãƒƒã¨ã‚¢ã‚¤ã‚³ãƒ³ã‚’コピーã§ãるよã†ã«ã—ã¾ã—ãŸã€‚å˜ç´”ãªãŒã‚‰æ„外ã¨ãã®éƒ¨åˆ†ãŒé¢å€’ãªã‚µã‚¤ãƒˆã¯å¤šã„æ°—ãŒã—ã¾ã™ã€‚(3) ã¾ãŸå¿œç”¨ã¨ãƒ¡ãƒ³ãƒ†ãŒã—ã‚„ã™ã„実装ã«ã—ã¦ã€éžå¸¸ã«ã‚µãƒãƒ¼ãƒˆç¯„囲ã®åºƒã„ DB ã‚’ GitHub Pages 上ã§æ§‹ç¯‰ã—ã¾ã—ãŸã€‚公開時点ã§ã¯ 120+ ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã¨ã€130,000+ ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’サãƒãƒ¼ãƒˆã—ã¦ãŠã‚Šã€ã‚µãƒãƒ¼ãƒˆæ•°ã‚‚観測範囲ã§ã¯ No.1 ã§ã™ã€‚ 開発動機 アプリ/サイト開発ã§ã¯ã¾ãšãŠä¸–話ã«ãªã‚‹ã§ã‚ã‚ã†ã‚¢ã‚¤ã‚³ãƒ³ã€‚ç§ã¯ã“ã‚Œã¾ã§ Material Icons 㨠Bootstrap Icons ã°ã‹ã‚Šä½¿ã£ã¦ã„ã¾ã—ãŸã€‚ã“ã‚Œã¯æ¤œç´¢ãŒé¢å€’ã ã£ãŸã‹ã‚‰ã§ã™ã€‚検索ãŒé¢å€’ã ã¨çŸ¥å度ã®é«˜ã„ã‚‚ã®ã ã‘ã«é–‰ã˜ã¦ã—ã¾ã†ã®ã§ã€è‰¯
SVGBox | API for Web Icons
API for Web Icons Including icons is harder than it should be. SVGBox allows you to add icons to your project by using simple tags. The idea behind the service is that including icons should be as simple as copy and paste. It's free and icons are delivered over Cloudflare CDN, the same technology that powers CDNJs's 190B+ monthly requests . Explore Iconsets
アイコンデザイン 7ã¤ã®åŽŸå‰‡ã€å„ªã‚ŒãŸã‚¢ã‚¤ã‚³ãƒ³ã‚’デザインã™ã‚‹ãŸã‚ã«
Webサイトã§ã‚‚スマホアプリã§ã‚‚ã€ã‚¢ã‚¤ã‚³ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯éžå¸¸ã«é‡è¦ã§ã™ã€‚優れãŸã‚¢ã‚¤ã‚³ãƒ³ã‚’デザインã™ã‚‹ãŸã‚ã«å¿…è¦ãª7ã¤ã®åŽŸå‰‡ã‚’紹介ã—ã¾ã™ã€‚ アイコンã ã‘ã§ãªãã€UI全体ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚通ã˜ã‚‹ãƒ—ãƒã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒè©³ã—ã解説ã•ã‚Œã¦ã„ã¾ã™ã€‚ 7 Principles of Icon Design by Helena Zhang 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ Clarity -アイコンã¯åˆ†ã‹ã‚Šã‚„ã™ã Readability -アイコンã¯è¦‹ã‚„ã™ã Alignment -アイコンã«ãŠã‘ã‚‹æƒãˆ Brevity -アイコンã¯ç°¡æ½”ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ Consistency -アイコンã®ä¸€è²«æ€§ Personality -アイコンã®å€‹æ€§ Ease of Use -アイコンã®ä½¿ã„ã‚„ã™ã• アイコンã®ãƒªã‚½ãƒ¼ã‚¹ Clarity -アイコンã¯åˆ†ã‹
ã‚‚ã†ã“ã‚Œã§UI用ã®ã‚¢ã‚¤ã‚³ãƒ³ã«ã¯å›°ã‚‰ãªã„ï¼å•†ç”¨ã§ã‚‚完全無料ã§åˆ©ç”¨ã§ãã‚‹3,000種類ã®ã‚·ãƒ³ãƒ—ルãªã‚¢ã‚¤ã‚³ãƒ³ç´ æ
商用ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹1,000種類ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒ3ã¤ã®ã‚¹ã‚¿ã‚¤ãƒ«ã€ãã—ã¦Photoshoop用・Adobe XD用・Sketch用・Figma用・inVision用ã€ãã—ã¦SVGã¾ã§å®Œå‚™ã•ã‚ŒãŸMaterial Icons Libraryを紹介ã—ã¾ã™ã€‚ 一度ã«ã™ã¹ã¦ã®ã‚¢ã‚¤ãƒ†ãƒ ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã§ã€å‚™ãˆã¦ãŠãã¨ä¾¿åˆ©ã ã¨æ€ã„ã¾ã™ã€‚ Material Icons Library ラインセスã¯Apache License Version 2.0ã§ã€å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ アイコンã¯Material Designã‚’è¸è¥²ã—ã¦ãŠã‚Šã€å…¨éƒ¨ã§1,000種類ã®ã‚¢ã‚¤ãƒ†ãƒ ãŒæƒã£ã¦ã„ã¾ã™ã€‚スタイルã¯è§’丸・アウトラインã€ãƒ„ートーンã®3種類。åˆè¨ˆã™ã‚‹ã¨ã€3,000種類以上ã«ãªã‚Šã¾ã™ã€‚ アイコンã®ç‰¹å¾´ フォーマットã¯ã€Photoshop, Adobe XD, Sketch, Figma, inVision
ã‚‚ã†ã‚¢ã‚¤ã‚³ãƒ³ç´ æã«å›°ã‚‰ãªã„ï¼CC0ã§SVG完備ã€420種類ã®ã‚·ãƒ³ãƒ—ルã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Evericons | コリス
シンプルãªã‚¢ã‚¤ã‚³ãƒ³ç´ æã¯ã€é‡å®ã—ã¾ã™ã‚ˆã。 Webサイトやブãƒã‚°ã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—リãªã©ã«ã´ã£ãŸã‚Šãªã€ã‚·ãƒ³ãƒ—ルã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹SVG完備ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æを紹介ã—ã¾ã™ã€‚ CC0ãªã®ã§ã€å•†ç”¨åˆ©ç”¨æ™‚ã®ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆè¡¨è¨˜ã¯ä¸è¦ã€è¤‡è£½ã€æ”¹å¤‰ã€é…布ãªã©ã‚‚OKã§ã€ä½¿ã„å‹æ‰‹ãŒã‹ãªã‚Šã‚ˆã„ã¨æ€ã„ã¾ã™ã€‚
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
The icon manager for web developer
Iconset - Free Icon Organizer for Mac and Windows
Iconoir | Free Icons
Icons - Material Design
https://emblemicons.in/
Tabler Icons
Eva Icons - beautifully crafted Open Source UI icons for common actions and items.
Unicons - 7000+ Free SVG Icons, 3D Icons, Animated Icons and Icon Fonts | IconScout
GitHub - keremciu/sketch-iconfont: This plugin helps you easily insert and manage icons from icon fonts.
Guide (& tips) to Create Quality Material Design Icons
Creating an icon font — Max Glenister
Free icons by first-class designers | Iconstore
Glyph, a versatile SVG icon set
{{#tags}}- {{label}}
{{/tags}}