Basic Icons
More filter results icons and symbols. Discover and download all free and most popular transparent PNG filter results icons or symbols in various styles such as monocolor, multicolor, outlined or filled. Customize color, background, border, size, position, rotation and more with online icon editor and download your symbol in desired format. Icon pattern Create icon patterns for your wallpapers or social networks. Google Workspace. Icons for Slides & Docs +2.5 million of free customizable icons for your Slides, Docs and Sheets.
To use the Font Awesome icons, add the following line inside the <head> section of your HTML page:
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
Note: No downloading or installation is required!
You place Font Awesome icons by using the prefix fa and the icon's name.
Example
The following code:
<html>
<head>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
</head>
<body>
<i></i>
<i></i>
<i></i>
</body>
</html>
Results in:
Try It Yourself »Font Awesome is designed to be used with inline elements. The <i> and <span> elements are widely used for icons.
Also note that if you change the font-size or color of the icon's container, the icon changes. Same things goes for shadow, and anything else that gets inherited using CSS.
The fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes are used to increase the icon sizes relative to their container.
Example
The following code:
<i></i>
<i></i>
<i></i>
<i></i>
Results in:
Try It Yourself »Tip: If your icons are getting chopped off on top and bottom, increase the line-height.
The fa-ul and fa-li classes are used to replace default bullets in unordered lists.
Example
The following code:
<li><i></i>List icons</li>
<li><i></i>List icons</li>
<li><i></i>List icons</li>
</ul>
Results in:
Try It Yourself »The fa-border, fa-pull-right or fa-pull-left classes are used for for pull quotes or article icons.
Example
The following code:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Results in:
The fa-spin class gets any icon to rotate, and the fa-pulse class gets any icon to rotate with 8 steps.
Example
The following code:
<i></i>
<i></i>
<i></i>
<i></i>
Results in:
Try It Yourself »Note: IE8 and IE9 do not support CSS3 animations.
The fa-rotate-* and fa-flip-* classes are used to rotate and flip icons.
Example
The following code:
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
Results in:
Try It Yourself »Star Icons Symbols
To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x class for the regularly sized icon, and fa-stack-2x for the larger icon.
The fa-inverse class can be used as an alternative icon color. You can also add larger icon classes to the parent to further control the sizing.
Example
The following code:
<i></i>
<i></i>
</span>
fa-twitter on fa-circle-thin<br>
<span>
<i></i>
<i></i>
</span>
fa-twitter (inverse) on fa-circle<br>
<span>
<i></i>
<i></i>
</span>
fa-ban on fa-camera
Results in:
fa-twitter (inverse) on fa-circle
fa-ban on fa-camera
The fa-fw class is used to set icons at a fixed width. This class is useful when different icon widths throw off alignment. Especially useful in Bootstrap's navlists and list groups.
Example
<a href='#'><i></i> Home</a>
<a href='#'><i></i> Library</a>
<a href='#'><i></i> Applications</a>
<a href='#'><i></i> Settings</a>
</div>
Font Awesome also works great with all the Bootstrap components.
The Winter Is Here Edition of AEW Dynamite this week was surely a big blockbuster. Whether it be the Diamond Battle Royal or the Main event, AEW packed the show with entertainment and edge of the seat moments from the start to finish.
Here’s taking a quick look at the match results and memorable moments from this week’s episode of AEW Dynamite.
Dynamite Diamond Battle Royal
The participants included The Beaver Boys, Private Party, Serpentico, Luther, Scorpio Sky, Matt Sydal, Miro, Orange Cassidy, Joey Janela, Jungle Boy, “Hangman” Adam Page, Sammy Guevara, Wardlow and current holder of the Dynamite Diamond Ring – MJF.
Results Icon Png
Miro looked like an absolute one man wrecking crew in the match until Guevara, MJF and Wardlow triple-teamed to throw him out. There were rising tensions between Sammy Guevara and MJF as well. MJF and Orange Cassidy eventually walked out victors and will face each other next week for the Dynamite Diamond Ring.
Frankie Kazarian vs Chris Jericho
Last week, Jericho and Hager defeated Kazarian and Daniels, thanks to MJF’s ring. This led to the match between the two last night. Both men started off with some chain wrestling, and Jericho continued pulling his heel tricks throughout the match.
Kazarian locked in the Walls of Jericho on ‘Le Champion,’ before MJF came out and was about to throw in the towel. Sammy Guevara snatched the towel from him. Eventually, Jericho won by a Judas Effect. Post-match, he announced that next week will be the Inner Circle’s Ultimatum!
Britt Baker vs “Legit” Leyla Hirsch
Britt Baker and Leyla Hirsch fought in a very impressive and physical match. Both women looked good in this contest, but it was Britt Baker who took the W with the help of a LockJaw.
After the match, former NWA Women’s World Champion Thunder Rosa attacked Baker from behind. Leyla leveled Reba to end the segment.
TNT Champion Darby Allin & Cody Rhodes vs Powerhouse Hobbs & Ricky Starks (Team Taz)
The match started quick, as all four men brawled from the get go. The momentum of the match kept shifting from one team to another. In the closing moments, Cody hit the springboard cutter on Starks, and took out Hobbs with a suicide dive, enabling Allin to hit the coffin drop for the victory.
After the match, Team Taz continued attacking Cody and Darby until Dustin Rhodes came out for the save. He was also quickly grounded by ‘The Machine’ Brian Cage. Just as Hobbs was about to hit Cody Rhodes with the FTW Title, ‘The Icon’ Sting made a surprising AEW Debut! He walked down to the ring, stared at all men that Team Taz attacked and went back.
The Dynamite: Kenny Omega vs Jon Moxley – AEW World Championship
The main event that had wrestling fans buzzing since its announcement! The last time these two met, it was an unsanctioned match. This one? A pure one fall match with a sixty-minute time limit. The match went on for forty-five minutes and both men gave it their all in a battle to walk out as AEW’s #1.
Omega’s friend and Impact! Wrestling EVP Don Callis caused a distraction and passed on a mic to Omega. He picked it and smashed it right on Moxley‘s forehead, opening him up. He then followed with four V-Triggers before hitting a One Winged Angel to be the AEW World Champion.
Results Icon Transparent
The show came to a close with Don Callis and Kenny Omega getting out of the arena with Callis asking the world to find out what happens next Tuesday on Impact on AXS TV! Now, this is one crossover we never knew we wanted, until now!