Adob​​e Illustratorで作成したSVGのどの部分を削除しても安全ですか？

Question

ご覧のとおり、このコードのほとんどはcreate aiです。私はいくつかのコードが役に立たず、削除する必要があると思う？

<svg height="80" width="80" version="1.1" id="icon-user" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
     viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" fill="#434343"> 
     <path id="XMLID_1_" class="st0" d="M24,24H0c0,0,1.3-5.3,7.2-7.3C8.6,17.5,10.2,18,12,18s3.4-0.5,4.8-1.3C22.7,18.7,24,24,24,24z 
      M20,8c0,4.4-3.6,8-8,8s-8-3.6-8-8s3.6-8,8-8S20,3.6,20,8z M17.2,11H6.8c1,1.8,3,3,5.2,3S16.2,12.8,17.2,11z"/> 
     </svg> 

Answer 1

Illustratorは必要でないものがたくさん追加されます。

あなたの例では、削除することができます

グループ1

• x="0px" y="0px"これらは、ルートレベル
• style="enable-background:new 0 0 24 24;"あなたはフィルタを使用していないので、必要ないで無意味です。とにかくenable-backgroundは確実にサポートされていません。
• xml:space="preserve"。テキスト要素を使用していないため、
• xmlns:xlink="http://www.w3.org/1999/xlink"です。 xlink属性を使用していないためです。

グループ2あなたはCSSとSVGのスタイリング、またはJSでそれを操作していない場合

、あなたはまた、削除することができます。

• id="icon-user"
• id="XMLID_1_"
• class="st0"

グループ3

あなたのHTMLコード内でこのSVGをインラインで埋め込んでいる場合。たとえば：

<div> 
    <svg>...</svg> 
</div> 

その後、あなたはまた、削除することができます：あなたはインラインSVGのために必要な最小限のコンテンツを意味

• version="1.1"
• xmlns="http://www.w3.org/2000/svg"が

です：

<svg height="80" width="80" viewBox="0 0 24 24" fill="#434343"> 
 
    <path d="M24,24H0c0,0,1.3-5.3,7.2-7.3C8.6,17.5,10.2,18,12,18s3.4-0.5,4.8-1.3C22.7,18.7,24,24,24,24z 
 
      M20,8c0,4.4-3.6,8-8,8s-8-3.6-8-8s3.6-8,8-8S20,3.6,20,8z M17.2,11H6.8c1,1.8,3,3,5.2,3S16.2,12.8,17.2,11z"/> 
 
</svg>

外部SVG

外部ファイルとしてSVGを使用している場合。たとえば、<img>、background-image、<object>または<embed>という名前でリンクしている場合は、グループ1とグループ2にリストされているアイテムを安全に削除できます。ただし、グループ3のアイテムは削除しないでください。

<svg height="80" width="80" version="1.1" id="icon-user" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#434343"> 
     <path id="XMLID_1_" class="st0" d="M24,24H0c0,0,1.3-5.3,7.2-7.3C8.6,17.5,10.2,18,12,18s3.4-0.5,4.8-1.3C22.7,18.7,24,24,24,24z 
      M20,8c0,4.4-3.6,8-8,8s-8-3.6-8-8s3.6-8,8-8S20,3.6,20,8z M17.2,11H6.8c1,1.8,3,3,5.2,3S16.2,12.8,17.2,11z"/> 
</svg>