Bootstrap IconsNew in v1.11.0: 100 new icons! Bootstrap Icons Free, high quality, open source icon library with over 2,000 icons. Include them anyway you like—SVGs, SVG sprite, or web fonts. Use them with or without Bootstrap in any project.
商用利用無料ã€UIデザイン用ã®SVGアイコンãŒ220種類ï¼æ”¹å¤‰ãƒ»å†é…布もå¯ã®å¤ªã£è…¹ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ -System UIcons
システムã¨ãƒ—ãƒãƒ€ã‚¯ãƒˆã®UI用ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã€ã‚ªãƒ¼ãƒ—ンソースã®SVGアイコンを紹介ã—ã¾ã™ã€‚Webサイトやスマホアプリã«æœ€é©ã§ã™ï¼ アウトラインã®ã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã€220種類ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒæƒã£ã¦ã„ã¾ã™ã€‚SVGãªã®ã§ã€ã‚µã‚¤ã‚ºã‚„カラーãªã©ã‚‚ç°¡å˜ã«å¤‰æ›´ã—ã¦åˆ©ç”¨ã§ãã¾ã™ã€‚ System UIcons System UIcons -GitHub System UIconsã®ç‰¹å¾´ System UIconsã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ System UIconsã®ä½¿ã„æ–¹ System UIconsã®ç‰¹å¾´ System UIconsã¯ã€ã‚·ã‚¹ãƒ†ãƒ ã¨ãƒ—ãƒãƒ€ã‚¯ãƒˆã®UIã«ã‚ˆã使用ã•ã‚Œã‚‹ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã®ã‚¢ã‚¤ã‚³ãƒ³ã§ã™ã€‚フォーマットã¯SVGãªã®ã§ã€ä½¿ã„ã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚ ライセンスã¯The Unlicenseã§ã€å•†ç”¨ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚改変・å†é…布もOKã§ã™ã€‚
ã€note版】パワãƒè³‡æ–™ã‚’ãã£ã¨é…力的ã«ã—ã¦ãれる「アイコンã€ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ã™ã¹ã¦ç„¡æ–™ã§ã™ï¼ï½œã¨ãã•ã‚“｜MYCOPING
ã“ã®è¨˜äº‹ã¯éŽåŽ»ã«ãƒ–ãƒã‚°ã«æŠ•ç¨¿ã—ãŸè¨˜äº‹ã«ã€è¿½åŠ ã®æƒ…å ±ã‚’åŠ ãˆã¦noteå‘ã‘ã«å†ç·¨é›†ã—ãŸã‚‚ã®ã§ã™ã€‚良ã„ã‚‚ã®ãŒã‚ã£ãŸã‚‰ã©ã‚“ã©ã‚“æƒ…å ±è¿½åŠ ã—ã¦ã„ãã®ã§ã”活用ãã ã•ã„ã¾ã›ã€‚ ---------------------- 最近資料デザインを「ç¾ä»£çš„ã€ã«ã—ãŸã„ãªã¨æ€ã£ã¦ã„ã¦ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ†ãƒ³ãƒ—レートを購入ã—ã¦ç ”究ã—ãŸã‚Šã—ã¦ã¾ã™ã€‚ãã“ã§é‡è¦ã¨ãªã‚‹ã®ãŒã€Œã‚¢ã‚¤ã‚³ãƒ³ã€ã§ã€ã†ã¾ã使ã†ã ã‘ã§è³‡æ–™ãŒãã£ã¨è¦‹ã‚„ã™ããªã‚Šã¾ã™ã€‚ã„ã‚ã„ã‚ã¨ã‚°ã‚°ã£ã¦ã¿ã‚‹ã¨è‰¯ã„ã‚‚ã®ãŒãŸãã•ã‚“ã‚ã‚‹ã®ã§ã€ä»Šå›žã¯ãれをã”紹介。 ã¾ãšã¯ã“ã¡ã‚‰ã€‚ GoogleãŒæä¾›ã—ã¦ã„ã¦ãã®ã‚µãƒ¼ãƒ“スã§ã‚ˆã使ã‚ã‚Œã¦ã„ã‚‹Material Icon 942種類をパワãƒã§ã™ã使ãˆã‚‹ã‚ˆã†ã«ã‚³ãƒ³ãƒãƒ¼ãƒˆã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ãŸãã•ã‚“ã®ã‚«ãƒ†ã‚´ãƒªãƒ¼ã”ã¨ã«ç¶²ç¾…çš„ã«ã‚¢ã‚¤ã‚³ãƒ³ãŒæƒã£ã¦ã„ã‚‹ã®ã§ã™ã”ã使ãˆãã†ã§ã™ã€‚ã•ã£ããダウンãƒãƒ¼ãƒ‰ã—ã¾ã—ãŸã€‚ ã¾ãŸã€åŒã˜æ–¹ãŒFont Awesomeã®ã‚¢ã‚¤ã‚³ãƒ³36
高å“質ã§ä½¿ã„ã‚„ã™ã„ï¼å‚考ã«ã—ãŸã„ã™ã”ã„ç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ç´ æ50個ã¾ã¨ã‚
ウェブサイトやグラフィック制作ã«ãŠã„ã¦ã€é‡è¦ãªãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ã®ã²ã¨ã¤ã§ã‚るアイコン。今回ã¯ã€Photoshop ã‚„ Illustratorã€Sketchãªã©å¹…広ã„デザインツールã§åˆ©ç”¨ã§ãã€ç„¡æ–™ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚å¯èƒ½ãªæ–°ä½œã‚¢ã‚¤ã‚³ãƒ³ç´ æã‚’ã¾ã¨ã‚ã¦ã”紹介ã—ã¾ã™ã€‚ 2018年らã—ã„鮮やã‹ãªé…色やイラスト風デザインã®ä»–ã«ã‚‚ã€ã‚µã‚¤ãƒˆã‚„アプリã®ä½¿ã„ã‚„ã™ã•ã‚’å‘上ã§ãる高å“質ãªã‚¢ã‚¤ãƒ†ãƒ ãŒä¸å¿ƒã§ã€ã‚¢ã‚¤ã‚³ãƒ³ã®ã‚µã‚¤ã‚ºã‚„色ã®å¤‰æ›´ã«ã‚‚å‘ã„ã¦ã„ã‚‹Illustratorç”¨ãƒ™ã‚¯ã‚¿ãƒ¼ç´ æも豊富ã«æƒã„ã¾ã™ã€‚ ã€å…¨ã¦ç„¡æ–™ï¼ã€‘高å“質ã§ä½¿ã„ã‚„ã™ã„æ–°ä½œã‚¢ã‚¤ã‚³ãƒ³ç´ æ48個ã¾ã¨ã‚ 2018å¹´3月度 ã‚らゆるæ¥ç¨®ã§ä½¿ãˆã‚‹ï¼ç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒ”クトグラム55個ã¾ã¨ã‚ 2017å¹´9月度 高å“質ã§ä½¿ã„ã‚„ã™ã„ï¼å‚考ã«ã—ãŸã„ã™ã”ã„ç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ç´ æã¾ã¨ã‚ Free New Adobe CC Icons æ–°ã—ããªã£ãŸAdobe関連ã®ã‚¢ãƒ—リを10種類ã¾ã¨ã‚ãŸã‚¢ã‚¤ã‚³ãƒ³
プレゼン資料ã®è¡¨ç¾åŠ›ãŒå¢—ã™ï¼ãƒ“ジãƒã‚¹ç”¨é€”ã«ä½¿ã„ã‚„ã™ã„フリーアイコン（×331個）ã®ã”紹介 ｜プレゼンデザイン
ã“ã®è¨˜äº‹ã¯2015å¹´11月09日時点ã®æƒ…å ±ã«åŸºã¥ã„ã¦æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚æƒ…å ±ãŒä¸€éƒ¨å¤ããªã£ã¦ã„ã‚‹å ´åˆãŒã‚ã‚‹ãŸã‚ã”注æ„ãã ã•ã„。 プレゼン資料ã®è¡¨ç¾ã®å¹…を広ã’ã‚‹ã†ãˆã§ã€ã‚ã‚‹ã¨ä¾¿åˆ©ãªã®ãŒã‚¢ã‚¤ã‚³ãƒ³ã§ã™ã€‚ã—ã‹ã—ã€è³‡æ–™ä½œæˆã®é€”ä¸ã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’探ã™ã®ã«æ‰‹é–“ã©ã£ãŸã‚Šã€å¿…è¦ãªç¨®é¡žãŒãã‚ã‚ãšè‰²ã‚„å½¢ãŒã¡ãã¯ãã«ãªã£ã¦ã—ã¾ã£ãŸçµŒé¨“ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿä»Šå›žç´¹ä»‹ã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã¯æ•°ãŒè±Šå¯Œï¼ˆ331個）ãªã†ãˆã€å¤§ãã•ã‚„色も自由ã«å¤‰æ›´å¯èƒ½ã€‚幅広ã„用途をカãƒãƒ¼ã§ãã‚‹ã“ã¨é–“é•ã„ã‚ã‚Šã¾ã›ã‚“ï¼ å®ŸåŠ›æ´¾ã‚¢ã‚¤ã‚³ãƒ³ã®ã€ŒiconSweets2ã€ã‚’ パワーãƒã‚¤ãƒ³ãƒˆå‘ã‘ã«ã‚³ãƒ³ãƒãƒ¼ãƒˆã—ã¾ã—㟠ã•ã¦ã€ä»Šå›žã”紹介ã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã§ã™ãŒã€ã‚¦ã‚§ãƒ–デザインã«é–¢ã‚ã‚‹æ–¹ãªã‚‰ã©ã“ã‹ã§è¦‹è¦šãˆãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ソースã¯ã€â€Yummygum（http://yummygum.com）â€ã¨ã„ã†æµ·å¤–ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¿ã‚¸ã‚ªãŒãƒªãƒªãƒ¼ã‚¹ã—ãŸã€ŒiconSweets2ã€ã¨ã„ã†ã‚¢ã‚¤ã‚³ãƒ³é›†ã§ã€ã“れをパ
ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ã‚’作る時ã«ä¾¿åˆ©ãªã‚¢ã‚¤ã‚³ãƒ³é›†ã®ã¾ã¨ã‚(2016年度版)
以å‰ã€Œãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ã‚’作る時ã«ä¾¿åˆ©ãªã‚¢ã‚¤ã‚³ãƒ³é›†ã®ã¾ã¨ã‚(2013年度版) ã€ã¨ã„ã†è¨˜äº‹ã‚’エントリã—ãŸã®ã§ã™ãŒã€ãã‚Œã‹ã‚‰æ™‚é–“ãŒçµŒéŽã—ãŸã®ã§2016年度版を作ã£ã¦ã¿ã¾ã—ãŸã€‚ ※　2020年　12月05日　「Kubernetesã®ã‚¢ã‚¤ã‚³ãƒ³é›†ã€ã¨ã€Œãƒ¤ãƒžãƒãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯æ©Ÿå™¨ã®ã‚¢ã‚¤ã‚³ãƒ³é›†ã€ã‚’è¿½åŠ ã€ãã®ä»–ã®ãƒªãƒ³ã‚¯é›†ã«ã€Œè³‡æ–™ã§ä½¿ã†æŠ€è¡“/プãƒãƒ€ã‚¯ãƒˆãƒã‚´ã®ãƒªãƒ³ã‚¯é›† – Qiitaã€ã‚’è¿½åŠ ã„ãŸã—ã¾ã—ãŸã€‚ ※　2018年　11月28日　Alibaba Cloud iconsã‚’è¿½åŠ ã„ãŸã—ã¾ã—ãŸã€‚ ※　2017年　12月22日　ニフクラ ã‚¢ã‚¤ã‚³ãƒ³ï¼†ã‚·ãƒ³ãƒœãƒ«ã‚’è¿½åŠ ã„ãŸã—ã¾ã—ãŸã€‚ ※　2017å¹´11月18日　cocha-iconsã‚’è¿½åŠ ã„ãŸã—ã¾ã—ãŸã€‚ ※　2017å¹´8月27日セã‚ュリティアイコン/Security icons – Security along DesigNã‚’è¿½åŠ ã„ãŸã—ã¾ã—ãŸã€‚ ※　2016å¹´12月26日　「
[CSS]シンプルãªãŒã‚‰ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ãŒè±Šå¯Œãªã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã®ãƒœã‚¿ãƒ³
デモページ：カスタムCSS Social Buttonsã®ä½¿ã„æ–¹ ã“ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã®ãƒœã‚¿ãƒ³ã¯ãƒ”ュアCSS3ã§ã‚‚HTML5 Canvasã§ã‚‚ãªãã€èƒŒæ™¯ç”»åƒã‚’使ã£ã¦å®Ÿè£…ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ã“れらã®ã‚¢ã‚¤ã‚³ãƒ³ã¯ã‚¯ãƒã‚¹ãƒ–ラウザã§ã€ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«åˆ©ç”¨ã§ãるよã†åºƒã„用途を目的ã¨ã—ãŸã‚‚ã®ã§ã™ã€‚ 外部ファイル スタイルシートを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã€ç”»åƒãƒ•ã‚©ãƒ«ãƒ€ã‚’スタイルシートをåŒã˜éšŽå±¤ã«è¨ç½®ã—ã¾ã™ã€‚ <link href="social-buttons.css" rel="stylesheet"> HTML テã‚ストをaè¦ç´ ã§å†…包ã—ã€classã«ãƒœã‚¿ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’定義ã—ã¾ã™ã€‚ 「sbã€ã‚’共通ã§ã€ã‚ã¨ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚’組ã¿åˆã‚ã›ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <a href="#" class="sb orange twitter">Twitter</a> <a href="#" class="sb blue face
有料ã‹ã‚‰ç„¡æ–™ã«ãªã£ãŸCSS3ã«ã‚ˆã‚‹42種ã®ã‚¦ã‚§ãƒ–アプリボタンセット「Zocialã€
ã‚‚ã¨ã‚‚ã¨ã¯24ドル(ç´„1800円)ã®æœ‰æ–™ã‚»ãƒƒãƒˆã ã£ãŸã®ã§ã™ãŒã€ä»Šã¯ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ãªã®ãŒã€ŒZocialã€ã§ã™ã€‚42種類ã®CSS3ã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚§ã‚¤ã‚¹(font-face)ã¨ã€ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã«ã‚ˆã£ã¦è‡ªç”±ãªã‚µã‚¤ã‚ºã§ã‚レイã«æç”»ã§ãるアイコンボタンã®çµ„ã¿åˆã‚ã›ã¨ãªã£ã¦ã„ã¾ã™ã€‚ Zocial ~ CSS3 Buttons, Sass Framework. http://zocialbuttons.com/ Zocial | CSS3 Button Set http://zocial.smcllns.com/ ダウンãƒãƒ¼ãƒ‰ã¯ä¸‹è¨˜ã‚µã‚¤ãƒˆã®ã€ŒZIPã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚Œã°å¯èƒ½ã§ã™ã€‚ samcollins/css-social-buttons - GitHub https://github.com/samcollins/css-social-buttons/ サンプルã¯ä»¥ä¸‹ã‹ã‚‰é–²è¦§å¯èƒ½ã€‚ Zocia
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
2013å¹´ã®ã‚¦ã‚§ãƒ–デザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’探るã‹ã£ã“ã„ã„UIデザインã®ã¾ã¨ã‚
Site Under Maintenance
{{#tags}}- {{label}}
{{/tags}}