Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there an HTML entity for an info icon?

I am looking for a basic information icon like this:

like image 896
Alexcamostyle Avatar asked Nov 23 '15 18:11

Alexcamostyle


People also ask

What are HTML entities example?

An HTML entity is a piece of text ("string") that begins with an ampersand ( & ) and ends with a semicolon ( ; ) . Entities are frequently used to display reserved characters (which would otherwise be interpreted as HTML code), and invisible characters (like non-breaking spaces).


4 Answers

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

like image 178
Alexcamostyle Avatar answered Nov 09 '22 16:11

Alexcamostyle


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.

like image 28
Biffen Avatar answered Nov 09 '22 16:11

Biffen


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>
like image 27
JHM16 Avatar answered Nov 09 '22 16:11

JHM16


UNICODE U+02139

HEX CODE &#x2139;

HTML CODE &#8505;

CSS CODE \2139

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

<span>&#8505;</span>

Source

like image 28
Mile Mijatović Avatar answered Nov 09 '22 14:11

Mile Mijatović