What is Font Awesome?
Font Awesome is a popular icon set and toolkit used by designers, developers, and content creators. It offers over 30,000 icons in 9 styles, which you can customize using CSS and JavaScript. Here's an example:
Font Awesome is a popular icon set and toolkit used by designers, developers, and content creators. It offers over 30,000 icons in 9 styles, which you can customize using CSS and JavaScript. Here's an example:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<div class="demo-container">
<div class="demo-content">
<i class="fa-solid fa-quote-left fa-2x fa-pull-left fa-pulled-demo-left"></i>
Contrary to popular belief, the brain cannot effectively handle more than one task at a time. It switches rapidly between tasks, giving the illusion of multitasking.
</div>
</div>
@import url('https://fonts.googleapis.com/css2?family=Oswald&family=Roboto:wght@300&display=swap');
.demo-container {
padding: 2em;
background: radial-gradient(328px at 2.9% 15%, rgb(191, 224, 251) 0%, rgb(232, 233, 251) 25.8%, rgb(252, 239, 250) 50.8%, rgb(234, 251, 251) 77.6%, rgb(240, 251, 244) 100.7%);
}
.demo-content {
margin: 0 auto;
max-width: 460px;
font-family: "Roboto", sans-serif;
font-size: 2rem;
line-height: 2rem;
padding: 2rem;
background-color: rgba(255, 255, 255, 0.44);
border-radius: 6px;
}
.fa-pulled-demo-left {
--fa-pull-margin: 10%;
font-size: 4rem;
}