[B! SVG] cartman0ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

cartman0 id:cartman0

SVGã«é–¢ã™ã‚‹cartman0ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (30)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

å…¨éƒ¨ã€å®Œå…¨ã«å•†ç”¨åˆ©ç”¨ç„¡æ–™ï¼ã‚¹ãƒžãƒ›ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã«é©ã—ãŸ2,186ç¨®é¡žã®SVGã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Fluent Icons
Microsoftã‹ã‚‰Androidã‚„iOSã®ã‚¹ãƒžãƒ›ã®UIå‘ã‘ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸSVGã‚¢ã‚¤ã‚³ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ä½¿ç”¨ã—ã¦ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ã¯è§’ãŒä¸¸ãã€å½¢çŠ¶ãŒå˜ç´”åŒ–ã•ã‚Œã¦ãŠã‚Šã€ã‚¹ãƒžãƒ›ã§ã®è¦–èªæ€§ã‚„æ“ä½œæ€§ãŒè€ƒæ…®ã•ã‚Œã¦ã„ã¾ã™ã€‚ã‚¹ã‚¿ã‚¤ãƒ«ã¯ã‚½ãƒªãƒƒãƒ‰ã¨ãƒ™ã‚¿å¡—ã‚Šã®2ç¨®é¡žã€2,186ç¨®é¡žã™ã¹ã¦ãŒSVGã‚¢ã‚¤ã‚³ãƒ³ã§ã™ã€‚ Fluent Icons â€»ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãªã®ã§ã€æœ‰å¿—ã«ã‚ˆã‚‹ã‚µã‚¤ãƒˆã‚‚ä½œæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã€å•†ç”¨ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ã¯å…¨éƒ¨ã§ã€2,186ç¨®é¡žï¼ ã‚¢ã‚¤ã‚³ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯ã€Regularã®ã‚½ãƒªãƒƒãƒ‰ã€Filledã®å¡—ã‚Šã¤ã¶ã—ã®2ç¨®é¡žã€‚ ã‚¹ãƒžãƒ›ã®UIç”¨ã«ã€24pxã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚¢ã‚¤ã‚³ãƒ³ã€‚ ãƒ€ãƒ¼ã‚¯ãƒ¢ãƒ¼ãƒ‰ã«ã‚‚å¯¾å¿œã€‚ ã‚¢ã‚¤ã‚³ãƒ³ã¯SVGã§ã€ã‚³ãƒ¼ãƒ‰ã®ã‚³ãƒ”ãƒ¼ã‚ã‚‹ã„ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ã™ã¹ã¦SVGã‚¢ã‚¤ã‚³ãƒ³ãªã®ã§ã€ã‚µã‚¤ã‚ºã‚„ã‚«ãƒ©ãƒ¼
cartman0 2020/12/23
SVG

ã‚¢ã‚¤ã‚³ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations withÂ unparalleledÂ flexibility
cartman0 2019/11/28
SVG

js

javascript
ãƒªãƒ³ã‚¯
Remix Icon - Open source icon library
Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.
cartman0 2019/04/18
icon

ã‚¢ã‚¤ã‚³ãƒ³

SVG

ç´ æ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
UIç”¨ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒ1,400ç¨®é¡žä»¥ä¸Šï¼å•†ç”¨ã§ã‚‚å®Œå…¨ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Remix Icon
å•†ç”¨ã§ã‚‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚å®Œå…¨ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã€UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã®ãŸã‚ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ã®ã‚¢ã‚¤ãƒ†ãƒ ã¯ãªã‚“ã¨1,441ç¨®é¡žï¼ SVGã€ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€ãã—ã¦PowerPointã‚„Keynoteç”¨ã¾ã§æƒã£ã¦ã„ã¾ã™ã€‚1,441ç¨®é¡žã®ã‚¢ã‚¤ã‚³ãƒ³ãŒ1ã‚¯ãƒªãƒƒã‚¯ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã§ã€å‚™ãˆã¦ãŠãã¨ä¾¿åˆ©ã ã¨æ€ã„ã¾ã™ã€‚
cartman0 2019/04/18
ã‚¢ã‚¤ã‚³ãƒ³

ui

ç„¡æ–™

SVG

icon
ãƒªãƒ³ã‚¯
Potlab Icons â€” Animated SVG icons for web projects
Web site created using create-react-app
cartman0 2019/04/15
animation

icon

SVG
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œãŒçˆ†é€Ÿã«ï¼ä¾¿åˆ©ãªæœ€æ–°ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«47å€‹ã¾ã¨ã‚
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã‚’ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ—ã•ã›ã‚‹ã€ä¾¿åˆ©ãªæœ€æ–°ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¼ãƒã‹ã‚‰ä½œã‚‹ã¨æ™‚é–“ã®ã‹ã‹ã£ã¦ã—ã¾ã„ãã†ãªã“ã¨ã‚‚ã€ã“ã‚Œã‚‰ã®ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã†ã“ã¨ã§å¤§å¹…ã«åˆ¶ä½œæ™‚é–“ã‚’çŸç¸®ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ãŒæƒã„ã¾ã™ã€‚ä»Šå¾Œã®ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã«å–ã‚Šå…¥ã‚Œã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã€‚ ã“ã“ã§ã¯ã€ã‚«ãƒ†ã‚´ãƒªãƒ¼åˆ¥ã«åˆ†ã‘ã¦æ–°ã—ã„ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç›®æ¬¡ 1. ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ãƒ„ãƒ¼ãƒ« 2. ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ« 3. ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ã‚³ãƒ¼ãƒ‰ã¸ã®å¤‰æ›ãƒ„ãƒ¼ãƒ« 4. ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãƒ„ãƒ¼ãƒ« 5. ã‚µã‚¦ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ« 6. ã‚¢ã‚¤ã‚³ãƒ³ç´ æãƒ‘ãƒƒã‚¯ 7. ã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã€å…±åŒä½œæ¥ãƒ„ãƒ¼ãƒ« 8. é¢ç™½ãƒ„ãƒ¼ãƒ« 9. ãƒ•ã‚©ãƒ³ãƒˆã€æ›¸ä½“ãƒ„ãƒ¼ãƒ« ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã‚’çˆ†é€Ÿã«ï¼ä¾¿åˆ©ãªæœ€æ–°ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚ ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ãƒ„ãƒ¼ãƒ« Design Camera ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä»˜ãã®ï¼“Dãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’æ•°ç§’ã§ä½œ
cartman0 2019/03/11
ãƒ„ãƒ¼ãƒ«

ã‚ªãƒ³ãƒ©ã‚¤ãƒ³

ãƒ•ã‚©ãƒ³ãƒˆ

ã‚¢ã‚¤ã‚³ãƒ³

SVG

ã‚³ãƒ¼ãƒ‰

design
ãƒªãƒ³ã‚¯
ã‚¤ãƒ©ã‚¹ãƒˆã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒè³‡æ–™ã«ï¼äººç‰©ãƒ»å‹•ç‰©ãƒ»æ¤ç‰©ãƒ»ãƒ‡ã‚¸ã‚¿ãƒ«æ©Ÿå™¨ãƒ»å»ºç‰©ãƒ»å®¶å…·ãªã©ã‚’å›³ç‰ˆåŒ– -Dimensions.Guide
äººç‰©ãƒ»å‹•ç‰©ãƒ»æ¤ç‰©ã‚’ã¯ã˜ã‚ã€ãƒ‡ã‚¸ã‚¿ãƒ«æ©Ÿå™¨ã€å»ºç‰©ã€å®¶å…·ãªã©ã€æ—¥å¸¸ã§è¦‹ã‹ã‘ã‚‹æ¨™æº–çš„ãªã•ã¾ã–ã¾ãªã‚¹ãƒšãƒ¼ã‚¹ã¨ã‚µã‚¤ã‚ºã‚’å›³ç‰ˆåŒ–ã—ãŸDimensions.Guideã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ äººç‰©ã ã‘ã§ã‚‚ã€è€è‹¥ç”·å¥³ã®ç«‹ã¡ãƒ»åº§ã‚Šãƒ»å¯ãƒ»æ©ããƒ»é‹å‹•ã€ãã—ã¦æ£é¢ãƒ»å´é¢ãƒ»ä¸Šé¢ãŒæƒã£ã¦ãŠã‚Šã€ã‚¤ãƒ©ã‚¹ãƒˆã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒè³‡æ–™ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ Dimensions.Guide Dimensions.Guideã§ã¯ã•ã¾ã–ã¾ãªå›³ç‰ˆãŒæƒã£ã¦ã„ã¾ã™ã€‚ ä¾‹ãˆã°ã€25-45æ³ã®å¥³æ€§ãŒæ©ã„ã¦ã„ã‚‹æ™‚ã®ã‚µã‚¤ã‚ºã€‚ å¹³å‡èº«é•·ã¯1.63mã«è¨å®šã•ã‚Œã¦ãŠã‚Šã€ã‚«ã‚¸ãƒ¥ã‚¢ãƒ«ãªæœè£…ã§æ©ã„ã¦ã„ã‚‹æ¨ªå‘ãã§ã™ã€‚ Walking Female Side ç´ æã¯ã™ã¹ã¦å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã¯ç‰¹ã«å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ãŸã ã—ã€ç´ æãã®ã‚‚ã®ã‚’å†é…å¸ƒãƒ»å†è²©å£²ã™ã‚‹ã“ã¨ã¯ç¦æ¢ã§ã™ã€‚è©³ã—ãã¯ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒšãƒ¼ã‚¸ã‚’ã”è¦§ãã ã•ã„ã€‚ legal ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ç´ æã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã€3ç¨®
cartman0 2019/01/18
ã‚¤ãƒ©ã‚¹ãƒˆ

ãƒ‡ã‚¶ã‚¤ãƒ³

SVG
ãƒªãƒ³ã‚¯
ã‚‚ã†ã‚¢ã‚¤ã‚³ãƒ³ç´ æã«å›°ã‚‰ãªã„ï¼CC0ã§SVGå®Œå‚™ã€420ç¨®é¡žã®ã‚·ãƒ³ãƒ—ãƒ«ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Evericons | ã‚³ãƒªã‚¹
ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¢ã‚¤ã‚³ãƒ³ç´ æã¯ã€é‡å®ã—ã¾ã™ã‚ˆãã€‚ Webã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªãªã©ã«ã´ã£ãŸã‚Šãªã€ã‚·ãƒ³ãƒ—ãƒ«ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹SVGå®Œå‚™ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CC0ãªã®ã§ã€å•†ç”¨åˆ©ç”¨æ™‚ã®ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆè¡¨è¨˜ã¯ä¸è¦ã€è¤‡è£½ã€æ”¹å¤‰ã€é…å¸ƒãªã©ã‚‚OKã§ã€ä½¿ã„å‹æ‰‹ãŒã‹ãªã‚Šã‚ˆã„ã¨æ€ã„ã¾ã™ã€‚
cartman0 2018/10/25
ã‚¢ã‚¤ã‚³ãƒ³

ç´ æ

SVG

icon

ãƒ‡ã‚¶ã‚¤ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ç´ æï½œICON BOXï½œå•†ç”¨ãƒ•ãƒªãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™
å•†ç”¨åˆ©ç”¨OKã®ãƒ•ãƒªãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã€‚ãƒ†ã‚¤ã‚¹ãƒˆã‚’æƒãˆã¦ã„ã‚‹ã®ã§æ§˜ã€…ãªæ¡ˆä»¶ã§ä½¿ã„ã‚„ã™ã„ï¼ãƒ‘ã‚¹ãƒ‡ãƒ¼ã‚¿ãŒç”Ÿãã¦ã„ã‚‹ã‹ã‚‰ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚OK!
cartman0 2018/08/23
ã‚¢ã‚¤ã‚³ãƒ³

SVG

icon

ç„¡æ–™

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å›½ç”£ã®SVGã‚¢ã‚¤ã‚³ãƒ³ã‚µã‚¤ãƒˆãŒç™»å ´ï¼æ—¥æœ¬äººã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãŒä½œæˆã—ãŸå•†ç”¨ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Icon Box
æµ·å¤–ã®ç´ æã ã¨ã¡ã‚‡ã£ã¨ä¸å®‰ã¨ã„ã†äººã§ã‚‚å¤§ä¸ˆå¤«ã€æ—¥æœ¬äººã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãŒä½œæˆã—ãŸå•†ç”¨ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ã¯ç¾åœ¨400ç¨®é¡žä»¥ä¸Šã‚ã‚Šã€é«˜å“è³ªã§æ±Žç”¨æ€§ã®é«˜ã„ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚SVGã‚‚å®Œå‚™ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€éžå¸¸ã«ä½¿ã„å‹æ‰‹ãŒã‚ˆã„ã¨æ€ã„ã¾ã™ã€‚ Icon Box ã‚¢ã‚¤ã‚³ãƒ³ã®åˆ©ç”¨ã«ã‚ãŸã£ã¦ã¯å€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚ç„¡æ–™ã§ã€ã€Œã‚¢ã‚¤ã‚³ãƒ³ã®ç·¨é›†ã‚‚ã”è‡ªç”±ã«ã©ã†ãžã€ã¨ã®ã“ã¨ã§ã™ã€‚ã‚¢ã‚¤ã‚³ãƒ³è‡ªä½“ã®å†é…å¸ƒã¯ç¦æ¢ã§ã™ã€‚ è©³ã—ãã¯ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒšãƒ¼ã‚¸ã‚’ã”è¦§ãã ã•ã„ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã€ä¸‹è¨˜ã®é€šã‚Šã€‚ é€éŽPNG SVG ã‚µã‚¤ã‚ºã¯ã€16px, 32px, 64px, 128px, 256pxãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚ç°¡å˜ã§ã€ç™»éŒ²ãªã©é¢å€’ãªã“ã¨ã¯ä¸€åˆ‡ä¸è¦ã§ã™ã€‚å„ã‚¢ã‚¤ã‚³ãƒ³ãƒšãƒ¼ã‚¸ã®ã€ŒPNGãƒœã‚¿ãƒ³ã€ã€ŒSVGãƒœã‚¿ãƒ³ã€ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚
cartman0 2018/08/23
SVG

ã‚¢ã‚¤ã‚³ãƒ³

WEBãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ•ãƒªãƒ¼ç´ æ
ãƒªãƒ³ã‚¯
å•†ç”¨åˆ©ç”¨å¯èƒ½ï¼ãƒ•ãƒªãƒ¼(ç„¡æ–™)ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç´ æ50å€‹ã¾ã¨ã‚ 2017å¹´3æœˆåº¦
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚¢ãƒ—ãƒªç”¨ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œæˆã™ã‚‹ã¨ãã«ã€ã‚·ãƒ³ãƒ—ãƒ«ãªçµµæŸ„ã‚„çµµæ–‡å—ãŒé‡è¦ãªãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ã®ã²ã¨ã¤ã§ã€åˆ©ç”¨ã«ã¯ç´°å¿ƒã®æ³¨æ„ã‚’æ‰•ã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã‚¢ã‚¤ã‚³ãƒ³ç´ æã¯è¦‹ãŸç›®ã‚’è‰¯ãã™ã‚‹ã ã‘ã§ãªãã€ã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªã‚’ä½¿ã„ã‚„ã™ã—ã¦ãã‚Œã‚‹å½¹å‰²ãŒã‚ã‚Šã¾ã™ã€‚ ä»Šå›žã¯ã€ç„¡æ–™ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹è‰¯è³ªã‚¢ã‚¤ã‚³ãƒ³ç´ æã‚»ãƒƒãƒˆã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãªç´ æã‹ã‚‰ã€ãƒ•ãƒ©ãƒƒãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã®é®®ã‚„ã‹ã§å¤§èƒ†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã§ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã‹ã‚‰è¤‡é›‘ãªã‚‚ã®ã¾ã§å¹…åºƒãæƒãˆã¦ã„ã¾ã™ã€‚ã“ã“ã§ã¯ä¼æ¥å‘ã‘Webã‚µã‚¤ãƒˆã‚„ã‚¹ãƒãƒ¼ãƒ„ã€åŒ»ç™‚ã€é£²é£Ÿãªã©ã«ã‚ã‚‰ã‚†ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ä¾¿åˆ©ãªã‚¢ã‚¤ãƒ†ãƒ ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ ã€Œæœ¬å½“ã«æ¬²ã—ã„ãƒ¢ãƒŽã ã‘é›†ã‚ã¾ã—ãŸã€‚ã€æ–°ä½œç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ç´ æé›† 2016å¹´9æœˆåº¦ è¶…ãŠæ‰‹è»½ï¼ãŠå¥½ã¿ã®ã‚«ã‚¹ã‚¿ãƒ ã‚¢ã‚¤ã‚³ãƒ³ã‚’æ•°ç§’ã§ä½œæˆã™ã‚‹æ–¹æ³•10å€‹ã¾ã¨ã‚ è±Šå¯Œãªãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€Photoshop ã‚„ Illustra
cartman0 2017/03/07
SVG

icon

free
ãƒªãƒ³ã‚¯
ä½œå›³ç³»ãƒ„ãƒ¼ãƒ«ãƒ»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¾ã¨ã‚
diag.md ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³ã¨ã‹ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’ã—ã”ã¨ã§æç”»ã™ã‚‹ã“ã¨ã«ãªã£ãŸå ´åˆã€ ãƒ†ã‚ã‚¹ãƒˆã‹ã‚‰ç”Ÿæˆã§ããŸã‚‰æ¥½ãªã®ã§ã€ãã‚Œç³»ã®ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚ GraphViz http://www.graphviz.org/ Cè£½ Doxygen, Moinmoinãªã©ã¨é€£æºå¯èƒ½ ãƒ–ãƒãƒƒã‚¯å›³ã€ã‚¯ãƒ©ã‚¹å›³ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ãªã© PNG, SVGãªã© å‡ºåŠ›å¯èƒ½å½¢å¼ä¸€è¦§ JavaScriptï¼ˆEmscriptenï¼‰ç‰ˆã‚‚ã‚ã‚‹ã€‚ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼å‡ºæ¥ã¦ä¾¿åˆ© https://github.com/mdaines/viz.js PlantUML Javaè£½ ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³, ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹å›³, ã‚¯ãƒ©ã‚¹å›³, ã‚¢ã‚¯ãƒ†ã‚£ãƒ“ãƒ†ã‚£å›³, ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå›³, ã‚¹ãƒ†ãƒ¼ãƒˆå›³, ãƒ‡ãƒ—ãƒã‚¤å›³, ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆå›³ãªã©ã‚ã£ã¡ã‚ƒãŸãã•ã‚“ä½œã‚Œã‚‹ PNG, SVG, LaTeX, ASCIIå‡ºåŠ› ãªã‚“ã¨ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚‚ä½œã‚Œã‚‹ã€‚ã‚¢ã‚¤ã‚³ãƒ³ã¨ã‹ã‚‚å…¥ã‚Œã‚‰ã‚Œã‚‹ã€‚ ã‚ª
cartman0 2017/02/07
javascript

library

ãƒ„ãƒ¼ãƒ«

SVG

Graphviz
ãƒªãƒ³ã‚¯
SVGã§ä½¿ã„ã‚„ã™ã„ã€æŠ˜ã‚Šç´™ã§ã¤ãã£ãŸæ„Ÿã˜ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚¢ã‚¤ã‚³ãƒ³ç´ æãŒã‹ã‚ã„ã„ï¼ -Origami Animals
SVGã§ä½¿ã„ã‚„ã™ã„ã€æŠ˜ã‚Šç´™ã§ã¤ãã£ãŸæ„Ÿã˜ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚¢ã‚¤ã‚³ãƒ³ç´ æãŒã‹ã‚ã„ã„ï¼ -Origami Animals
cartman0 2016/02/20
SVG

ã‚¢ã‚¤ã‚³ãƒ³

webdesign

ç”»åƒ

æŠ˜ã‚Šç´™
ãƒªãƒ³ã‚¯
å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€æ±Ÿæˆ¸æƒ…ç·’ã‚ãµã‚Œã‚‹å‹•ç‰©ã‚„ç”Ÿæ´»å°ç‰©ã‚’æã„ãŸæµ®ä¸–çµµã‚’ãƒ™ã‚¯ã‚¿ãƒ¼åŒ–ã—ãŸç´ æ -Ukiyo-e SVG
26 Free Vector Animal Graphics - Ukiyo-e SVG æµ®ä¸–çµµã®ä½œè€…ã¯æ±Ÿæˆ¸æ™‚ä»£æœ«æœŸã«æ´»èºã—ãŸæµ®ä¸–çµµå¸«: æŒå· èŠ³è™Žï¼ˆWikipediaï¼‰ã§ã€ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ã®æµ®ä¸–çµµã‚’ãƒ™ã‚¯ã‚¿ãƒ¼åŒ–ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¾ãšã¯ã€å‹•ç‰©ã‹ã‚‰ã€‚ ã€Œæ–°ç‰ˆç£å°½ï¼ˆ1857ï¼‰ã€ã®26ç¨®é¡žã®å‹•ç‰©ãƒ»ç©ºæƒ³å‹•ç‰©ãŒæã‹ã‚Œã¦ã„ã¾ã™ã€‚
cartman0 2015/11/19
vector

SVG

ãƒ™ã‚¯ã‚¿ãƒ¼

å’Œ

ãƒ•ãƒªãƒ¼

free

design

ç´ æ

æµ®ä¸–çµµ
ãƒªãƒ³ã‚¯
ã€Œ10åˆ†ã§ã‚ã‹ã‚‹SVG åŸºç¤Žç·¨ã€ã‚µãƒ³ãƒ—ãƒ«
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="5 5 10 10" width="100" height="100"> <circle cx="10" cy="10" r="5" fill="#c44" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="5 5 10 10" width="100" height="50" preserveAspectRatio="none"> <circle cx="10" cy="10" r="5" fill="#c44" /> </svg> <svg xmlns="
cartman0 2015/10/27
SVG

preserveAspectRatio
ãƒªãƒ³ã‚¯
svgã®preserveAspectRatioå±žæ€§ã®å‹•ä½œæ¤œè¨¼
svgã§ç”»åƒã‚’èªã¿è¾¼ã‚€éš›ï¼Œç”»åƒã®ãƒªã‚µã‚¤ã‚ºæ–¹æ³•ã‚’æŒ‡å®šã™ã‚‹ãŸã‚ã«preserveAspectRatioå±žæ€§ãŒå®šã‚ã‚‰ã‚Œã¦ã„ã¾ã™ï¼Ž ã“ã‚Œã¯ãƒ©ã‚¹ã‚¿ç”»åƒã‚’èªã¿è¾¼ã‚€åˆ†ã«ã¯å˜ç´”ãªã®ã§ã™ãŒï¼Œã„ã–å¤–éƒ¨ã®svgç”»åƒã‚’èªã¿è¾¼ã‚€ã¨ãªã‚‹ã¨éžå¸¸ã«ã‚„ã‚„ã“ã—ã„ã“ã¨ã«ãªã‚Šã¾ã™ï¼Žã§ã™ã®ã§ï¼Œãã‚Œã‚‰ã‚’æ•´ç†ã™ã‚‹ãŸã‚ã®æ¤œè¨¼ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã—ã¦è¦‹ã¾ã—ãŸï¼Ž preserveAspectRatioå±žæ€§ã¨ã¯ svgã‹ã‚‰å¤–éƒ¨ã®ç”»åƒã‚’èªã¿è¾¼ã‚€å ´åˆï¼Œimageè¦ç´ ã‚’ç”¨ã„ã¾ã™ï¼Žã“ã®æ™‚imageè¦ç´ ãŒå®šã‚ã‚‹æç”»é ˜åŸŸã®ã‚µã‚¤ã‚ºã¨èªã¿è¾¼ã‚€ç”»åƒã®ã‚µã‚¤ã‚ºã¨ã®é–“ã«å·®ãŒã‚ã£ãŸå ´åˆï¼Œä½•ã‚‰ã‹ã®æ–¹æ³•ã§ç”»åƒã®å¼•ãä¼¸ã°ã—å‡¦ç†ãŒå¿…è¦ã¨ãªã‚Šã¾ã™ï¼Žã“ã®å¼•ãä¼¸ã°ã—æ–¹æ³•ã‚’æŒ‡å®šã™ã‚‹ã‚‚ã®ãŒpreserveAspectRatioå±žæ€§ã§ã™ï¼Ž å¼•ãä¼¸ã°ã—æ–¹ã«ã¯æ¦‚ã3ã¤ã®æ–¹æ³•ãŒã‚ã‚Šï¼Œã“ã‚Œã‚‰ã¨ç”»åƒã‚’æ‹¡å¤§ã™ã‚‹ãŸã‚ã®åŸºæº–ã‚’è¡¨ã™å€¤ã€ŒxMinYMinã€œxMaxYMaxã€ã¨ã‚’çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§å¼•ãä¼¸ã°ã—å‡¦ç†ã‚’å®šç¾©
cartman0 2015/10/26
SVG

ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”

chrome

ãƒªã‚µã‚¤ã‚º

image

ã‚µã‚¤ã‚º
ãƒªãƒ³ã‚¯
SVG ã®ãƒ‘ã‚¹ã‚’åˆ©ç”¨ã—ã¦ã€ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã§æ–‡å—ã‚’ä½œã‚Šä¸Šã’ã‚‹ã‚ˆã†ãªã® - .Lab
éŽåŽ»ã® SVG ã® path è¦ç´ ã‚’ Canvas ã‚„ DOM ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã«åˆ©ç”¨ã™ã‚‹ - WebDelog ã‚’åˆ©ç”¨ã—ã¦ãƒ†ã‚ã‚¹ãƒˆã‚’ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã§ä½œã‚‹ã‚ˆã†ãªã®ä½œã£ã¦ã¿ãŸã€‚ äºˆã‚è¡¨ç¤ºã•ã›ãŸã„ãƒ†ã‚ã‚¹ãƒˆã‚’ Sketch ã‚„ã‚‰ ã‚¤ãƒ©ãƒ¬ã§ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³åŒ–ã—ãŸã‚‚ã®ã‚’ SVGåŒ–ã—ã¦ãŠã„ã¦ã€å¾Œã¯ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã‚’SVGã®ã©ã“ã‹ã®ãƒ‘ã‚¹ã«é£›ã°ã—ã¦ã‚ã’ã‚‹ã ã‘ã€‚ See the Pen 8acc15daca435f99efff1acafe9a02bd by turusuke (@turusuke) on CodePen.
cartman0 2015/10/21
ãƒ‘ã‚¹

SVG

canvas

CreateJS
ãƒªãƒ³ã‚¯
é«˜åº¦ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‘ã‚¹(Advanced animation path)ä½œæˆ | ã€ŒSVG(ç”»åƒåŠ¹æžœ)ã€ã‚«ãƒ†ã‚´ãƒªãƒ¼ | JavaScriptãƒ‡ãƒ¢
æ¦‚è¦ é«˜åº¦ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‘ã‚¹(Advanced animation path)ä½œæˆ ãƒ»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãŸã‚ã«JavaScriptãƒˆã‚¥ã‚¤ãƒ¼ãƒ³ã‚¨ãƒ³ã‚¸ãƒ³tweenjsã‚’ä½¿ç”¨ ä¾å˜ãƒ©ã‚¤ãƒ–ãƒ©ãƒª ãƒ»tweenjs tween.jsã¨ã¯ï¼Ÿ ãƒ»CreateJSã«å«ã¾ã‚Œã‚‹JavaScriptãƒˆã‚¥ã‚¤ãƒ¼ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒª åŸºæœ¬çš„ãªä»•çµ„ã¿ ãƒ»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ«ãƒ¼ãƒ— ãƒ»requestAnimationFrameã§ã€tweenjsã®updateãƒ¡ã‚½ãƒƒãƒ‰ã‚’å®šæœŸçš„ã«å‘¼å‡º //ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®loopå®Ÿè¡Œå®šç¾© animate = function(){ requestAnimationFrame(animate) TWEEN.update() } //ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ«ãƒ¼ãƒ—é–‹å§‹ animate() Link å‹•ä½œç¢ºèª ãƒ»ãƒ‡ãƒ¢ å…¬é–‹ãƒšãƒ¼ã‚¸ ãƒ»Advanced animation path
cartman0 2015/10/21
Javascript

Animation

Path

SVG

CreateJS

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

js
ãƒªãƒ³ã‚¯
Snap.svg - The JavaScript SVG library for the modern web.
Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking
cartman0 2015/10/21
SVG

Snap.svg

webåˆ¶ä½œ

library

adobe

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

js

Javascript

web
ãƒªãƒ³ã‚¯
Snap.svgã®ä½¿ã„æ–¹ã¾ã¨ã‚
Snap.svgã®ä½¿ã„æ–¹ ã¾ã¨ã‚ How to useã™ãªã£ã·.svg ã‚¿ã‚¤ãƒˆãƒ« svgè¦ç´ ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ã¨ã‚ãƒ»åˆ¥é¤¨ written by DEFGHI1977@xboxlive æœ¬è¨˜äº‹ã§ã¯svgä¸–ä»£ã®javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦æœ‰æœ›ãªSnap.svgã®ä½¿ã„æ–¹ã«ã¤ã„ã¦å®Ÿéš›ã«å‹•ä½œã—ã¦ã„ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’äº¤ãˆã¦è§£èª¬ã—ã¦ã„ã¾ã™ï¼ˆã“ã‚Œã¯å‹•ä½œã‚µãƒ³ãƒ—ãƒ«ã§ã‚ã‚‹ã¨åŒæ™‚ã«ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã¨è¨€ãˆã‚‹ã‚‚ã®ã§ã™ãï¼‰ï¼ŽãªãŠé–“é•ã„ãŒã‚ã£ãŸã‚Šï¼Œãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã«ä¼´ã†ä¸æ•´åˆãŒç™ºç”Ÿã™ã‚‹ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ã®ã§ï¼Œãã®ç‚¹ã”å®¹èµ¦ä¸‹ã•ã„ãï¼Žã‚„ã£ã±ã‚Šæ‰‹ã§ã‚´ãƒªã‚´ãƒªæ›¸ã„ã¦ã¾ã™ï¼Ž ãªãŠï¼ŒSnap.svgã‚’ç”¨ã„ãŸSVG(ã‚‚ã—ãã¯javascriptã®)å…¥é–€è¨˜äº‹ã§ã¯ã‚ã‚Šã¾ã›ã‚“ï¼ŽSnap.svgã‚’ä¸Šæ‰‹ãæ´»ç”¨ã—ãŸã„ã®ã§ã‚ã‚Œã°ï¼ŒèƒŒå¾Œã§å‹•ã„ã¦ã„ã‚‹svgã«ã¤ã„ã¦ã‚ˆãçŸ¥ã£ã¦ã„ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ï¼Žãã®ãŸã‚ï¼Œã‚ã‚‹ç¨‹åº¦SVGã‚„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®çŸ¥è˜ãŒã‚ã‚‹ã“ã¨ã‚’å‰æã«è©±ã‚’
cartman0 2015/10/21
SVG

javascript

Snap.svg

snapsvg

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

tutorial

reference
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸