要在图标上加入逻辑，你可以使用以下方法：

1. 使用HTML和CSS：你可以在HTML中创建一个图标的容器，并使用CSS样式设置图标的样式。然后，使用JavaScript添加逻辑代码来处理图标的交互。以下是一个示例：

HTML代码：

CSS代码：

.icon {
  width: 50px;
  height: 50px;
  background-color: blue;
}

JavaScript代码：

var icon = document.getElementById("icon");

icon.addEventListener("click", function() {
  // 在这里添加你的逻辑代码
  console.log("图标被点击了");
});

2. 使用图标库：你可以使用图标库（如Font Awesome、Material Icons等）来添加图标，并使用JavaScript添加逻辑代码。以下是一个示例：

HTML代码：

JavaScript代码：

var icon = document.getElementById("icon");

icon.addEventListener("click", function() {
  // 在这里添加你的逻辑代码
  console.log("图标被点击了");
});

以上两种方法都可以根据你的需求来进行定制和扩展。你可以根据具体情况选择适合你的方法来添加逻辑到图标上。