信息图标是否有 HTML 实体？

Question

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

Answer 1

经过一番寻找，我自己找到了实体。它的代码是ⓘ，看起来像这样：ⓘ

Answer 2

有 (U+1F6C8, CIRCLED INFORMATION SOURCE)。作为 HTML 实体：🛈.

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

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

十六进制代码 ℹ

HTML 代码 ℹ

CSS 代码 39

// css example
span {
  content: "39";
}

HTML Example

<span>&#8505;</span>

Source

Answer 5

使用unicode: ⓘ 变成HTML.

Answer 6

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

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

<sup>ⓘ</sup>

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

Answer 7

HTML代码：ℹ

CSS代码：39

信息图标是否有 HTML 实体？

Is there an HTML entity for an info icon?

html

unicode

html-entities