Is there an HTML entity for an info icon?

HtmlUnicodeHtml Entities

Html Problem Overview

I am looking for a basic information icon like this:

https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Infobox_info_icon.svg/1024px-Infobox_info_icon.svg.png" width="50" />

Html Solutions

Solution 1 - Html

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

Solution 2 - Html

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.

Solution 3 - Html

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>

Solution 4 - Html

UNICODE U+02139

HEX CODE &#x2139;

HTML CODE &#8505;

CSS CODE \2139

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


HTML Example

<span>&#8505;</span>

Source

Solution 5 - Html

Use the unicode: &#9432; into the HTML.

Solution 6 - Html

These days I use emoji for "info" ℹ️ or "documentation"  or "source" 

Previously, I would put the ⓘ inside superscript ⓘ because it reflects that it is a footnote to the text.

<sup>&#9432;</sup>

Also, consider the ☰ symbol over the 🛈 as it respects the baseline.

Solution 7 - Html

HTML Code: &#8505;

CSS Code: \2139

enter image description here

Categories
Recommended Html Solutions
Recommended Unicode Solutions
Recommended Html Entities Solutions

Previous Solution:

HikariCP - connection is not available

HibernatePostgresqlSpring BootHikaricp

Next Solution:

What is the point of float('inf') in Python?

Python

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionAlexcamostyleView Question on Stackoverflow
Solution 1 - HtmlAlexcamostyleView Answer on Stackoverflow
Solution 2 - HtmlBiffenView Answer on Stackoverflow
Solution 3 - HtmlJHM16View Answer on Stackoverflow
Solution 4 - HtmlMile MijatovićView Answer on Stackoverflow
Solution 5 - HtmlA. SilvaView Answer on Stackoverflow
Solution 6 - Htmlow3nView Answer on Stackoverflow
Solution 7 - HtmlArtyom VancyanView Answer on Stackoverflow