在span类上显示图标

是指通过在HTML代码中使用span标签，并为其添加相应的CSS样式，以实现在网页中显示图标的效果。

具体步骤如下：

1. 在HTML代码中找到需要显示图标的位置，并使用span标签进行包裹。例如：<span class="icon"></span>
2. 在CSS样式表中定义.icon类的样式，以实现图标的显示。可以使用字体图标、SVG图标或者自定义图标等方式来实现。以下是几种常见的实现方式：

• 字体图标：使用字体图标库，如Font Awesome、Material Icons等。在CSS样式表中引入字体图标库，并为.icon类添加相应的字体图标类名。例如：<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">.icon { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007"; }.icon { background-image: url("icon.svg"); background-size: contain; background-repeat: no-repeat; }<span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/> </svg> </span>.icon { background-image: url("icon.png"); background-size: contain; background-repeat: no-repeat; }
• SVG图标：使用SVG格式的图标文件，并通过CSS样式表为.icon类添加背景图或者直接插入SVG代码。例如：
• 自定义图标：使用自定义的图标文件，如PNG、JPEG等，并通过CSS样式表为.icon类添加背景图。例如：

以上是在span类上显示图标的一些常见实现方式。具体选择哪种方式取决于实际需求和项目情况。腾讯云并没有提供特定的产品或者服务与此相关。