Unlock our premium graphics

» Use Unlimited Graphics

» In Unlimited Projects

» For 1 Designer

» No Attribution Required

Search results for icons



SVG collections related to icons

Triple Threat SVG Icons

Folder iconImage iconmap iconticket iconemail icon

900

Icons

Plump SVG Icons

Musical note iconwifi iconcloud iconcolor palette iconpaw print icon

204

Icons

Duo-tone SVG Icons

umbrella iconstar iconjewel iconBookmark iconflame icon

150

Icons

SVG List Item Bullets

Dual chevrons iconeight sided stargear iconsvg bullet iconsvg heart icon

60

Icons



Posts and tutorials related to icons

Triple Threat Icons Documentation

Triple Threat Icons uses SVG and CSS magic to create multi-state website icons, where these icons can have a regular, hover, and selected state.

The fastest icons in the Wild Wild Web

In this article, I’m going to show you the fastest way to integrate icons into your web projects. Hint, it’s literally click and paste.

In this article, I’m going to show you the fastest way to integrate icons into your web projects. Hint, it’s literally click and paste.

Data URIs are a wildly underused website speed optimization

Using SVG Data URIs reduces HTTP requests, boosts load speed, allows for dynamic SVG manipulation, and provides advantages to your web development workflow,

Using SVG Data URIs reduces HTTP requests, boosts load speed, allows for dynamic SVG manipulation, and provides advantages to your web development workflow,

Custom CSS Bullets with ::marker

It's easy to add a custom SVG bullet, declare list-style-image: with your image and you're 80% done. The challenge is in making size and position adjustments.

It's easy to add a custom SVG bullet, declare list-style-image: with your image and you're 80% done. The challenge is in making size and position adjustments.

Free SVG Generators

Discover our favorite free SVG generators on the web to handle the time-consuming task of creating patterns, textures, blobs, illustrations, and more.

Discover our favorite free SVG generators on the web to handle the time-consuming task of creating patterns, textures, blobs, illustrations, and more.

3 ways SVG can help websites look less blocky

Web design is built on the CSS box model, which causes default content to be constrained by rectangular design. SVGs can help you think outside of the box .

Web design is built on the CSS box model, which causes default content to be constrained by rectangular design. SVGs can help you think outside of the box .

How to add SVGs with CSS (background-image)

Let's look at how to add SVGs into the CSS property background-image and how the related background properties can transform the results.

Let's look at how to add SVGs into the CSS property background-image and how the related background properties can transform the results.

How to optimize and reduce the file size of SVG images

I’m going to break down every possible way and a handful of tools to help you shed bytes from your SVG, so you can keep your website load times fast.

I’m going to break down every possible way and a handful of tools to help you shed bytes from your SVG, so you can keep your website load times fast.


Matt Visiwig Headshot

Hey, I'm Matt , the creator behind SVG Backgrounds. I produce free and paid resources every month, sign up for alerts.


Get freebies See latest releases