Ikon Figma
PNG transparan Figma berkualitas tinggi untuk web & cetak.
Kode vektor SVG Figma yang dioptimalkan untuk pengembang.
Komponen ikon React Figma yang siap digunakan.
Use Figma in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cara menggunakan Ikon Figma
Salin ikon Figma sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG Figma langsung ke dalam HTML atau JSX.
Komponen React
Gunakan Figma sebagai komponen ikon React yang bertipe.
import React from 'react';
export const FigmaIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon Figma yang di-host dengan atribusi.
CSS Mask
Gunakan Figma sebagai ikon CSS mask yang warnanya bisa diubah.
.figma-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #f24e1e;
mask: url("https://www.aiuidesigner.com/icons/figma.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/figma.svg") center / contain no-repeat;
}Detail Ikon Figma
Tentang Ikon Figma
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Figma dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
Figma Ikon Pertanyaan yang Sering Diajukan
Design a UI with the Figma icon
Generate a complete page that already uses this icon, color, and brand context.