Ikon Figma

file-icons:figma

Ikon Figma (file-icons:figma) adalah ikon SVG gratis dari set File Icons karya John Gardner. Ikon ini digambar pada grid 340 × 512. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: File Icons
Pembuat: John Gardner
Lisensi: ISC
Ukuran: 340 × 512

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="340" height="512" viewBox="0 0 340 512"><path fill="currentColor" d="M83.299 0h82.964v165.93H83.3C-26.11 161.653-27.215 4.492 83.299 0m0 338.957h82.964v-165.93H83.3c-110.514 4.492-109.409 161.653 0 165.93M256.326 0H173.36v165.93h82.966c110.882-5.934 109.5-162.543 0-165.93m-90.063 429.02v-82.966H83.3c-67.702 0-110.514 79.376-63.429 136.388c44.892 56.509 146.393 28.336 146.393-53.422M339.46 255.992c0-63.76-69.498-103.825-124.795-71.945s-55.298 112.011 0 143.891s124.795-8.186 124.795-71.946"/></svg>

Cara memakai ikon Figma

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:figma" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:figma" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:figma" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--figma]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:figma"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:figma"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/file-icons/figma.svg" alt="Ikon Figma" width="24" height="24">

Ikon Figma di set ikon lain

FAQ Ikon Figma

Apakah ikon Figma gratis untuk penggunaan komersial?

Ya. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Figma di React?

Pasang @iconify/react lalu render <Icon icon="file-icons:figma" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Figma ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/file-icons/figma.svg" alt="Ikon Figma">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua File Icons →