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

rikuba id:rikuba

SVGã«é–¢ã™ã‚‹rikubaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Webã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯RiveãŒä¾¿åˆ©ï¼
ã¿ãªã•ã‚“ã¯ã€Web ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä½¿ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ ãŠãã‚‰ãLottieã‚’ä½¿ã£ã¦ã„ã‚‹äººãŒå¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ãŸã ã€Lottieã«ã¯å¤§ããªå•é¡ŒãŒã‚ã‚Šã¾ã™ãï¼Ÿ ãã†ã§ã™ã€‚ Adobe ã® After Effectsï¼ˆAEï¼‰ãŒãªã„ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒä½œã‚Œãªã„ã¨ã„ã†å•é¡Œã§ã™ã€‚ ãŸãã•ã‚“ã®äººãŸã¡ãŒå˜†ãè‹¦ã—ã¿ãªãŒã‚‰ AE ã‚’ä½¿ã†ãŸã‚ã« Adobe ã«èª²é‡‘ã—ã¦ã„ã‚‹äº‹ã ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªäººã€…ã‚’æ•‘ã†ãŸã‚ã€ æœ€è¿‘ã§ã¯ AE ã‚’ä½¿ã‚ãªãã¦ã‚‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ã¨Lottie Labã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ãŒé–‹ç™ºã•ã‚Œã¦ã„ãŸã‚Šã—ã¾ã™ã€‚ ã—ã‹ã—ã€ã¾ã ã¾ã å…¬é–‹ã«ã¯è‡³ã£ã¦ã„ãªã„çŠ¶æ…‹ã§ã™ã€‚ï¼ˆ2022/12/07 ç¾åœ¨ï¼‰ ãã“ã§ã€Rive ç™»å ´ AE ã§è¡Œã£ã¦ã„ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œæˆã‹ã‚‰ã€æ›¸ãå‡ºã—ã¾ã§å…¨ã¦ Web ä¸Šã§å®Œçµã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ ä»Šå›žã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®è¨å®šã‹ã‚‰ React ã§å‹•ã‹ã™ã¾ã§ã‚’ã‚„ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ï¼
rikuba 2023/03/12
tool

animation

SVG
ãƒªãƒ³ã‚¯
JS+SVGã§æ¶²æ™¶ç”»é¢é¢¨ã®è¡¨ç¤ºã‚’ã¤ãã‚‹ | tech - æ°¾æ¿«åŽŸ
æ¶²æ™¶é¢¨ã®ç”»é¢ã¯æ±ºã¾ã£ãŸå½¢ã‚’ã‚ªãƒ³ãƒ»ã‚ªãƒ•ã™ã‚‹ã ã‘ãªã®ã§ã€canvas ã«ã‚³ãƒ¼ãƒ‰ã§æãã®ã¯å¤§å¤‰ãªã ã‘ã§ç„¡é§„ãŒå¤šã„ã€‚ã‹ã¨ã„ã£ã¦ã‚»ã‚°ãƒ¡ãƒ³ãƒˆã‚’1ã¤1ã¤ç”»åƒã«ã‚ã‘ã¦åº§æ¨™æŒ‡å®šã§é…ç½®ã—ã¦ã„ãã®ã‚‚é¢å€’ãã•ã„ã€‚ ã¨è€ƒãˆã¦ã„ãã¨ SVG ã‚’åŸ‹ã‚ã“ã‚“ã§ã€SVG ã®è¦ç´ ã‚’ JS ã§æ“ä½œã™ã‚‹ã®ãŒåŠ¹çŽ‡ãŒè‰¯ã„ã€‚ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã¨ã—ã¦ã¯ SVG ã®ä½œæˆã¨ JS ã®å®Ÿè£…ã§ç¶ºéº—ã«å¢ƒç•Œã‚’ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ Inkscape Inkscape ã®è‰¯ã„ã¨ã“ã‚ã¯ä»¥ä¸‹ã®ç‚¹ XML ã‚¨ãƒ‡ã‚£ã‚¿ãŒ UI ã¨é€£å‹•ã—ã¦ã„ã‚‹ ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚„ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’é¸æŠžã™ã‚‹ã¨è©²å½“ç®‡æ‰€ã«ã‚¨ãƒ‡ã‚£ã‚¿ä¸Šã§è·³ã¹ã‚‹ æ§‹é€ ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã—ã‚„ã™ã„ ç”»åƒã‚’ç·¨é›†ã™ã‚‹ã¨ã„ã†ã‚ˆã‚Š SVG ã® XML ã‚’ç·¨é›†ã™ã‚‹UIã¨ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ Inkscape ã§ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«åå‰ã‚’ã¤ã‘ã‚‹ã¨ã€svg ä¸Šã§ã¯ inkscape:label å±žæ€§ã«å…¥ã‚‹ã€‚ã“ã‚Œã‚’åˆ©ç”¨ã—ã¦ JS ã‹ã‚‰æ“ä½œã™ã‚Œã° Inkscape ã§
rikuba 2022/11/04
HTML

SVG
ãƒªãƒ³ã‚¯
2024å¹´ç‰ˆã€ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ç”»åƒã®ä½œæˆæ–¹æ³•ã¨è¨ç½®æ–¹æ³•ã€ã•ã¾ã–ã¾ãªãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã•ã›ã‚‹ã«ã¯6ç¨®é¡žã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒå¿…è¦
æœ€è¿‘ã®ãƒ‡ãƒã‚¤ã‚¹ã‚„ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã•ã›ã‚‹æœ€å°é™ã®ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã‚»ãƒƒãƒˆã«ã¯ã€6ç¨®é¡žã®ãƒ•ã‚¡ã‚¤ãƒ«ã§å¯¾å¿œã§ãã¾ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã‚‚ã¡ã‚ã‚“ã€ã‚¹ãƒžãƒ›ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã«ã‚‚å¯¾å¿œã—ã€ã•ã‚‰ã«SVGã‚‚å«ã‚ã¦6ç¨®é¡žã ã‘ã§ã™ã€‚ ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã«å¿…è¦ãª6ç¨®é¡žã®ãƒ•ã‚¡ã‚¤ãƒ«ã€ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã®è¨å®šæ–¹æ³•ã€ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ç”»åƒã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ How to Favicon in 2024: Six files that fit most needs by Andrey Sitnik Sitnikæ°ã¯ã€PostCSS, Autoprefixer, NanoIDã®åˆ¶ä½œè€…ã§ã™ã€‚ ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 2024/2/28: å…ƒè¨˜äº‹ãŒã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚ŒãŸã®ã§ã€å½“è¨˜äº‹ã‚‚ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ã¾ã—ãŸã€‚ ã¯ã˜ã‚ã« ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã®è¨å®šæ–¹æ³• -ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ¼ã‚¸ãƒ§ãƒ³ ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã®è¨å®šæ–¹æ³•
rikuba 2022/05/25
favicon

SVG
ãƒªãƒ³ã‚¯
ã¤ã„ã«ã€Webã‚¢ãƒ—ãƒªã§ã®å¸³ç¥¨å°åˆ·ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’ç·¨ã¿å‡ºã—ã¾ã—ãŸðŸ’¡
PHPã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ 2021 1é€±é–“å‰ã‚¤ãƒ™ãƒ³ãƒˆ ã€œ å¸°ã£ã¦ããŸPHPå‹‰å¼·ä¼š@æ±äº¬ ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ https://phpcon.connpass.com/event/224128/
rikuba 2021/09/26
çµ„ç‰ˆ

SVG

CSS

XD
ãƒªãƒ³ã‚¯
æœ€è¿‘è¦‹ã‹ã‘ã‚‹ã€ç²’åã®ç²—ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ã»ã‚“ã®å°‘ã—ã®CSSã¨SVGã§å®Ÿè£…ã§ãã‚‹ã®çŸ¥ã£ã¦ãŸï¼Ÿ
CSSã¨SVGã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ãƒŽã‚¤ã‚ºã‚’ä¸Žãˆã€ç²’åã®ç²—ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ èƒŒæ™¯ãªã©é€šå¸¸ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ä½¿ç”¨ã™ã‚‹ã ã‘ã§ãªãã€æš—ãã—ã¦ã‚·ãƒ£ãƒ‰ã‚¦ã«ä½¿ç”¨ã—ãŸã‚Šã€è¼åº¦ã¨ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã‚’ä¸Šã’ã¦ãƒ›ãƒã‚°ãƒ©ãƒ ã®ã‚ˆã†ãªè™¹è‰²ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦ä½¿ç”¨ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Grainy Gradients by Jimmy Chion ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ãƒŽã‚¤ã‚ºã‚’åŠ ãˆãŸã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ« å®Ÿè£…: SVGãƒŽã‚¤ã‚ºã¨CSSã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ SVGã®turbulenceã‚’ä½¿ç”¨ã™ã‚‹ SVGã¨ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ç”¨ã—ã¦CSSèƒŒæ™¯ã‚’ä½œæˆã™ã‚‹ æ˜Žã‚‹ã•ã¨ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã‚’é«˜ã‚ã‚‹ ãƒŽã‚¤ã‚ºã®ã‚«ãƒ©ãƒ¼ãŒå‡ä¸€ã§ãªã„ CSSã®ãƒ–ãƒ¬ãƒ³ãƒ‰æ©Ÿèƒ½ ç²’åã®ç²—ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½¿ç”¨ä¾‹ ã•ã‚‰ã«è©³ã—ã ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µãƒãƒ¼
rikuba 2021/09/23
CSS

SVG

gradient
ãƒªãƒ³ã‚¯
GitHub - danklammer/bytesize-icons: Tiny style-controlled SVG iconset (101 icons, 12kb)
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
rikuba 2021/06/20
SVG

icon
ãƒªãƒ³ã‚¯
ã¤ã„ã«ã€Webã‚¢ãƒ—ãƒªã§ã®å¸³ç¥¨å°åˆ·ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’ç·¨ã¿å‡ºã—ã¾ã—ãŸ
ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸæ‰‹é †ã‚’ãƒ©ã‚¤ãƒ–ãƒ©ãƒªåŒ–ã—ã¦å…¬é–‹ã—ã¾ã—ãŸðŸŽ‰ ã“ã¡ã‚‰ã®åˆ¥è¨˜äº‹ ã§ä½¿ã„æ–¹ãªã©è©³ã—ãã”ç´¹ä»‹ã—ã¦ã„ã¾ã™ã®ã§ã€ãœã²ã”å‚ç…§ãã ã•ã„ï¼ 2024/05/07 è¿½è¨˜ æœ€æ–°ã®ç™»å£‡ã‚¹ãƒ©ã‚¤ãƒ‰ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ã“ã¡ã‚‰ã§ã™ã€‚ ç™»å£‡æ™‚ã®æ§˜åãŒYouTubeã«ä¸ŠãŒã£ã¦ã„ã‚‹ã®ã§ã‚ˆã‚ã—ã‘ã‚Œã°ã‚ã‚ã›ã¦ã”è¦§ãã ã•ã„ã€‚ ã¯ã˜ã‚ã« è¨€ã„åˆ‡ã‚Šã‚¿ã‚¤ãƒˆãƒ«ã™ã¿ã¾ã›ã‚“ åƒ•ã‚’å«ã‚€ä¸€å®šæ•°ã®äººã«ã¨ã£ã¦ç¾æ™‚ç‚¹ã§ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã¨ãªã‚Šã†ã‚‹æ‰‹æ³•ã¨ã„ã†æ„å‘³ã§ç´¹ä»‹ã—ã¦ã„ã¾ã™ æ¥µã‚ã¦ã‚·ãƒ“ã‚¢ãªå¸³ç¥¨å‡ºåŠ›ã®ä¸–ç•Œã«ã„ã‚‹äººã‹ã‚‰è¦‹ã‚‹ã¨ä½¿ã„ç‰©ã«ãªã‚‰ãªã„å†…å®¹ã‹ã‚‚ã—ã‚Œãªã„ã¨æ€ã„ã¾ã™ å¸³ç¥¨å°åˆ·ã®ä¸–ç•Œã§ã¯ SVF ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ãŒæœ‰åã‚‰ã—ã„ã§ã™ã€‚ãŒã€ã“ã†ã„ã£ãŸå¤–éƒ¨ã‚µãƒ¼ãƒ“ã‚¹ã¯ä½¿ã‚ãšã«è‡ªåŠ›ã§å®Ÿè£…ã™ã‚‹ã¨ã„ã†ã®ãŒã“ã®è¨˜äº‹ã®å‰æã§ã™ å‹•çš„ã«æ˜Žç´°è¡Œã®æ•°ãŒå¢—æ¸›ã™ã‚‹é€£ç¥¨ã¯ã“ã®è¨˜äº‹ã®è§£èª¬ã§ã¯è€ƒæ…®ã—ã¦ã„ã¾ã›ã‚“ãŒã€è¿½åŠ ã§å®Ÿè£…ã™ã‚‹ã®ã¯ãã‚Œã»ã©é›£ã—ããªã„ã¨ã„ã†ã“ã¨ã¯èªã‚“ã§ã„ãŸã ã‘ã‚Œã°åˆ†ã‹ã‚‹ã‹ãª
rikuba 2021/06/11
print

SVG
ãƒªãƒ³ã‚¯
Boring avatars - Open source SVG avatar generator
Boring avatars is an open source React library that generates custom, SVG-based avatars from any username and color palette.
rikuba 2021/06/11
SVG

tool
ãƒªãƒ³ã‚¯
Illustrations | unDraw
Browse to find the images that fit your needs and click to download. Use the on-the-fly color image generation to match your brand identity. The new updated Graphics Export is now available on unDraw+ for supporters!
rikuba 2020/12/05
SVG
ãƒªãƒ³ã‚¯
svgpocketguide/svgpocketguide.md at master Â· jonitrythall/svgpocketguide
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
rikuba 2020/05/24
SVG
ãƒªãƒ³ã‚¯
æ±äº¬ã®é‰„é“è·¯ç·šå›³SVGã‚’ä½œã‚Šã¾ã—ãŸï¼†ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ã§é…å¸ƒã—ã¾ã™
æ±äº¬ã®é‰„é“è·¯ç·šå›³SVGã‚’ä½œã‚Šã¾ã—ãŸï¼†ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ã§é…å¸ƒã—ã¾ã™ ãƒãƒ³ãƒ‰ãƒ³åœ°ä¸‹é‰„è·¯ç·šå›³ã§ã®ä½œå›³æ–¹æ³•ã«åŸºã¥ã„ãŸæ±äº¬ã®é‰„é“è·¯ç·šå›³ã‚’ä½œã£ãŸã®ã§å…¬é–‹ãƒ»é…å¸ƒã—ã¾ã™ time2014/12/20 hatenabookmark- Illustratorã‚’ä½¿ã£ã¦ã€æ±äº¬åœã®äº¤é€šè·¯ç·šå›³ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ç¾åœ¨ã€ã“ã‚Œã‚’æ›¸ãã ã—ãŸSVGãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä»¥ä¸‹ã«ç½®ã„ã¦ã€ã‚¦ã‚§ãƒ–ä¸Šã‹ã‚‰è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ã¾ã ãƒžãƒƒãƒ—ã¨ã—ã¦å¤§ã—ãŸå‡¦ç†ã¯ã—ã¦ã„ãªã„ã®ã§ã€PCã¨ã‹ã ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒé¢å€’ã§ã™ãŒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã‚¿ãƒƒãƒç«¯æœ«ã ã¨ãã“ãã“è¦‹ã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€AIãƒ•ã‚¡ã‚¤ãƒ«ãƒ»SVGãƒ•ã‚¡ã‚¤ãƒ«ã¯ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³(CC0)ã¨ã—ã¾ã™ã®ã§ã€é…å¸ƒãƒ»æ”¹å¤‰ãƒ»è²©å£²å«ã‚ã€ç…®ã‚‹ãªã‚Šç„¼ããªã‚Šå¥½ãã«ä½¿ã£ã¦ã„ãŸã ã„ã¦ã‹ã¾ã„ã¾ã›ã‚“ã€‚ railmaps - github ã©ã†ã—ã¦æã„ãŸã®ï¼Ÿ æ˜”ã‹ã‚‰ãƒãƒªãƒ¼ãƒ™ãƒƒã‚¯æ°ã®ãƒãƒ³ãƒ‰ãƒ³åœ°ä¸‹é‰„è·¯ç·šå›³ãŒã¨ã¦ã‚‚å¥½ãã§ã€è‡ªåˆ†ã‚‚ã“ã†ã„ã†ã‚‚
rikuba 2020/01/30
SVG
ãƒªãƒ³ã‚¯
Dark Mode Favicons | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Oooo! A bonafide trick from Thomas Steiner. Chrome will soon be supporting SVG favicons (e.g. ). And you can embed CSS within an SVG with a <style> element. That CSS can use a prefers-color-scheme media query, and as a result, a favicon that supports dark mode! < pre rel=â€HTMLâ€> < svg wid
rikuba 2019/12/15
SVG
ãƒªãƒ³ã‚¯
How to work with SVGÂ icons
There are many ways to use SVG icons in HTML and CSS, and I havenâ€™t tried them all. This is how we do it in our small front-end team at Kaliop. It works well for our needs, which include: Content and communication websites, often based on big CMSes, rather than full-JS web apps. Icons which are often simple, single-color icons (each potentially used in several different colors depending on context
rikuba 2019/01/06
SVG
ãƒªãƒ³ã‚¯
Pocket Guide to Writing SVG
Thank You! I would like to take this entire section to give a special â€œThank you so much!â€ to: CSS-Tricks Lincoln Loop Designmodo Tahoe Partners Una Kravets for recording the audio version! Your support for this book is so appreciated and I truly hope I have not offended any of you by potentially excluding your favorite fruit. Introduction Scala ble Vector Graphics (SVG) is a language for describin
rikuba 2018/05/16
SVG
ãƒªãƒ³ã‚¯
How to Hand Code SVG | Envato Tuts+
In this tutorial weâ€™re going to cover all the fundamentals of coding SVGs by hand, but Iâ€™m not going to bore you with a dry lecture that just trots out the relevant shapes and attributes. Instead youâ€™ll learn how to hand code SVG through practice, creating six icons. In the process, youâ€™ll use all of the basic elements required for SVG hand coding. One of the great things about scala ble vector gra
rikuba 2018/02/20
SVG
ãƒªãƒ³ã‚¯
The best Icon Tool - Orion Icon Library
Drawn with Care and Timeto perfectly represent and convey your message. Highly Flexible IconsLine, Solid, Color & Flat icons with a precise and unified style. Adapts to any type of project with different stroke weights, color control and great legibility.
rikuba 2017/11/11
icon

SVG
ãƒªãƒ³ã‚¯
http://2ndidea.com/svg/svg-path-drawing-animation-even-ie/
rikuba 2017/05/07
SVG
ãƒªãƒ³ã‚¯
Hero Patterns | Free repeatable SVG background patterns for your web projects
Hello! Iâ€™m Steve Schoger, a UI designer and illustrator from Kitchener, Ontario. I draw and maintain Hero Patterns. Hero Patterns will always be updating and will always be free. Follow me on Twitter and Dribbble to find out when new updates are available. Also, check out Zondicons: A set of free premium SVG icons for you to use on your digital products.
rikuba 2016/10/23
SVG
ãƒªãƒ³ã‚¯
Tumblr
Tumblr is a place to express yourself, discover yourself, and bond over the stuff you love. It's where your interests connect you with your people.
rikuba 2016/10/12
SVG

book
ãƒªãƒ³ã‚¯
Polyforest
ä¸‰è§’ãƒãƒªã‚´ãƒ³ã‚’ä½¿ã£ã¦ãƒ¢ã‚¶ã‚¤ã‚¯ã£ã½ã„ç”»åƒã‚’ä½œã‚‹ãƒ–ãƒ¼ãƒ ãŒçµæ§‹å‰ã‹ã‚‰æ¥ã¦ã„ã¦ã€é•·ç¶šãã—ã¦ã„ã‚‹æ°—ãŒã™ã‚‹ã€‚ãã†ã„ã†ç”»åƒã‚’ä½œã‚‹ã‚¢ãƒ—ãƒªã‚‚ã‚ã‚‹ã—ã€å˜ç´”ãªèƒŒæ™¯ãƒ‘ã‚¿ãƒ¼ãƒ³ã¨ã—ã¦æä¾›ã—ã¦ã‚‹äººã‚‚ã„ã‚‹ã€‚é…ã¾ããªãŒã‚‰åƒ•ã‚‚ä½œã‚‹å·¥å¤«ã‚’ã„ã‚ã„ã‚è€ƒãˆã¦ãŠã“ã†ã‹ãªã¨ã€ã“ã®ã‚ˆã†ãªç”»åƒã‚’ãƒ’ã‚¤ã‚³ãƒ©ä½œã£ãŸã€‚SVGã§ã€‚ ä½œã‚Šæ–¹ã¯ã¾ã å®‰å®šã—ã¦ã„ãªã„ã®ã§ã€ãã®è§£èª¬ã¯ã¾ãŸä»Šåº¦ã€‚ã“ã†ã„ã£ãŸå¹¾ä½•å¦çš„ãªç”»åƒã¯SVGãŒã‚‚ã£ã¨ã‚‚å¾—æ„ã¨ã™ã‚‹åˆ†é‡Žãªã‚ã‘ã ã‘ã©ã€å®Ÿéš›ã«ä¸‰è§’ãƒãƒªã‚´ãƒ³ã‚’çµ„ã¿åˆã‚ã›ã‚‹ã ã‘ã ã¨ãã‚Œã„ã«åŸ‹ã¾ã£ã¦ãã‚Œãªã„ã€‚ç†ç”±ã¯æ–œã‚ã«ãªã£ãŸè¾ºåŒå£«ã®å¢ƒç•Œã®éƒ¨åˆ†ã«éš™é–“ãŒã©ã†ã—ã¦ã‚‚å‡ºæ¥ã¦ã—ã¾ã†ã‚ˆã†ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã¦ã—ã¾ã†ã‹ã‚‰ã€‚ Polyforest (not Optimized) æœ€åˆã®ç”»åƒã®ã‚ˆã†ã«éš™é–“ã‚’åŸ‹ã‚ã‚‹ã«ã¯ã€ã‚ã‚‰ã‹ã˜ã‚ä¸‰è§’ãƒãƒªã‚´ãƒ³ã‚’é‡ããªãŒã‚‰ä½œã‚‹ã¨ã„ã†æ‰‹ã‚‚ã‚ã‚‹ã‘ã©ã€å˜ç´”ã«strokeã¨stroke-widthå±žæ€§ã‚’ä½¿ã£ã¦é‡ãªã‚Šã‚ã†ã‚ˆã†ã«ã—ã¦ã—ã¾ã†ã®ãŒæ‰‹
rikuba 2014/08/01
ä¸‰è§’ãƒãƒªã‚´ãƒ³

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