SVGの扱い方を心得よ
この記事はQiitaからの転載です。 コードがかける機能がついたので、試しにこっちにも書いてみました😶 BTC関係ないですが、よかったら読んでください ・・・ 巷で人気のSVGについてwebデザインやってる人が色々調査したことかきます😋😋😋 テキストエディタで開いて無駄なものは排除せよ AdobeのソフトとかFigmaとかで書き出したSVGはとにかく無駄なものが多いのでテキストエディタで開いて編集します。 以下、Google Material Iconsのfavoriteをそれぞれのツールで保存&コピーしたものをテキストエディタで開いたものです。※ わかりやすくするために改行・インデントいれてますが、容量は改行・スペースを抜いた状態です Adobe XD - 416バイト <svg id="_24px" data-name="24px" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path id="パス_605" data-name="パス 605" d="M0,0H24V24H0Z" fill="none"/> <path id="パス_606" data-name="パス 606" d="M12,21.35l-1.45-1.32C5.4,15.36,2,12.28,2,8.5A5.447,5.447,0,0,1,7.5,3,5.988,5.988,0,0,1,12,5.09,5.988,5.988,0,0,1,16.5,3,5.447,5.447,0,0,1,22,8.5c0,3.78-3.4,6.86-8.55,11.54Z"/> </svg> Adobe Illustrator - 605バイト <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0) --&
