css自制icon图标（最简单的一种方式）
CSS 自制图标可以通过使用字符实体或者图标字体来实现。以下是使用字符实体创建简单图标的方法：
- 选择一个字符，这个字符代表了你想要的图标。
- 使用 CSS 将这个字符放置在页面上，并设置样式使其看起来像一个图标。
例如，创建一个表示心形图标的方法：
HTML:
<div class="icon-heart"></div>CSS:
.icon-heart {
display: inline-block;
width: 1em; height: 1em;
background-color: red;
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 100%, 61% 65%, 32% 100%, 30% 57%, 2% 35%, 39% 35%);
}这段代码使用了 clip-path 属性来裁剪一个 div 元素，将其变成了一个心形图标。这是最直接的方法之一，不需要额外的图标字体或图像文件。
评论已关闭