信息图标是否有 HTML 实体？

Question

我正在寻找这样的基本信息图标：

Answer 1

经过一番搜索，我自己找到了该实体。它的代码是

&#9432;

，看起来像这样：ⓘ

Answer 2

有🛈（U+1F6C8，圈出的信息源）。作为 HTML 实体：

&#x1F6C8;

.

^{有很多工具（很多是在线工具）可让您搜索并获取有关 Unicode 字符的更多信息。我个人最喜欢的是这个。}

Answer 3

这可能对你有帮助，使用 html 和 css 我们可以实现这个结果

<!DOCTYPE html>
<html>
<style>
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
</style>
<body style="text-align:center;">


<div class="tooltip">&#x1F6C8;
  <span class="tooltiptext">Tooltip text</span>
</div>



</body>
</html>

Answer 4

UNICODE

U+02139

十六进制代码

&#x2139;

HTML 代码

&#8505;

CSS代码

\2139

// css example
span {
  content: "\2139";
}

HTML Example

<span>&#8505;</span>

来源

Answer 5

这些天我使用表情符号来表示“信息”ℹ️或“文档”📄或“来源”📚

以前，我会将 ⓘ 放在上标 ^ⓘ 内，因为它反映出它是文本的脚注。

<sup>&#9432;</sup>

此外，请考虑 🛈 上方的 ☰ 符号，因为它尊重基线。

Answer 6

2
投票

HTML代码：

&#8505;

CSS代码：

\2139

Answer 7

1
投票

在 HTML 中使用 unicode:

&#9432;

。

Answer 8

符号本身是8505，然后添加65039将其着色为蓝色。

&#8505;&#65039;

信息图标是否有 HTML 实体？

问题描述投票：0回答：8

8个回答

最新问题

信息图标是否有 HTML 实体？

问题描述 投票：0回答：8

8个回答

最新问题

问题描述投票：0回答：8