Questions tagged [font-awesome]
Font Awesome is an iconic standalone vector font, initially developed for use with the Twitter Bootstrap front-end framework.
5,261
questions
0
votes
0
answers
15
views
Text remains visible during webfont load Font Awesome
I am using Font Awesome and Font Awesome-Pro CDN on the website
<link rel="preload" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" as="style" onload=&...
0
votes
0
answers
13
views
How to use fa-light icons with React
how do I use font-awesome light icons with React?
<FontAwesomeIcon icon={faEnvelope} size="2x" />
My code only work, if I use solid icon.
Thank you.
0
votes
0
answers
6
views
Adding a Fontawesome character to a form / data-embed-type
I have a form that is accessed via a text link. I would like to change this text to a Fontawesome character. Is that possible? I don't know if there's a way to add a font family and a character to the ...
0
votes
2
answers
50
views
FontAwesome icons are not showing, Why? (Font-awesome/4.2.0)
Fontawesome icons are not showing up .I want to add them inside the footer .My css and html file's are in the same directory.But the icon's are still invisible.(And also page takes longer than usual ...
0
votes
1
answer
25
views
Quasar: some fontawesome icons are not available
I use some fontawesome icons in a quasar project.
I import them as specified in the quasar doc:
Webfont icons are available through @quasar/extras package. You don’t need to import it in your app, ...
0
votes
1
answer
27
views
Installing font-awesome in angular having this error
Installing font-awesome in angular having this error
npm install --save @fortawesome/fontawesome-free
npm ERR! code UNKNOWN
npm ERR! syscall rename
npm ERR! path C:\Users\pratish.devangan\OneDrive -...
0
votes
1
answer
12
views
Is it possible to customize the contents of the Clear button in react-bootstrap-typeahead?
Using react-bootstrap-typeahead is it possible to change the contents of the Clear button?
I need to include a FontAwesome icon and "CLEAR" text to match a design.
Looking at the [RBT] ...
0
votes
0
answers
53
views
How to include icons and fonts file in webpack 4 in react?
I am using bootstrap theme for my project which have scss files for fonts and icons. I am implementing the webpack 4 but my build gone fialed every time when i include fonts and icons files. When i ...
0
votes
0
answers
3
views
Exclude fontawesome ttf files from webpack output
I am using webpack and fontawesome, which has files fa-regular-400.ttf, fa-solid-900.ttf, etc.
I want to exclude ttf files, so I did this:
test: /\.(woff2|ttf)$/i,
exclude: [ /fa-.*\.ttf$/ ],
type: '...
0
votes
1
answer
22
views
Ember FontAwesome not displaying some of free svg icons
I am working a rewrite of of an application that was previously built with Ember 3.12 and now being tested with 4.20. I am building out a few components and decided to mess around with the footer and ...
0
votes
1
answer
24
views
how to import fontAwsome icon into sideBar-menu
I am working in a Vue.js project
I am using fontAwsome library
there are my versions:
"@fortawesome/fontawesome-svg-core": "^1.2.34",
"@fortawesome/free-solid-svg-icons": ...
0
votes
0
answers
22
views
How can I use fontawesome with material bootstrap5 in vue js
I installed material bootstrap5 to my Vue project and its working fine. I can use components and icons directly from material bootstrap page like :
<a class="btn btn-primary btn-lg btn-...
0
votes
1
answer
27
views
fontawesome icon height and width coming as 0 in the browser
My Web app is using font awesome latest version (6.1.1) and it is working perfectly as I'm adding fontawesome icons. Now I added a new icon whose height and width are coming as zero in the browser. ...
0
votes
1
answer
23
views
Angular - My angular application stopped working after I installed package FortAwesome
I have an angular application which worked fine but since I installed FortAwesome using
ng add @fortawesome/angular-fontawesome
The application has stopped working, the error I get is
Error: ...
0
votes
0
answers
24
views
How can i use react-font-awesome icon in React js file
React Font-Awesome
I trying to use it so many times but I can't only
example icon is working another icon is not working
I need some examples except the faCoffe example
please help...
-1
votes
0
answers
49
views
Laravel 5.5 CORS issue when loading FontAwesome 4.7.0
I get a problem. I already read a lot of reference but still get error.
Access to font at 'http://192.168.0.1/fonts/fontawesome-webfont.woff2?v=4.7.0' from origin 'null' has been blocked by CORS ...
0
votes
0
answers
15
views
Cannot resolve directory '~bootstrap'
I did npm install in terminal. I downloaded bootstrap. Currently, the codes I wrote over styles.css do not work.
@import "~bootstrap/dist/css/bootstrap.min.css";
@import "~font-awesome/...
0
votes
0
answers
27
views
How to add a new icon from Font Awesome to an older version?
I have Font Awesome 4 on website.
I tried to add TikTok logo as following but it doesn't show up on website as tiktok logo support started in Font Awesome version 5.13.1:
<i class="fa fa-...
0
votes
0
answers
10
views
Can I use non-bootstrap icons in bootstrap-vue components
I know bootstrap has a ton of icons, but they are missing stuff that I need,
so I was thinking about using an external icon base eg. fontawesome.
So with bootstrap I can apply its icons to components ...
1
vote
0
answers
39
views
Font Awesome rendering wrong icons after updating lib to 6.1.1
We wanted to update all our used libs in our Node.js/Nuxt/Vue application.
And so we arrived at Font Awesome.
Before the update we used:
"@fortawesome/fontawesome-svg-core": "1.2.30&...
0
votes
0
answers
16
views
How to fix with sub-menu blogger
I have a problem in Blogger I brought this prepared theme but in Sub-menu this problem has a question mark has increased I want to remove that question mark ..
Note this problem only appears when you ...
0
votes
1
answer
35
views
Where do I get the typescript types of the variable from library
I have been working on a react-typescript project in which I am using a lot of external libraries and I frequently find myself using any type for those libraries. Please look at the code below for the ...
0
votes
1
answer
43
views
How to add react font awesome social media icons? [closed]
I am already installed react font awesome requirements:
npm i --save @fortawesome/fontawesome-svg-core,
npm install --save @fortawesome/free-solid-svg-icons,
npm install --save @fortawesome/...
0
votes
1
answer
64
views
Fontawesome giving 401 unauthorized error during build process
I've been using fontawesome with no issues for months. Today, I started seeing this error whenever I tried to push my app to production.
error An unexpected error occurred: "https://npm....
0
votes
0
answers
4
views
Cant I change fa-exclamation-triangle design
I can put the black border, white background, black exclamation mark and transparent gray area (or put a specific color)
enter image description here
0
votes
0
answers
30
views
How to have solid Awesome icon in React app?
I would add solid instead of regular one. I try this:
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faXmark } from '@fortawesome/free-solid-svg-icons'
<FontAwesomeIcon
...
0
votes
1
answer
23
views
font awesome icon not reacting to event listener Javascript
I am trying to create an event listener that uses PUT request (Fetch) to change a parameter 'Archive' to true or false when the font-awesome icon is clicked however, it's not working (not even the ...
0
votes
0
answers
18
views
How I can use font awesome icon in the placeholder while I am using **React js**?
In HTML , it is quite easy to use font awesome icons in placeholder by using the unicode in placeholder and changing the font-style to 'Font Awesome 5 Free' . As , React uses JSX not html , I am ...
-1
votes
2
answers
35
views
I want to make an icon disapere after some time and I want another icon to take its position after one second delay. I am using font awesome
Ok how can I make a font disapere after some time and another icon to take its place with one second delay and this thing should be going on in a loop and I am using font awesome so please help.
0
votes
1
answer
44
views
How to add font-awesome-icon to React Component from json?
I have the following problem. I want to fetch font-awesome icon from JSON file to react component but there is showing results in the console but not in UI. My JSON file looks like this:
carFeatures....
-1
votes
0
answers
26
views
Is there a way to download all font awesome icon names with their unicode values?
I am looking to use Fontawesome fonts icons for React Native Application. I am using icon unicode to render the icon with the icon font as the font family of text and I want to have all icons and ...
0
votes
0
answers
23
views
Font Awesome class mapped to angular import definitions
https://fontawesome.com/icons/
When searching for an icon it gives you the class to enter into the HTML, but angular requires to use the icondefinitions.
for example:
<i class="fa-solid fa-...
0
votes
1
answer
46
views
Passing variable into icon for Font Awesome not working
I am using Font Awesome with Angular.
I want to loop through some data via *ngFor to create icons in a navigation bar. However, the [icon] is not accepting the values from the variable.
Component HTML
...
-1
votes
0
answers
10
views
Font Awesome don't work on external website on chrome
Like a lot of people I am using internet, and i noticed a lot of website if was using suddenly had character change into something i didn't recognized.
After digging a bit i found out that all the ...
0
votes
0
answers
6
views
Is it safe to use the fontawesome script you get when signing up, or should I use the link from CDNJS?
After signing up for font awesome, I get a script like the one below, which I have to use to use fontawesome in my project. My concern is the censored part which is some numbers that I believe is ...
0
votes
0
answers
20
views
How can I integrate Bootstrap icons into the Codestar framework?
I am creating a theme with bootstrap for my WordPress site. I used codestar framework to make an admin panel. I want to use bootstrap icons instead of fontawesome icons used in Codestar framework. On ...
-1
votes
1
answer
25
views
Why does setting up FontAwesome with SVG Core disable these options by default?
I'm trying to make my FontAwesome 6 installation more lightweight by importing the few individual icons I'm using instead of a whole style, via my web app's npm build process. The documentation seems ...
0
votes
1
answer
33
views
How to import individual icons with FontAwesome v6
In my web app built on Laravel, which under the hood uses an npm/Webpack build process, I'm currently using the SCSS icon sheet versions of FontAwesome like this:
@import '~@fortawesome/fontawesome-...
0
votes
2
answers
79
views
Vue 3 - Could not find one or more icon(s)
I am fairly new to vue and I am trying to build a simple music player app. I want to use some font-awesome icons for the player's controls (i.e. the 'play' icon) but, I don't seem to be able get it to ...
-1
votes
1
answer
35
views
upgrading font-awesome 4.7 to 5.11.1 angular 6 project
In my angular 6 application, wherein the parent module uses font-awesome 4.7 as below in package.json;
"font-awesome": "^4.7.0",
angular.json;
"styles": ["projects/...
1
vote
1
answer
22
views
React object rendering to fontawesome
how do i render an object to a font awesome component. i have an object with different properties and i am rendering them dynamically into my cards component so i have many cards with different ...
0
votes
0
answers
8
views
Mapfile : How to set symbol with a font Icon toolkits such as Font awesome, Metro, etc
I would like to use font icon librairies as a font symbol in mapfiles. I imported the font and registered the path of the font and the symbol. But as I register the symbol it required as "...
1
vote
1
answer
40
views
Importing Font Awesome icons that have a dash ("-") in their name
I am using React.js to make a portfolio website. I decided to go with Font Awesome icons since I love the look of them. However when I go to import any icon that has that dash in the name, I can't ...
1
vote
2
answers
61
views
Text decoration underline on link but not on ::before?
How can I get the link to have a underline but the (fontawesome) icon ::before not? ::before text decoration:none; doesn't work
.btn--tertiary {
font-size: 16px;
line-height: 24px;
...
0
votes
0
answers
16
views
Android textview not able to load the font icon when language is selected as chinese
I am using Glyphter icons. So as per the column r I have clear all icon symbol. It is working fine for English language, But not loading for chinese. It shows as r in textview.
0
votes
1
answer
65
views
Angular Font Awesome Icons not Rendering (tried other suggestions on site)
I am attempting to add a delete icon to my Angular task list project. I have used ng add @fortawesome/angular-fontawesome. I then used npm install later when troubleshooting. I followed the guidance ...
-2
votes
1
answer
96
views
FontAwesome Kit vs CDN [closed]
Does anybody know what's the difference between using FontAwesome Kit and FontAwesome CDN?(in terms of advantages not the HTML tags)
Which one is better to use?
And what exactly is the Kit?
I've ...
1
vote
2
answers
94
views
Custom button icon duplicates on click
Funny problem, but it's been driving me nuts. I have a custom toolbar button containing a FontAwesome icon. Every time I click any of the toolbar buttons ( < > today month week day ) another ...
-1
votes
0
answers
14
views
problem of using fontawesomefx in intelij ide [duplicate]
here I have used fontawesomefx to create javafx application using scene builder. but i can't rung this using intelij ide. why is it? how I solve that problem?
[1]
[1]: https://i.stack.imgur.com/dRd6u....
1
vote
1
answer
72
views
Lit-Html js-api does not replace icon-elements
I have installed lit as well as fontawesome as npm packages.
I also use the Vaadin Router package for some routing.
Now I want to insert some icons on my own elements.
While the icons are replaced ...