我的 HTML 文件中有以下几行:
<div class="account-container">
<svg id="icon-account" style="width: 5rem; height: 5rem;">
<use href="/icons.svg#icon-account" />
</svg>
</div>
Run Code Online (Sandbox Code Playgroud)
icon.svg 看起来像这样:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="gradient1" x1="21.3635" y1="1.72727" x2="21.3639" y2="41" gradientUnits="userSpaceOnUse">
<stop stop-color="#7DC2C9"/>
<stop offset="1" stop-color="#446B73"/>
</linearGradient>
<symbol id="icon-account" viewBox="0 0 42 42" >
<path d="M6.09091 34.3314C10.9277 29.4164 15.2241 27.245 21 27.1818C27.3352 27.4877 31.7332 29.4904 36.2727 33.9136M41 21C41 32.0457 32.0457 41 21 41C9.95431 41 1 32.0457 1 21C1 9.95431 9.95431 1 21 1C32.0457 1 41 9.95431 41 21ZM26.4545 15.1818C26.4545 18.1943 24.0125 …
Run Code Online (Sandbox Code Playgroud)