SVGアイコンを実用ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠããŸã„ã€ãƒªãƒ³ã‚¯å‘¨ã‚Šã®è¨˜è¿°æ–¹æ³•SVGアイコンを実用ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠããŸã„ã€ãƒªãƒ³ã‚¯å‘¨ã‚Šã®è¨˜è¿°æ–¹æ³•ä»¥å‰æ›¸ã„ãŸã€Œã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‹ã‚‰SVGã¸ï¼ã‚ˆã‚Šæ‰‹è»½ã«ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã‚’表示ã—よã†ã€ã¨ã„ã†è¨˜äº‹ã§SVGã®åŸºæœ¬ã‚„効率よã使用ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã—ãŸãŒã€å®Ÿéš›ã«Webサイト内ã§ä½¿ã†ã«ã¯ã‚‚ã†å°‘ã—具体例ãŒå¿…è¦ã ãªãƒ¼ã¨æ€ã£ãŸã®ã§ãƒªãƒ³ã‚¯é–¢é€£ã‚’ä¸å¿ƒã«è£œè¶³ã—ã¾ã™ã€‚基本的ãªè¨˜è¿°æ–¹æ³•ã‚’覚ãˆã¦å®Ÿç”¨åŒ–ã—ã¦ã„ãã¾ã—ょã†ï¼ アイコンフォントã‹ã‚‰ SVG ã¸ï¼ã‚ˆã‚Šæ‰‹è»½ã«ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã‚’表示ã—よㆠSVG ã«ãƒªãƒ³ã‚¯ã‚’貼るSVG ã«ãƒªãƒ³ã‚¯ã‚’貼りãŸã„å ´åˆã€å˜ç´”ã« a タグ㧠svg を囲んã§ã‚‚ã†ã¾ãリンクを貼るã“ã¨ã¯ã§ãã¾ã›ã‚“。svg ã‚¿ã‚°ã®ä¸ã®ã‚ªãƒ–ジェクトを a ã‚¿ã‚°ã§å›²ã¿ã€xlink:href 属性㧠URL を指定ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ <svg ... > <a xlink:href="http://google.com"> <path fill="#1E899D
Sassã§linear-gradient()ã®mixinã‚’ã¤ãã‚‹ ãã®4 - fragmentary
{{#tags}}- {{label}}
{{/tags}}