Figma Icoon
Hoge kwaliteit Figma transparante PNG voor web & print.
Geoptimaliseerde Figma SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik Figma React-icooncomponent.
Use Figma in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Hoe gebruik je het Figma Icoon
Kopieer het Figma icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de Figma SVG direct in HTML of JSX.
React Component
Gebruik Figma als een getypeerd React-icooncomponent.
import React from 'react';
export const FigmaIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste Figma icoon-URL met bronvermelding.
CSS-masker
Gebruik Figma als een kleurbaar CSS-masker icoon.
.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;
}Figma Icoon Details
Over het Figma Icoon
Het Figma icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Ontwerp en gebruikt de merkkleur #F24E1E. Je kunt het downloaden als een transparante PNG, de inline SVG kopiëren, een React-component kopiëren of het embedden met HTML.
Gebruik de links naar de bron en merkrichtlijnen op deze pagina om de huidige regels voor handelsmerkgebruik te controleren voordat je het Figma logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
Figma Icoon Veelgestelde Vragen
Design a UI with the Figma icon
Generate a complete page that already uses this icon, color, and brand context.