css 如何更改我的网站的“google图标”颜色

vnjpjtjt 于 2024-01-09 发布在 Go

关注(0)|答案(3)|浏览(152)

我有一个问题。请任何人都可以帮助我吗？我正在创建一个克隆的flipkart.com（一个ECOM网站）。我需要一些相同颜色的图标，这是在他们的网站上。我发现了一些谷歌字体，但只有两种颜色的变化（黑色和白色）。我需要相同的黄色图标，任何人都可以帮助我通过这个。
谷歌字体链接-https://fonts.google.com/icons?icon.query=suitcase

<span class="material-icons-outlined">

字符集
work_outline work_outline br codepoint e943

css

来源：https://stackoverflow.com/questions/69554392/how-can-i-change-the-color-of-the-google-icons-for-my-website

3条答案

按热度按时间

eivgtgni1#

使用css应用样式。这有效吗？

html, body {height: 100%}
body {
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
svg {
  fill: yellow;
  width: 100px;
  height: auto;
}

个字符

赞(0）回复(0）举报 2024-01-09

vshtjzan2#

将其下载为.svg文件并将其放入代码中。使用fill: red;使其成为您想要的颜色。
<img src="image.svg" alt="image" fill="red">个
这应该是可行的：）

赞(0）回复(0）举报 2024-01-09

pxq42qpu3#

1.从Material Icons page下载图标为.SVG
1.在文本编辑器中打开下载的.svg图像
1.向右滚动一点，找到fill="#000000"（或fill="#FFFFFF"用于白色图标）