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
1 answer

How can I transition this font awesome (v5.0) color from white to my custom color?

I am just working on a beginner project, and when I hover over the Instagram Icon, I would like it to slowly transition to the gradient of colors from some svg code I copied off of StackOverflow. I understand how the SVG code works (generally), but…
WonkasWilly
  • 563
  • 1
  • 8
  • 21
0
votes
0 answers

How do I get a Fontawesome version 5 icon inside an input element?

Since I use Font Awesome version 5 I have a problem with icons inside an input element. It shows only outside the input text element. Image of what I mean I want the icon INSIDE the input type text field. The code: .calendar-label::after { …
Bas Verhagen
  • 3
  • 5
0
votes
0 answers

React font awesome Build a library not working perfectly

I am playing around with '@fortawesome/react-fontawesome'(using FontAwesome5) and this is what I am trying to do- In my App.js import fontawesome from '@fortawesome/fontawesome' import FontAwesomeIcon from '@fortawesome/react-fontawesome' import {…
Kimaya
  • 1,210
  • 4
  • 14
  • 33
0
votes
2 answers

HTML5, CSS: Make FA icon and link break correctly on mobile

When the first line breaks in mobile, I want to start let the second line start from where the first begins. Any ideas how to reach this on a list? Codepen: https://codepen.io/altos/pen/KoKEba
altos
  • 35
  • 5
0
votes
2 answers

How can to implement FontAwesome v5 icons in D3js v4 and Angular 4

Stack FontAwesome v5 D3js v4 Angular 4 Scenario I have a hierarchy tree with nodes that have option bubbles appended to it (think of it as Mickey Mouse balloon where the face is the node and the appended nodes are the ears). I would like those…
H. Trujillo
  • 427
  • 1
  • 8
  • 21
0
votes
1 answer

jQuery issue with replacing Font Awesome 5 icon on click?

I am trying to change a play button to be a pause button using Font Awesome 5. I don't understand why it seems to just not toggle on click. It recognizes the clicks (I tried with an alert, so it recognizes when I press the button itself) but it will…
user7907576
0
votes
1 answer

Fontawesome 5 duplicate identifier

How do I load both regular and solid version of faCircle (for example) in my angular project? If I declare in app.component.ts the following: import faCircle from '@fortawesome/fontawesome-pro-solid/faCircle'; import faCircle from…
David Dal Busco
  • 7,975
  • 15
  • 55
  • 96
0
votes
1 answer

Font Awesome 5 Free CSS/Webfonts pseudo character not showing

I have a problem with the external link character not showing in a pseudo element style. Other characters are showing. Font-Awesome 5.0.6 free, CSS/Webfont version, included via CDN: https://use.fontawesome.com/releases/v5.0.6/css/all.css This works…
kiwiana
  • 47
  • 1
  • 7
0
votes
2 answers

awesome font 5 border color

how can I add a border to the Twitter icon and change the color to red?
border-color doesn't help.
Ewgi
  • 1
  • 2
0
votes
0 answers

Font Awesome 5 SVG prevents pseudo chained icons from rendering

In version 4 I would chain icons for a ratings graphic. In version 5 we are required to configure Psuedo attributes to allow them to behave correctly but now the chained icons in content are no longer recognised by Font Awesome 5. FontAwesomeConfig…
Eli Peters
  • 406
  • 4
  • 10
0
votes
0 answers

Gradient on only certain FontAwesome 5 Icons

So I am currently using this solution which is allowing me to use gradients on my Font Awesome 5 icons: Solution 11925: for Font Awesome 5 Icon Gradients. But, when I use the method in this solution, it applies a gradient to all the Font Awesome 5…
Buckyx55
  • 434
  • 5
  • 23
0
votes
1 answer

font awesome, devicon, simple fonts not loading

While designing I came across some problems with all of the fonts I have. First, none of my fonts are loading. I have cdn's in the head tag of all of the fonts I need and they show up as colorful squares. Second, I cant change any fonts for the text…
Aina
  • 85
  • 1
  • 9
0
votes
1 answer

Font awesome 5 : cannot display arrow-alt-circle-up

I wonder why the icon : arrow-alt-circle-up does not display... in the same div I display the user icon wo any problem... arrow-alt-circle-up icon is lsited in v5 Free icons...

Test jQuery().animate()

user762579
0
votes
1 answer

Silktide cookie consent 3.0.3 conflict with Font Awesome 5.0.2 using CSS Pseudo-elements

There seems to be a bug when using this these 2 libraries together and trying to use CSS Pseudo-elements. I have created a demo here: http://tappetyclick.com/fontawesomebug/. The text in the anchor which has the pseudo-element disappears and I only…
tappetyclick
  • 472
  • 2
  • 14
0
votes
1 answer

FontAwesome 5 SVG as square element

I am trying to use a font awesome 5 svg as a background image. However, it isn't showing up, and I don't know how to change the color. This is what I am using: .no-profile-image { display: block; width: 100%; padding-bottom: 100%; …
Get Off My Lawn
  • 34,175
  • 38
  • 176
  • 338
1 2 3
…
29 30