商用利用無料ã€UIデザイン用ã®SVGアイコンãŒ558種類ï¼ãƒ‡ã‚¶ã‚¤ãƒ³ã«åˆã‚ã›ãŸã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ç°¡å˜ãªå„ªã‚Œã‚‚ã®
ä¼æ¥ã‚µã‚¤ãƒˆã¯ã‚‚ã¡ã‚ã‚“ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆã€ã‚³ãƒžãƒ¼ã‚¹ã€ã‚·ãƒ§ãƒƒãƒ—ã€ã‚¢ãƒ—リã€ãƒ–ãƒã‚°ãªã©ã€ã•ã¾ã–ã¾ãªUIデザインã®SVGアイコンãŒç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹Tabler Iconsを紹介ã—ã¾ã™ã€‚ SVGアイコンã®æ•°ã¯ãªã‚“ã¨558種類ã§ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ï¼ è±Šå¯Œãªã‚¢ã‚¤ãƒ†ãƒ ã«åŠ ãˆã€ã‚«ãƒ©ãƒ¼ã‚„サイズやストãƒãƒ¼ã‚¯ãªã©ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ç°¡å˜ã§ã€è‡ªåˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«åˆã£ãŸSVGアイコンを利用ã§ãã¾ã™ã€‚
CSS・SVGã¨Vue.jsã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä½œæˆå…¥é–€ - ライブラリã«é ¼ã‚‰ãªã„表ç¾åŠ›ã‚’身ã«ä»˜ã‘よㆠ- ICS MEDIA
※ CSS Animationã«é–¢ã—ã¦ã¯Web Animation APIを使ã†ã“ã¨ã§ã‚ˆã‚Šç°¡å˜ã«JavaScriptã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’構築・制御ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚2020å¹´2月時点ã§ã¯ãƒ–ラウザã®å®Ÿè£…ãŒä¸å分ã§Polyfillã‚’è¦ã™ã‚‹ãŸã‚ã€ã“ã®è¨˜äº‹ã§ã¯å¯¾è±¡å¤–ã¨ã—ã¦ã„ã¾ã™ã€‚ 専用ライブラリを使ã‚ãšã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’作ã‚ㆠå„ライブラリã¯ç‰¹åˆ¥ãªé”法を使ã£ã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 原ç†çš„ã«ã¯CSS・SVG・WebGLã¨ã„ã£ãŸå„è¦ç´ 技術をã—ã£ã‹ã‚Šã¨ç¿’å¾—ã™ã‚Œã°ã€å°‚用ã®ãƒ©ã‚¤ãƒ–ラリã¨åŒç‰ã®ã“ã¨ãŒã§ãã‚‹ã°ã‹ã‚Šã‹ã€ã‚ˆã‚Šé«˜ã„自由度を手ã«å…¥ã‚ŒãªãŒã‚‰è»½é‡åŒ–を実ç¾ã§ãã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€å°‚用ã®ãƒ©ã‚¤ãƒ–ラリを利用ã™ã‚‹å ´åˆã«ã‚‚ã€åŸºç¤Žã¨ãªã‚‹åŽŸç†ã‚„å„技術ã®å¾—æ„ä¸å¾—æ„を知ã£ã¦ã„ã‚‹ã“ã¨ã¯å¤§ããªæ¦å™¨ã¨ãªã‚‹ã§ã—ょã†ã€‚ Vue.jsを使ã£ã¦CSSã‚„SVGã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’書ã ã¨ã¯è¨€ãˆã€ã“れらã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’土å°ã®æŠ€è¡“
1
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}