Skip to content
This repository has been archived by the owner on Dec 2, 2022. It is now read-only.

Question: How do you find the content values for the icon fonts? #6

Closed
wychwitch opened this issue Oct 18, 2021 · 2 comments
Closed

Comments

@wychwitch
Copy link

Hello!! I'm just getting started using the colored folder and folder Icons and its fantastic! However I'm running into a bit of a brick wall. How do you find the content values for the icons in the folders.icon.font.css file? This may be a dumb question, but I've been trying and haven't been able to reliably select new custom icons because the values are seemingly random codes.

Thank you very much in advance, I'm very new to CSS so I hope you'll bear with me ^^

@Lisandra-dev
Copy link
Owner

Hello !
Sorry I didn't have any notification at all on github…

So, for any future people here, if you need to get the code point :
imageFont Awesome : Just search your icon, and copy the code as \f02b. Replace it in your snippet or in the Style settings plugin. (Note : I include Free, Free Solid, and Brands)
image

imageMaterial Icons : Search your icons and click on "code point" (as '\e2c7`).
image

  • IconMoon Free : Search and select your icons, Click on generate font and you will can copy the code point
    image

Remixicon and boxicon are pretty tricky to get the code point at this point.

  • Remixicons look for the icon you want. Press F12 (developer panel) and click on the icon. You will get something like .ri-home-3-line::before and you can get the code point here (in content).
    image

  • Boxicons : Same as above
    image

Alternatively, you can check the github with the name of the icon (as re-something and box-something)

@wychwitch
Copy link
Author

THANK YOU SO MUCH THIS IS INCREDIBLY HELPFUL;;; and thank you so much for the screenshots too!!!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants