Make Font Awesome icons in a circle?

by

With Font Awesome you can easily use stacked icons like this:

<span class="fa-stack fa-2x">
  <i class="fas fa-circle-thin fa-stack-2x"></i>
  <i class="fas fa-lock fa-stack-1x fa-inverse"></i>
</span>

refer Font Awesome Stacked Icons

Update:-
Fiddle for stacked icons

More Related Contents:

  1. Font Awesome 5 shows empty square when using the JS+SVG version
  2. Font Awesome 5 Choosing the correct font-family in pseudo-elements
  3. Font Awesome 5, why is CSS content not showing?
  4. Use Font Awesome Icons in CSS
  5. Font Awesome not working, icons showing as squares
  6. Font Awesome 5 – why aren’t icons like bitcoin, facebook, twitter showing?
  7. How to style icon color, size, and shadow of FontAwesome Icons
  8. Search input with an icon Bootstrap
  9. How to use Font Awesome from webjars.org with JSF
  10. How to use 3rd party CSS libraries such as Font Awesome with JSF? Browser can’t find font files referenced in the CSS file
  11. Font Awesome 5 unicode
  12. How to change color of icons in Font Awesome 5?
  13. CSS for star ratings via FontAwesome
  14. How do I include a font awesome icon in my svg?
  15. Using Font Awesome icon for bullet points, with a single list item element
  16. LESS mixin a variable class name
  17. Custom li list-style with font-awesome icon
  18. Does the order of classes listed on an item affect the CSS?
  19. CSS styling in Django forms
  20. Single huge .css file vs. multiple smaller specific .css files? [closed]
  21. Select all child elements recursively in CSS
  22. Why doesn’t the selector h3:nth-child(1):contains(‘a’) work?
  23. CSS div element – how to show horizontal scroll bars only?
  24. How do I center an SVG in a div?
  25. Prevent that a fixed element resizes when zooming on touchscreen
  26. The use of /deep/ and >>> in Angular 2
  27. Make text height 100% of div?
  28. Hide Up & Down Arrow Buttons (Spinner) in Input Number – Firefox 29
  29. Canvas is stretched when using CSS but normal with `width` & `height` attributes
  30. Custom CSS being overridden by Bootstrap CSS

Leave a Comment