See other related icons
in our SVG library. But if what are you looking is not here, you can always run a search and complete your finding there. Moreover, it's easier to find, look, test the colors of the SVG and download it with the choosed color.
Full width. Advantages. Still not convinced ?
As you can see, the benefits of using the SVG templates are huge. They offer several advantages over raster images, including:
- Scalability – Vector images as Lighthouse SVG icon are resolution-independent and can thus be scaled to any dimensional arrangement without losing their quality. Browsers just reconfigure the math behind the image so there is no distortion within the image. Raster images on the other hand lose resolution when enlarged due to the smaller pixelation that is forced to expand beyond the original size.
- Compact file-size – Pixel-based images are saved at a large size from the start because you can only retain quality when you make the image smaller, but not when you make it larger. Thus, a site's download speed can be impacted. Since Lighthouse SVG icon is scalable, it can be stored as a minimal file size.
- SEO friendly – SVG images - as Lighthouse SVG icon - are defined in XML text files (take a peek at the SVG code displayed below), so descriptions or key words can be usable and easily recognized by search engines.
- Interactivity – Any kind of animated effort can be added via styling and scripting, as you may see bellow in the CSS effect examples