Bookmarkable Series: Need a Vector Icon to Spiffy Up Your Blog? Look No Further! My Favorite Icon Site with Step-by-Step Tutorial on Editing the Vector Icon of your Choice [Video]

The simplest way to explain vectors is to say that they are graphical images. Someone created them and that someone is allowing you to use them.

How to Create an Icon

See the one I edited for this lesson...
image

Step-by-Step Tutorial

Go to www.flaticon.com

Search for the type of image you want. In this case, I selected ramen noodles.

image

Select the Image

Click on image you want then double-click the eye. The crown icon means it is a premium icon and is not free to use. The S icon means it’s free to use if you give credit to the author.

image

Add to Collection or Edit

You will only have editing rights if you are a registered user. It’s free to register. If you do not want to edit, click Add to Collection.

image

Edit Color

Select the area you want to change color. In this example, I selected the chopsticks and turned them from brown to Steemian blue!

image

Edit Position if You Want

Play around in this area so you get a feel for what it does.

image

Download

I typically download the PNG format. Select the size. In this example, I chose 256 pixel.

image

Save As

As soon as you select the size, it will download the icon. If I open in folder, it will be found in download folder.

image

Copy Image into Blog and You're Done!

image

Short Video (53 Seconds)

For those of you that would like to see this in video format, here you go!

Cost: Free with Attribution

You can use them for free if you provide attribution. How to Give Credit to the Author.

Icons are made by Freepik from www.flaticon.com


flaticon.com is #bookmarkable… because some things are just meant to be saved.

image

Previous Bookmarkable Series Posts


My Other Latest Posts


Try it out! Have fun and post your edited icons below so we can ooooh and aaaah over it.

Remember to comment, follow, upvote and resteem to show support.

Much luv,

@karencarrens

***This post was posted by eSteem mobile app.

H2
H3
H4
3 columns
2 columns
1 column
23 Comments