html小图标代码大全

HTML小图标是一种常见的网页设计元素，可以用来增加页面的美观程度和用户体验。下面是一个HTML小图标代码的大全：

1. 使用Font Awesome图标库：Font Awesome是一个非常流行的图标字体库，提供了很多不同的图标选择。你可以在页面的头部引入Font Awesome的CSS文件，然后使用对应的class来添加图标。例如，使用`<i class="fa fa-heart"></i>`可以添加一个心形图标。

2. 使用Glyphicons图标库：Glyphicons是Bootstrap框架自带的图标库，同样提供了丰富的图标选择。你需要引入Bootstrap的CSS文件，并使用对应的class来添加图标。例如，使用`<span class="glyphicon glyphicon-search"></span>`可以添加一个搜索图标。

3. 使用Emoji图标：HTML5支持使用Emoji图标，你可以在网页中直接使用对应的Unicode代码来显示图标。例如，使用`&#x1F44D;`可以显示一个拇指向上的图标。

4. 使用自定义SVG图标：如果你有自己的SVG图标文件，可以将其嵌入到HTML中，并使用`<svg>`标签来显示。你可以在SVG文件中定义图标的颜色、大小等属性。

5. 使用CSS背景图片：你可以将小图标保存为一张图片，然后将其作为CSS的背景图片来使用。使用`background-image`属性指定图片的URL，并设定宽度、高度等属性来调整图标的大小。

以上是一些常见的方法来添加HTML小图标，你可以根据自己的需要选择适合的方式，并灵活运用在网页设计中。