Figma icon
icon-park:figma
The Figma icon (icon-park:figma) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Brand
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><rect width="36" height="36" x="6" y="6" fill="#2F88FF" stroke="#000" rx="3"/><path fill="#43CCF8" stroke="#fff" d="M18 18C18 16.3431 19.3431 15 21 15H24V21H21C19.3431 21 18 19.6569 18 18Z"/><path fill="#43CCF8" stroke="#fff" d="M18 24C18 22.3431 19.3431 21 21 21H24V27H21C19.3431 27 18 25.6569 18 24Z"/><path fill="#43CCF8" stroke="#fff" d="M18 30C18 28.3431 19.3431 27 21 27H24V30C24 31.6569 22.6569 33 21 33C19.3431 33 18 31.6569 18 30Z"/><path fill="#43CCF8" stroke="#fff" d="M24 15H27C28.6569 15 30 16.3431 30 18C30 19.6569 28.6569 21 27 21H24V15Z"/><path fill="#43CCF8" stroke="#fff" d="M24 24C24 22.3431 25.3431 21 27 21C28.6569 21 30 22.3431 30 24C30 25.6569 28.6569 27 27 27C25.3431 27 24 25.6569 24 24Z"/></g></svg>
How to use the Figma icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:figma" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:figma" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:figma" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--figma]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:figma"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:figma"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/figma.svg" alt="Figma icon" width="24" height="24">
Related icons in IconPark
Figma icon in other icon sets
Figma icon FAQ
Is the Figma icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Figma icon in React?
Install @iconify/react and render <Icon icon="icon-park:figma" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Figma icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/figma.svg" alt="Figma icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
