---
title: "How to Add Icons in Figma"
h1: "How to Add Icons in Figma"
description: "Discover the step-by-step guide on how to add icons in Figma. Enhance your design projects with our expert tips and tricks for seamless integration."
route: "/learn/how-to-add-icons-in-figma"
canonical: "https://www.layerpath.com/learn/how-to-add-icons-in-figma"
---

# How to Add Icons in Figma

This guide will walk you through the steps to add icons in Figma using the main menu and relevant actions within the application. Each step is precisely outlined to ensure a seamless experience.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cm9iq1zas0003js0dop9b0wy1/tour

Tour id: cm9iq1zas0003js0dop9b0wy1

1. **Open Your Figma File** – Go to [figma.com](https://figma.com/), log in, and open the design file where you want to add the image.
2. **Click on the “Place Image” Option** – On the top toolbar, click on the **“Place image”** icon (or go to the menu: `File` → `Place image`), or just press **Shift + Ctrl/Cmd + K**.
3. **Choose an Image File** – A file picker will open. Select the image from your computer (supports .jpg, .png, .gif, .svg, etc.).
4. **Click to Drop the Image** – After selecting the image, your cursor will change. Click anywhere on the canvas to place it, or **click and drag** to resize while placing.
5. **Drag & Resize** – Use the corners or edges to resize the image as needed. Hold **Shift** while dragging to keep the image's proportions.
6. **Fit Inside Frames or Shapes (Optional)** – If you want the image inside a shape or frame:
   
      - Select the shape, then the image.
      - Use **Right Click → Use as Mask** to crop it inside the shape.
7. **Adjust Settings** – Use the **right panel** to adjust fill, opacity, blending mode, etc., for better control over how the image looks in your design.
8. **Done** – Your image is now added to the design. You can move, layer, or style it however you want.