how to use fontAwesome icon from css

0 votes

Can I use the font-awesome icon with CSS? Now I have tried with HTML but on the button, I need to use pseudo-class like: before so can you help me?

ul li {
  display: inline-block;
}

.right {
  float: right;
}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />

<ul class="right">
  <li><button>Note <i class="fa fa-plus"></i></button></li>
</ul>
<ul>
  <li><a href="#"><i class="fa fa-user"></i></a></li>
  <li><a href="#"><i class="fa fa-book"></i></a></li>
  <li><a href="#"><i class="fa fa-cart-plus"></i></a></li>
</ul>
Jul 29, 2022 in CSS by Edureka
• 13,620 points
573 views

No answer to this question. Be the first to respond.

Your answer

Your name to display (optional):
Privacy: Your email address will only be used for sending these notifications.

Related Questions In CSS

0 votes
1 answer

How to hide image broken Icon using only CSS/HTML?

Because CSS/HTML has no means of knowing ...READ MORE

answered May 31, 2022 in CSS by Edureka
• 12,690 points
4,183 views
0 votes
1 answer

How can I use CSS to style multiple images differently?

You can do that in HTML (delete ...READ MORE

answered Jun 21, 2022 in CSS by Edureka
• 12,690 points
2,275 views
0 votes
1 answer

How to switch from tailwind CSS Play CDN to production build?

 you need to use build tools like webpack, Rollup, Vite, ...READ MORE

answered Jun 17, 2022 in CSS by Edureka
• 12,690 points
2,113 views
0 votes
1 answer

How to use CSS media query to scale background-image to viewing window

If you only want the desktop version ...READ MORE

answered Jun 17, 2022 in CSS by Edureka
• 12,690 points
1,296 views
0 votes
0 answers

How to line-break from css, without using <br />?

How to achieve the same output without <br>? <p>hello ...READ MORE

Jul 22, 2022 in CSS by Edureka
• 13,620 points
411 views
0 votes
0 answers

Magento 2: How to remove styles-m.css from category and product page

How to delete the styles-l.css and styles-m.css ...READ MORE

Aug 18, 2022 in CSS by Edureka
• 13,620 points
653 views
0 votes
1 answer

Font Awesome not working, icons showing as squares

You must have 2 classes, the fa ...READ MORE

answered Feb 22, 2022 in Others by Aditya
• 7,680 points
6,551 views
0 votes
1 answer

how to use font awesome icons in HTML

First, you have to write this in ...READ MORE

answered Aug 4, 2022 in HTML by Deepak
• 980 points
1,788 views
0 votes
1 answer

how to use font awesome icons in HTML?

You must first write this down in the ...READ MORE

answered Aug 8, 2022 in HTML by Vikas
649 views
0 votes
2 answers

Define a SQL query? What is the difference between SELECT and UPDATE Query? How do you use SQL in SAS?

HI.. SQL is Structured Query Language, which is ...READ MORE

answered Aug 8, 2020 in PHP by anonymous
10,490 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP