CSS与svg图形边框的创建

我有一个SVG格式的带有star的文件。如何使用css使该图形的边框与该星形的整个正方形对齐？还有，如何在悬停效果上填充该图像

我尝试添加html：

<i class="favorite"></i>

---

但是我什么也没看到。当我将背景颜色更改为例如红色时，我会在红方块上看到白色的星星。如何使其工作？

您不能更改通过或背景图像包含的SVG的颜色。您需要将其内联到页面中。然后可以使用“填充”和“笔划”属性更改颜色

.广场{ 填充物：红色； 笔画：蓝色； 笔画宽度：4； } 你好，世界

---

我发现我的任务不好。你为什么要减去我？我希望你至少能自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果您仍然有问题，请返回您的代码并解释您尝试了什么。谢谢@Paulie_D的回复。请给我一点时间了解最新情况。

.favorite {
  width: 17px;
  height: 16px;
  display: block;
  text-indent: -9999px;
  background-size: 17px 16px;
  background: url(../../../../../assets/images/icon-star.
}