我正在尝试使用页脚中的SVG文件创建社交媒体图标。如果我使用内联CSS，它的工作。如果我不这么做，它就不会出现。我使用的是样式组件包。

你知道如何让它在没有内联CSS的情况下工作吗？

这很有效：

<代码><；DIV style={{width：' 25px '，margin：' 0 5px '}}>；<；a href={link}>；<；IMG SRC={iconname}alt={（iconname，' icon '）}/>；<；/a>；<；/DIV>；

这不起作用：

<div style={{ width: '25px', margin: '0 5px' }}>
  <a href={link}>
    <img src={iconName} alt={(iconName, 'icon')} />
  </a>
</div>

这也不起作用：

<代码><；细分（>；）<；a href={link}>；<；IMG SRC={iconname}alt={（iconname，' icon '）}/>；<；/a>；<；/DIV>；

顺晟科技：

如果你想在标签之间显示图像，那么我们有两个选择，第一个是我们的自定义图像（你也需要写一些CSS来设置它的样式），第二个是使用FA图标，你可以根据你的要求使用任何方法。

<代码><；a href=“ ”>；<；IMG SRC=“ https：//static.vecteezy.com/system/resources/thumbnails/001/993/889/small/beautiful-latin-woman-avatar-character-icon-free-vector.jpg ” alt=“ ” srcset=“ ” amp；gt；侧写<；/a>；<；人力资源（>；）<；a href=“ ”>；<；I Class=“ fa fa-Facebook-square ” aria-hidden=“ true ”>；<；/I>；Facebook<；/a&>；<；a href=“ ”>；<；I类=“ fa fa-Twitter ” aria-hidden=“ true ”>；<；/I>；推特<；/a>；<；a href=“ ”>；<；I类=“ fa fa-LinkedIn ” aria-hidden=“ true ”>；链接输入<；/I>；<；/a>；

<代码>.SVG-IMG{宽度：100px；高度：100px}

<代码><；细分（>；）<；a href=“ ”>；<；IMG CLASS=“ SVG-IMG ” SRC=" data：image/SVG+XML；base64，phn2zyb3awr0ad0imjqiighlawdodd0imjqiihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigzmlsbc1ydwxlpsjldmvub2rkiibjbglwlxj1bgu9imv2zw5vzgqipjx<；/a>；<；/DIV>；