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
6
votes
2 answers

Fontawesome 5 with Angular 2+

I don't know how to include FontAwesome 5 to Angular 2+ app. I found this package - https://www.npmjs.com/package/@fortawesome/fontawesome Could you tell me where should I import this package? Maybe in app.module.ts file?
bartekgorski
  • 124
  • 2
  • 7
5
votes
3 answers

Font Awesome 5, Why the instagram icon is missing?

why there is no instagram icon here .share{ display:inline-block; color:#0099cc; font-size:25px; }
qadenza
  • 9,025
  • 18
  • 73
  • 126
5
votes
1 answer

FaIconLibrary not found when using angular-fontawesome and font-awesome 5

I have the following error when trying to use @fortawesome/angular-fontawesome in my angular 7 application: node_modules/@fortawesome/angular-fontawesome/angular-fontawesome"' has no exported member 'FaIconLibrary I followed the documentation and…
Thierry Templier
  • 198,364
  • 44
  • 396
  • 360
5
votes
1 answer

How do i use brand fontawesome icon in angular

I can't use font awesome brand icons in my component I try to import it, but there is't any icons. import {faTelegram} from "@fortawesome/angular-fontawesome"; // Has no exported member But as we can see brand icon is available in…
5
votes
4 answers

Upgrade to Nebular 4 has stopped displaying font awesome icons. Setting pack is also not working

After upgrade of Angular version 8, Nebular got updated to version 4. After the upgrade I cannot see my font awesome icons that was getting displayed earlier. I tried going through this document of nebular which is asking us to register font…
Rohit Dubey
  • 174
  • 1
  • 2
  • 12
5
votes
1 answer

Fontawesome license throwing error while installing using npm

As per fontawesome's documentation I am trying to install pro version of fontawesome 5. I have created a .npmrc file where licence and registry have been mentioned. Now I am trying to run npm install --save-dev @fortawesome/fontawesome-pro. It is…
Ankur
  • 730
  • 7
  • 28
5
votes
1 answer

Reduce or remove font awesome SVG flicker when the page loads

We just bought the pro version and switched to SVG as the icons look significantly nicer. However we have some flickering issues on every page as it loads the icons. I've mitigated the jarring nature of it a little by ensuring the page doesn't…
NibblyPig
  • 51,118
  • 72
  • 200
  • 356
5
votes
1 answer

Font Awesome 5 - animated cogs, How to arrange different icons?

I am trying to arrange the font awesome animated cogs in a very particular way (as per image below) I have created a fiddle of the closest I seem to be able to get. The fiddle is here https://jsfiddle.net/rke45798/13/ .slow-ani { …
Mark Fenwick
  • 147
  • 1
  • 2
  • 10
5
votes
2 answers

fontawesome pro in azure devops

Has anyone been able to get CI builds working with fontawesome pro? Locally my build and fontawesome pro works because I've run these commands npm config set "@fortawesome:registry" https://npm.fontawesome.com/ && \ npm config set…
Tija
  • 1,691
  • 4
  • 20
  • 33
5
votes
4 answers

Use Font Awesome (5) icon in input placeholder text

I've come across many ways to solve this using Font Awesome < 5, but I can't seem to solve this in any way using Font Awesome 5. This is how many resources point to adding a Font Awesome icon in placeholder text.
Thomas Lindauer
  • 1,271
  • 1
  • 14
  • 15
5
votes
2 answers

Is it possible in Font Awesome to switch between the "far" and "fas" data-prefix with the CSS content attribute?

I am using the CSS content attribute because it loads faster than the tags. The "fa-user" icon class has two sets of icons, i.e. "far" and "fas" but, they share the same Unicode "\f007". This is a problem. The result that is obtained has just one…
5
votes
2 answers

Font Awesome 5 whatsapp icon CSS style

I tried the below code to render whatsapp icon using font awesome 5: But it looks like this: What I want is to make it look like whatsapp icon that appears in…
ace
  • 11,526
  • 39
  • 113
  • 193
5
votes
3 answers

Adding fontawesome icon to asp.net button

I am using gridview to show the data and in the gridview itself I have some action buttons like Edit Delete and Preview for picture view. but I don't want the text "Preview" on my preview button, i want (fontawesome icon) instead the text(preview).…
5
votes
7 answers

Font Awesome 5 icons not showing up

I use codeigniter and Font Awesome 5 I have download the latest version of font awesome 5 how ever for some reason my icon is not showing up Question How to get the icon to show up in font awesome 5 I am using xampp It should show next to the sign…
user4419336
5
votes
3 answers

How to disable native browser tooltip with bootstrap4 tooltip

The following code shows both the bootstrap tooltip and the native title-attribute tooltip: This is my text. $(function () { …
SpazzMarticus
  • 1,218
  • 1
  • 20
  • 40