Stack Overflow
Stack Overflow

Questions tagged [angular-fontawesome]

Questions about @fortawesome/angular-fontawesome library to support FontAwesome 5 in Angular applications.

Source code and examples for @fortawesome/angular-fontawesome library can be found on GitHub here.

70 questions
2
votes
0 answers

Dynamic import of modules, using string variable, with Angular, only with specific exports not the entire file

The use case is simply to be able to use any FontAwesome icon, from a string, without necessarily knowing what those icons are going to be until runtime, without the client having to download icons they won't be using. I'm using angular-fontawesome,…
Adam Marshall
  • 3,010
  • 9
  • 42
  • 80
2
votes
1 answer

How to import a font-awesome icon inside an svg in angular?

I can embed an font-awesome icon in angular. As described in the docs: https://www.npmjs.com/package/@fortawesome/angular-fontawesome. This works. home.component.html Once I embed a font-awesome icon…
Rob Monhemius
  • 4,822
  • 2
  • 17
  • 49
2
votes
1 answer

What is the best way to load custom fonts for child application using single-SPA?

We have custom font awesome icons used in our child application, currently it is loaded in child application as an Angular component. We have no issues when running the child application as a separate application. Where as after converting…
Laxmikanth
  • 21
  • 2
2
votes
1 answer

Fontawesome icon not showing

I'm trying to develop an angular project completely on my mobile device. I tried using fontawesome icon in my project. While using the minus-square icon, it worked without even creating an account.
MiaKhalifa
  • 23
  • 5
2
votes
1 answer

"npm" can't resolve from npm.fontawesome.com

My Angular project use module from https://npm.fontawesome.com I call command: npm --loglevel info install grun local and it is fine finished, but if call this command in build-server I have an error. .npmrc…
Ivan Bukharin
  • 321
  • 2
  • 4
  • 22
2
votes
1 answer

What is the difference between fontawesome angular package and standard npm package and simple sass

I've a new angular cli(8+) project with sass(SCSS). I checked Fontawesome docs and have found multiple ways of hosting fontawesome icons (npm package install, angular package or simple scss). I want to know what are the differences between them?…
Imtiaz Shakil Siddique
  • 3,732
  • 30
  • 37
2
votes
1 answer

Unable to import from @fortawesome/free-regular-svg-icons when using an alias

I'm unable to import icons when I use an alias to reference them. I noticed the problem specifically with from @fortawesome/free-regular-svg-icons. You sometimes need to use an alias because there might be a duplicate name for an icon in libraries…
Tresto
  • 151
  • 1
  • 12
2
votes
1 answer

FontAwesome not working with Angular using spans

I am new to Angular, so bear with me. I am trying to use FontAwesome in my project. Initially I had it loaded via CDN, but I want to use it properly. So I have imported the FontAwesomeModule into my WidgetModule. Which looks like this: import {…
r3plica
  • 13,017
  • 23
  • 128
  • 290
2
votes
2 answers

Changing font awesome icons through Angular components

I am using font-awesome version 4.7.0 with Angular 5. When I add an icon to a screen the icon immediately changes from tag to and I cannot access its class from an Angular component which is what I want to do. The resulting behavior is that the…
user10353471
2
votes
0 answers

Importing same icon from different style with icon library (FontAwesome5 for Angular)

Readme file on GitHub shows how to import icons from different pack. For example: import { faCoffee } from '@fortawesome/free-solid-svg-icons'; import { faArrowAltRight } from '@fortawesome/pro-light-svg-icons'; library.add(faCoffee,…
Makla
  • 9,899
  • 16
  • 72
  • 142
2
votes
1 answer

Using font-awesome icons in angular 6 inside index.html

I have successfully added a loader to my andular 6 project that will show the loader upon initial load until the app fully loads. I however cant seem to get a font awesome icon to load inside the spinner. app.module.ts import { BrowserModule } from…
Charles L.
  • 1,844
  • 2
  • 34
  • 56
2
votes
2 answers

Angular ng-class and Fontawesome 4 to 5

I just upgraded my app from Fontawesome version 4 to 5 following the documentation HERE. All is looking nice and it seems to work fine except for dynamic icons... My App use Angular and quite often the icon to show is…
Ayeye Brazo
  • 3,316
  • 7
  • 34
  • 67
2
votes
1 answer

Angular 5 with Font Awesome 5

After some researches including the read of Font Awesome 5 with Angular, documentation, etc I wasn't able to advance in the integration between Angular 5 App and Font-Awesome 5 (Pro). Problem: Icons don't appear. More detailed information about my…
Daniel Santana
  • 1,493
  • 20
  • 19
1
vote
1 answer

Is it possible to set fontawesome icon to an element from css when using angular-fontawesome?

When using fontawesome with the link to the css from cdn it is possible to use css to put icons e.g. inside buttons like this: .info-button:before { font-family: 'Font Awesome 5 Free'; content: "\f05a"; font-weight: 900; } This above code…
AnnaK
  • 13
  • 2
1
vote
1 answer

how to use @fortawesome/fontawesome for angular in the standard SCSS way (font based icons)

Recently I installed the npm packages version 0.8 for an Angular 11 project using free brands svg icons, regular svg icons and solid svg icons provided by the installer, it didn't show font based icons option for installing. However, besides of…
Aldemar Cuartas Carvajal
  • 1,573
  • 3
  • 20
  • 39
1
2
3 4 5