How to add a spinner icon to button when it’s in the Loading state?
Twitter Bootstrap’s buttons have a nice Loading… state available. The thing is that it just shows a message like Loading… passed through the … Read more
Font Awesome
Font-awesome, input type ‘submit’
There seems to be no class for input type ‘submit’ in font-awesome. Is it possible to use some class from font-awesome for button … Read more
Font Awesome not working, icons showing as squares
So I’m trying to prototype a marketing page and I’m using Bootstrap and the new Font Awesome file. The problem is that when … Read more
How to center text vertically with a large font-awesome icon?
Lets say I have a bootstrap button with a font-awesome icon and some text: <div> <i class=”icon icon-2x icon-camera”></i> hello world </div> How … Read more
How to add font-awesome to Angular 2 + CLI project
I’m using Angular 2+ and Angular CLI. How do I add font-awesome to my project? 29 Answers 29
Use Font Awesome icon as CSS content
I want to use a Font Awesome icon as CSS content, i.e., a:before { content: “<i class=”fa…”>…</i>”; } I know I cannot use … Read more
Can I change the color of Font Awesome’s icon color?
I have to wrap my icon within an <a> tag for some reason. Is there any possible way to change the color of … Read more
Use Font Awesome Icons in CSS
I have some CSS that looks like this: #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } I would like to replace the … Read more
How do I use a Font Awesome icon for a custom Gutenberg block?
Success! I had to pass the viewBox attribute from the Font Awesome SVG file. The code below worked for me: