HarmonyOS鸿蒙Next中svg图片显示问题，google icon下载的SVG只显示个黑框
HarmonyOS鸿蒙Next中svg图片显示问题，google icon下载的SVG只显示个黑框 在工具只预览svg 文件显示没有问题，但在界面上从google 下载的就无法显示，只显示一个黑框
google:
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"/>
</svg>阿里：
<svg t="1741601994161" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3637" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24">
<path d="M886.272 253.952c-31.232-91.136-116.736-154.112-211.456-154.112-5.12 0-9.728 0-14.336 0.512C606.72 55.808 538.624 30.72 468.992 30.72 343.04 30.72 230.4 110.592 184.32 229.888 73.728 274.432 0 385.024 0 508.416c0 161.28 126.976 294.4 283.136 299.008H405.504c14.848 0 27.136-12.288 27.136-27.136s-12.288-27.136-27.136-27.136H286.72c-128.512-2.56-232.96-112.128-232.96-245.248 0-104.96 64.512-198.144 160.768-231.936 7.68-2.56 13.824-8.704 16.384-16.896 35.328-103.936 131.072-174.08 238.08-174.08 60.416 0 119.296 22.528 164.864 64 5.632 5.12 13.312 7.68 21.504 6.656 6.656-1.024 13.312-1.536 19.968-1.536 74.24 0 141.312 51.712 162.816 125.44 2.048 6.656 6.144 12.288 12.288 15.872 73.728 43.52 119.808 125.44 119.808 212.992 0 132.608-104.448 242.688-232.96 245.248h-132.608c-14.848 0-27.136 12.288-27.136 27.136s12.288 27.136 27.136 27.136h135.68c156.672-4.096 283.136-137.728 283.136-299.008 0.512-103.936-51.712-200.192-137.216-254.976z" fill="#333333" p-id="3638"></path>
<path d="M627.2 703.488c5.12 5.12 12.288 7.68 18.944 7.68s13.824-2.56 18.944-7.68c10.752-10.752 10.752-27.648 0-37.888L547.84 547.84c-22.528-22.528-59.392-22.528-82.432 0L348.16 665.088c-10.752 10.752-10.752 27.648 0 37.888 10.752 10.752 27.648 10.752 37.888 0l93.184-93.184v355.84c0 14.848 12.288 27.136 27.136 27.136s27.136-12.288 27.136-27.136v-355.84l93.696 93.696z" fill="#333333" p-id="3639"></path>
</svg>更多关于HarmonyOS鸿蒙Next中svg图片显示问题，google icon下载的SVG只显示个黑框的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
3 回复
建议浏览器或者调试工具进一步看下具体导致黑框的样式，是否有多余的fill导致了样式覆盖，着重看以下样式属性，display: none，visiblity: hidden，width/height : 0都可能导致黑框，outline: none
更多关于HarmonyOS鸿蒙Next中svg图片显示问题，google icon下载的SVG只显示个黑框的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
在HarmonyOS鸿蒙Next中，SVG图片显示为黑框的问题可能与SVG文件的兼容性或解析方式有关。鸿蒙系统对SVG的支持基于其自身的渲染引擎，如果SVG文件包含不受支持的特性或格式，可能会导致无法正确渲染。建议检查SVG文件是否使用了鸿蒙不支持的标签、属性或样式。此外，确保SVG文件符合标准格式，避免使用复杂的滤镜、渐变或外部资源引用。如果问题依旧存在，可以尝试将SVG文件转换为其他格式（如PNG）进行显示。
