getButterfly Logo getButterfly code wrangling since 2005

I’ll just leave this here as a quick reference. I needed an “info” icon the other day, and I needed a unicode HTML character. I found two of them, which did the job, but they are pretty poorly designed for smaller font sizes.

Nevertheless, here they are:


<span class="unicode">& #9432;</span>
<span class="unicode">& #x1F6C8;</span>
<i class="fa fa-info-circle"></i>

The last one is FontAwesome, just for comparison.

Remove spaces after & in the code examples above.

Subscribe to getButterfly Blog

Once a week or so we send an email with our best content. We never bug you, we just send you our latest piece of content.

If you found any value in this post, agree, disagree, or have anything to add - please do. I use comments as my #1 signal for what to write about. Read our comment policy before commenting! Comments such as "Thank you!", "Awesome!", "You're the man!" are either marked as spam or stripped from URL.

Leave a reply