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
1
vote
0 answers

Uncaught Error: Property icon is required for fa-icon/fa-duotone-icon components. at http://localhost:9876/_karma_webpack_/polyfills.js:23598:29

I am running my test case in the project. I am facing below error when test cases are executing. Although they are not breaking my test case but still printing lots of logs in the console. I am working on Angular v11. Chrome 88.0.4298.0 (Windows 10)…
Ambuj Khanna
  • 1,131
  • 3
  • 12
  • 32
1
vote
1 answer

How to use Font Awesome 5 in Nativescript Angular application?

I want to use Font Awesome 5 in my Nativescript-Angular app. I followed below article and did everything same but I always getting icon as "?" for iOS and "X" for android. Nativescript Version - 6.5, Angular Version -…
simple user
  • 349
  • 3
  • 22
  • 44
1
vote
2 answers

Import globally used library module into angular project modules

I think I did something wrong here. I want to use angular-fontawesome module. Following the instructions to import it into AppModule successfully. export class AppModule { constructor(library: FaIconLibrary) { // Add an icon to the library for…
Hao
  • 6,291
  • 9
  • 39
  • 88
1
vote
1 answer

Font Awesome not working when binding icon in Angular

I have created a div which content is editable. The user can insert a phone number just by pressing a button click; The whole process is working, but the main issue is with phone icon inserted using font awesome library. The span appears normally…
Mlle 116
  • 1,149
  • 4
  • 20
  • 53
1
vote
1 answer

Angular - export fontawesome to a feature module

In app.module I got the following lines regarding fontawesome import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome'; import { faBars, faCopyright } from '@fortawesome/free-solid-svg-icons'; export class AppModule { …
Konstantinos Papakonstantinou
  • 977
  • 3
  • 15
  • 33
1
vote
1 answer

angular-fontawesome fa-layers-counter color change

I am using the angular-fontawesome library as part of an ionic application. I can't seem to get the fa-layer-counter component to change color away from it's default red shade.
td-edge
  • 588
  • 1
  • 6
  • 20
1
vote
1 answer

Custom FontAwesome icon doesn't render

UPDATE : Here is the StackBlitz as requested. I created an SVG icon based on FontAwesome's collaborator's instructions here, but that doesn't seem to render in HTML. Though it shows the exact element tree as FontAwesome's own icons. So I created an…
Kishor Pawar
  • 3,386
  • 3
  • 28
  • 61
1
vote
2 answers

Bootstrap tooltip placement and trigger options applied to fort-awesome icon not working in Angular 7 template

Here's my html template:
coder101
  • 383
  • 4
  • 21
1
vote
2 answers

How to prevent clicking on a angular-fontawesome icon from redirecting to a default page

I'm using font awesome icons (minus and plus) in an angular app. The plus icon changes to minus when my list expands and the minus turns to plus when the list collapses. For some reason, clicking on the icon results in redirection to my home page.…
coder101
  • 383
  • 4
  • 21
1
vote
2 answers

Angular with FontAwesome: cannot style path

I created a new project, installed font-awesome: "@fortawesome/angular-fontawesome": "^0.4.0", "@fortawesome/fontawesome-svg-core": "^1.2.19", "@fortawesome/free-brands-svg-icons": "^5.9.0", Imported FontAwesomeModule: imports: [ ..., …
Boris
  • 4,944
  • 7
  • 36
  • 69
1
vote
0 answers

@fortawesome/Angular-FontAwesome npm package with ng-packagr

We create for our angular projects a private npm UI package which contains our UI components. Now I tried to add all our needed Icons from FontAwesome to the Library. We use the ng-packagr to generate the npm package this works without any issue. If…
alc
  • 97
  • 1
  • 1
  • 6
1
vote
2 answers

Use Angular fontawesome icon in input placeholder text

I'm using official Font Awesome Angular components in Angular 6 application. But I can't find way to add a search icon as placeholder to an input element except adding fontawesome fonts additionally to my app, that is not desirable.
Taras Yaremkiv
  • 3,440
  • 7
  • 32
  • 54
1
vote
2 answers

Loading FontAwesome via Webpack: Fonts do not load

I'm trying to understand how to load fonts via fontawsome when loading them through a scss file: this is my webpack config: const path = require('path'); const webpack = require('webpack'); const UrlLoader …
Imnotapotato
  • 5,308
  • 13
  • 80
  • 147
1
vote
1 answer

Adding Font Awesome 5 icon from Angular 5 component

I am using Font Awesome 5 (angular2-fontawesome - package) with Angular 5. What I am trying to do is to import fa icon from component. Html: …
Vasilis Greece
  • 861
  • 1
  • 18
  • 38
1
vote
2 answers

Style binding not updating on FontAwesome spinner icon in Angular 4

This seems like a silly problem, but after investigating and doing all kinds of tests, I don't understand why this happens. I have a Send button that should show a spinner while sending, and then go back to not showing it.
Victoria Ruiz
  • 4,913
  • 3
  • 23
  • 40
1 2
3
4 5