Stack Overflow
Stack Overflow

Questions tagged [font-awesome-5]

Font Awesome 5. This tag is for questions relating to Font Awesome 5 and upgrading from previous versions.

Font Awesome is an iconic standalone vector font, initially developed for use with the Twitter Bootstrap front-end framework.

Font Awesome 5 was released on December 7, 2017 with 1,278 icons1

Resource

443 questions
0
votes
0 answers

fontawesome-vue component icon toggle doesn't work properly

in order to update my icons on my Vue template I installed fortawesome/vue-fontawesome with npm, the problem is that it has a strange behavior: it' toggling one time and after it adds a second icon Here is the template code
Eloise85
  • 648
  • 1
  • 6
  • 26
0
votes
1 answer

Hover with star rating not working properly

So I found the following code on codepen (https://codepen.io/anon/pen/Edzxaj) to make a star rating, which works fine for Font Awesome 3.x and 4.x, but fails to produce the same result on 5.x when hovering over the stars. /* Base setup */ @import…
YTZ
  • 876
  • 11
  • 26
0
votes
1 answer

FontAwesome icon (::before) is too big of 0.5px

I have a biiiiig design issue. A 0.5px one to be exact. I use FontAwesome for my icons and I've noticed that the icons (which should be 14x14px when font-size is set to 14px), are 14x14.5px. It means that if I had some padding around my icon it…
Maasha Theytaz
  • 69
  • 2
  • 10
0
votes
0 answers

react font-awesome / icon is not clickable

Trying to use FontAwesomeIcon wrapped in a button element. Issue: - Clicking on the icon itself does not trigger the button - When adding text before the icon, clicking on the text triggers the button. But clicking the icon portion of the button…
lilgangwolf
  • 1
0
votes
0 answers

Font Awesome 5 - SVG/JS Pseudo Class issue

I've seen many answers to make this happen, but none of those answers mention the issue I am having. So I am using Font Awesome's PRO SVG & JS Library, and was originally having issues getting icons to display. I read that not only do I need to…
Murphy1976
  • 1,415
  • 8
  • 40
  • 88
0
votes
1 answer

Using Font Awesome 5 SVGs as JavaFX Button shapes

I'm currently developing undecorated JavaFX application and trying to add close, maximize and minimize buttons and setting their shape to a Font Awesome 5 SVG. But some SVGs don't seem to appear correctly, for example "window-minimize" apears as…
user5432848
0
votes
2 answers

Dynamic FontAwesome - Passing unicode as parameter to CSS file

since ad blockers block social media links, i am trying to pass the unicode to the css file as parameter (you cant give it in the HTML code, only in css script format) But it does not work. stylesheet: .sm-button { font-family: 'Font Awesome\ 5…
Udi Heller
  • 51
  • 11
0
votes
2 answers

Is it possible to rotate font awesome 5 icons on click?

I would like to rotate an fontawesome 5 icon (which is in an panel) 180 degree on click.
Juri
  • 1,531
  • 2
  • 20
  • 43
0
votes
1 answer

font awesome - stack circle color change on hover

I am using the font awesome framework for the icons. .fa-circle { color: red; } .fa-times { color: #fff; } .fa-circle:focus, .fa-circle:hover { color: #fff; border: 2px solid black; } .fa-times:focus, .fa-times:hover { …
Karan
  • 3,265
  • 9
  • 54
  • 82
0
votes
1 answer

Vis.js Network could not display icons when using fontawesome-pro-5.0.3

I recently upgrade fontawesome from version 4.7.0 to pro-5.0.3, the icons in my network chart display as blank box. It works perfectly if I change fontawesome back to 4.7.0. I put my nodes definition codes below, I did a lot of research but couldn't…
jammy zhang
  • 23
  • 6
0
votes
0 answers

I can't apply Facebook or Instagram icons in Font Awesome 5 as a content

I can set a font awesome icon with the following style, which works fine: .my-title:before{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f568"; } But I can't set neither Facebook nor Instagram icons. For example…
tolga
  • 2,462
  • 4
  • 31
  • 57
0
votes
0 answers

FontAwesome 5 - SVG&JS - pseudo elements

Trying to use new Font Awesome 5 in SVG&JS combination in ::before element Already tried to find solutions but it still not work correctly. In head i got script activating the function and script.