Is there an HTML entity for an info icon?

After some more searching, I myself have found the entity. The code for it is ⓘ, and it looks like this: ⓘ

There's 🛈 (U+1F6C8, CIRCLED INFORMATION SOURCE). As an HTML entity: 🛈.

^{There are plenty of tools, many online, that let you search for, and get more information about, Unicode characters. My personal favourite is this one.}

this may help you , using html and css we can achieve this results

<!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>

UNICODE U+02139

HEX CODE ℹ

HTML CODE ℹ

CSS CODE \2139

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

HTML Example

<span>&#8505;</span>

Source

Use the unicode: ⓘ into the HTML.

Is there an HTML entity for an info icon?

Related

Recent Posts