除了直接修改CSS样式，在代码中修改图标样式还有其他方法，例如使用伪类或使用CSS变量。以下是两个示例：

1. 使用伪类：

示例代码：

.icon:hover {
  color: red;   /* 鼠标悬停时改变图标颜色 */
  background-color: yellow; /* 鼠标悬停时改变图标背景色 */
}

解释：上述代码使用了伪类 `:hover`，当鼠标悬停在图标上时，会改变图标的颜色和背景色。可以根据需要添加更多的样式属性来定制悬停效果。

2. 使用CSS变量：

示例代码：

:root {
  --icon-color: blue;   /* 定义图标颜色变量 */
  --icon-bg-color: green; /* 定义图标背景色变量 */
}

.icon {
  color: var(--icon-color);   /* 使用图标颜色变量 */
  background-color: var(--icon-bg-color); /* 使用图标背景色变量 */
}

解释：上述代码使用了CSS变量，首先在 `:root` 伪类中定义了两个变量 `--icon-color` 和 `--icon-bg-color`，然后在 `.icon` 类中使用这些变量来设置图标的颜色和背景色。这种方法可以方便地在多个地方重用相同的样式，并且更容易进行全局修改。