 So, what are icon fonts? Well, icon fonts are just fonts, but instead of letters, icon fonts have symbols and pictures. Lots of websites use a whole icon font just for a few social media logos. Now, icon fonts are pretty clever, but these days it's often better to replace them with SVGs. SVG is a format for the kind of images that can be described with curves, lines and shapes, you know, fill colors and gradients. That's not much use for photographs, which are really just made up of colored dots, but it's great for images such as icons and logos. So, how can SVGs be better than icon fonts? Well, icon fonts require custom CSS or JavaScript, custom HTML markup and font files. That means more files, more code to maintain and more complexity. If you use more than one icon font, you can really add to page weight and maintenance. The HTML markup for icon fonts can be difficult to understand, and unless you use them properly, icon fonts can be a problem for screen readers. SVGs are great for images like logos and icons, and they're naturally responsive. They work at any size, unlike PNGs. You can get free SVGs for thousands of icons and for many logos, including social media and sharing sites. It's easy to use SVGs. You can actually add code for an SVG image inline right there in your HTML, or link to it as an SVG, just as you would any other image. The SVGs look great and they resize perfectly. Not only that, inline SVGs don't need to be downloaded. With the inline versions, we've reduced the number of requests and reduced the page weight as well. So that's a really easy way to improve the performance of your website. Take a look at the other videos in this series. There are lots more tips to make your site even faster.