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
18
votes
3 answers

Font Awesome 5 unicode

Font Awesome 5 star icon has and different is fas , far and Unicode for both is f005 now i want to use it as my rating system where first is regular star and by click become solid star, but how…
mafortis
  • 6,750
  • 23
  • 130
  • 288
18
votes
4 answers

The "before" pseudo element not working in Font awesome v.5

What am I doing wrong? body { font-family: arial; font-size: 1.5rem; } li.facebook:before { content: "\f09a"; font-family: FontAwesome; } li { list-style: none; }
Labanino
  • 3,902
  • 9
  • 33
  • 51
17
votes
4 answers

Import all icons from Fontawesome

I using Fontawesome 5 in my Angular project in this way: import fontawesome from '@fortawesome/fontawesome'; import { faBold, faItalic, faUnderline } from '@fortawesome/fontawesome-free-solid'; and in contructor: fontawesome.library.add(faBold,…
Volodymyr Humeniuk
  • 3,411
  • 9
  • 35
  • 70
16
votes
1 answer

How to rotate font awesome icon in react native?

In my react native application I have a font awesome icon. I want to rotate it. Help is needed. import React from 'react' import { View } from 'react-native'; import Icon from 'react-native-vector-icons/FontAwesome5'; const InfoBox = () => { …
MD. IBRAHIM KHALIL TANIM
  • 649
  • 1
  • 10
  • 14
16
votes
3 answers

Gradient over Instagram SVG of FontAwesome 5

After upgrading to FontAwesome 5, I'm not able to color the svgs of FontAwesome. This is my example: ⠀⠀⠀⠀⠀ https://codepen.io/shadrix/pen/GygdZr Should be awesome if it worked like here: ⠀⠀⠀⠀⠀ https://codepen.io/immad-hamid/pen/jVNvQO (Note: he…
Philipp Mochine
  • 4,351
  • 10
  • 36
  • 68
15
votes
4 answers

Checkboxes with Font Awesome 5 icons

Did anyone already designed checkboxes with font awesome 5 icons inside? I've already googled it and found only examples for FA-4 like http://flatlogic.github.io/awesome-bootstrap-checkbox/demo/ I updated to FA5 and got other things with CSS pseudo…
markus_Redmine
  • 171
  • 1
  • 1
  • 5
14
votes
4 answers

Can't authenticate to npm.fontawesome.com registry to install pro packages

I have configured my host globally as described in font awesome documentation I am running the following: npm config set "@fortawesome:registry" https://npm.fontawesome.com/ npm config set "//npm.fontawesome.com/:_authToken"…
Dimitri Kopriwa
  • 13,139
  • 27
  • 98
  • 204
13
votes
2 answers

Can't import Font Awesome icon

import { library } from '@fortawesome/fontawesome-svg-core'; import { faCopy, faQuestionCircle, faQrcode, faGithub } from '@fortawesome/free-solid-svg-icons'; import AddressList from './components/AddressList'; library.add(faCopy,…
ekr990011
  • 724
  • 2
  • 7
  • 23
13
votes
1 answer

Include @fortawesome/fontawesome to angular-cli project

I'm trying to include font awesome 5 to my angular-cli project (1.6.0) running Angular >5.0.0. I used (as described): yarn config set @fortawesome:registry https://npm.fontawesome.com/xxxxx-xxxx-xxx-xxx-xxxxxxx yarn add @fortawesome/fontawesome yarn…
petur
  • 1,366
  • 3
  • 21
  • 42
12
votes
1 answer

Font Awesome 5 Choosing the correct font-family in pseudo-elements

I'm currently confused in using the icon in CSS pseudo-elements. There are 4 kind of font-family for fontawesome : Font Awesome 5 Free, Font Awesome 5 Solid, Font Awesome 5 Brands, Font Awesome 5 Regular Here is the HTML :

Hello

Case 1 I…
Marcel Angir
  • 169
  • 1
  • 1
  • 11
12
votes
4 answers

Add border around font-awesome (v5) icon

This question has been asked before in this post. But I don't think its still working with the new font-awesome because they use svg and path elements. This question is about having a border around the icon, instead of having it around the outer…
Jeremy
  • 1,384
  • 3
  • 10
  • 24
11
votes
2 answers

Jest failing to test component that imports FontAwesomeIcon

I am trying to test a simple functional react-native component using Jest and react-test-renderer. After importing the FontAwesomeIcon component into my component, my tests are failing with the following: FAIL …
Alex Launi
  • 363
  • 3
  • 15
11
votes
4 answers

Font Awesome 5 and Angular 5

I was using font-awesome npm package (which is Font Awesome 4.7 version) but I want to upgrade to Font Awesome 5. I've install the following packages : "@fortawesome/angular-fontawesome": "^0.1.1", "@fortawesome/fontawesome":…
Valentine
  • 315
  • 1
  • 4
  • 15
11
votes
6 answers

Toggling Font Awesome 5 icon with React

I am trying to toggle a Font Awesome icon by clicking on a to-do list item. Here is the entire component... import React from 'react'; import './TodoItem.scss'; class TodoItem extends React.Component { constructor(props) { super(props); …
user8679481
10
votes
5 answers

react-fontawesome importing all icons

I'm trying to import just the fontawesome icons I need as the full library is 3mb. I've swapped to the fontawesome-react component to enable this but I'm not having much luck. Here's my test case: Package…
rob_was_taken
  • 384
  • 4
  • 14
1
2
3
…
29 30