skip to Main Content

So I’m wanting to be able to do something like this:

 button.accordion:after {
    font-family: FontAwesome;
    content: "f150";
    font-family: "fontawesome";
    font-size: 18px;
    float: right;
  }

But I’m not sure how to find the unicode value.

There are some similar questions on here but they are super convoluted and I’m just

wondering if there is a practical way to find the unicode value of an icon without javascript

to add into my CSS.

2

Answers


  1. Chosen as BEST ANSWER

    So I figured it out. First of all you need to add in the HTML or Js Framework icon so that it is displayed in the DOM.

    Next, you need to select the icon using developer tools. Once you have selected it look at the filter styles in the CSS section of the developer tools console.

    Find Pseudo elements and look you'll the Uni-code for the icon that matches the name of the selected icon. Copy that Uni-code sequence and you'll be good to go.


  2. Unicode example
    when you go to the font-awesome website and click on the icon you see the search option you can find your icon and as shown in the screenshot you have to get the Unicode for any icon

    if you want to add icon unicode in a CSS file first you have to download the icon on your PC and in all.min.css you will find the .ttf file you have to replace their file path with your path. and you can use icons on your website.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search