Slidesgo Menu icon

How to Add and Modify Icons in Google Slides

How to Add and Modify Icons in Google Slides | Quick Tips & Tutorial for your presentations

Sometimes, to make the data in your presentation more comprehensible, you can use graphic resources such as illustrations, photos or even icons. In this tutorial, you’ll learn how to add, modify the size and change the color of the icons in Google Slides step by step. There are three ways to do this, so let's check them out.

From the Final Slides in Our Templates

  • Click the icon to select it, copy it by pressing Ctrl + C and then paste it on the desired slide by pressing Ctrl + V.
Copying and pasting an icon in Google Slides
  • To modify its size, just click the icon and drag one of its corners while holding Shift to keep the proportions.
Changing the size of an icon
  • To change the color, select the icon and click Fill color or Line color (for reference, you can find the color palette in our final slides). Select Custom option to set any other color that you want.
Changing the color of an icon
  • To edit the color of just a single part of the resource, double-click it and select only the desired part. Then proceed as explained before.
Editing the color of a part of an icon 
  • To work with just one of the elements individually (to change its color, separate it from the rest or delete it), select the icon and press Ctrl + Alt + Shift + G to ungroup. When you’re done, to group again, select all the parts and press Ctrl + Alt + G or right-click → Group.
Working with individual parts of an icon

From Flaticon

  • Go to Flaticon and select the icon you like. Then press Download and select the PNG format.
  • Drag the file to the slide or click Insert → Image → Upload from computer.
Upload from computer option from Insert menu
  • If you want to modify its size before downloading it from Flaticon, choose the maximum size possible from the drop-down menu next to the PNG button and then adjust it on the slide after inserting it.
Size options from Flaticon
  • If you want to adapt the color, click the icon and select the color from the Icon Editor panel. More about the Icon Editor.

 

From Flaticon's Add-on for G Suite

  • Open your Google Slides presentation.
  • Click Add-ons → Icons from Flaticon → Start. Our templates come with this extension already pre-installed. If you want to know more about this add-on, click here.
Accessing Flaticon's add-on in Google Slides 
  • If the add-on is not there, download it by clicking Add-ons → Get add-ons… Then locate the extension.
Getting Flaticon's add-on
  • Search and select the desired icon from the panel.
  • To modify its size before inserting it, choose the maximum size from the drop-down menu and adjust it on the slide.
Adding icons from Flaticon's add-on
  • Some icons allow you to change their color on the panel. Just click the color wheel and use the color selector, or simply enter the hex code.
Changing the color of an icon from Flaticon's panel

Tags

Images

Related tutorials

Stories by Freepik: Awesome illustrations for creative presentations | Quick Tips & Tutorial for your presentations

Stories by Freepik: Awesome illustrations for creative presentations

With inspiration and the adequate resources, a PowerPoint or Google Slides presentation can be the most creative slide deck your audience has ever been, regardless of topic. In this Slidesgo School article, we’re going to introduce Stories by Freepik, a new project where you’ll find illustrated concepts to visually reinforce...

How to Create a Watermark in PowerPoint | Quick Tips & Tutorial for your presentations

How to Create a Watermark in PowerPoint

Watermarks are small elements or images that are inserted into digital creations to help identify who’s the author, preventing plagiarism. If you want to learn how to insert a watermark into your PowerPoint presentation, this tutorial will teach you in no time! Content Adding a Watermark to a Slide Adding...

How to Add a Watermark in Google Slides | Quick Tips & Tutorial for your presentations

How to Add a Watermark in Google Slides

A watermark is a little identifying image used as a fixed element in digital creations such as photos, documents, videos or, in this case, presentations. It helps protect that creation and prevents plagiarism or uses without attribution. In this Slidesgo School tutorial, you’ll learn, step by step, how to insert...

How to Apply Effects to an Image in Google Slides | Quick Tips & Tutorial for your presentations

How to Apply Effects to an Image in Google Slides

To improve how the images look in your presentations, there are several basic image editing tools at your disposal. In this Slidesgo School tutorial, you'll learn how to apply effects to the images in your Google Slides presentations. Content Recoloring an Image Changing the Transparency of an Image Changing the...

How to Apply Effects to an Image in PowerPoint | Quick Tips & Tutorial for your presentations

How to Apply Effects to an Image in PowerPoint

In this step-by-step Slidesgo School tutorial, we'll explain how to apply effects to your images in PowerPoint so that your message gets across easily and your audience is able to understand the concepts. Content Sharpening or Softening an Image Adjusting the Brightness of an Image Modifying the Color of an...

How to Use Basic Image Editing Tools in Google Slides | Quick Tips & Tutorial for your presentations

How to Use Basic Image Editing Tools in Google Slides

Sometimes, when designing a presentation, you come to realize that you need to modify an image in order to make the most of the slide. Are you using Google Slides? Then keep reading! In this Slidesgo School tutorial, you’ll learn how to edit the images of your Google Slides presentation, which...