Figma İkonu
Web ve baskı için yüksek kaliteli şeffaf Figma PNG dosyası.
Geliştiriciler için optimize edilmiş Figma SVG vektör kodu.
Kullanıma hazır Figma React ikon bileşeni.
Use Figma in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Figma İkonu Nasıl Kullanılır
Figma ikonunu satır içi SVG, React kodu, HTML gömme veya CSS mask olarak kopyalayın.
Satır İçi SVG
Figma SVG'sini doğrudan HTML veya JSX içine yapıştırın.
React Bileşeni
Figma ikonunu tip tanımlı bir React ikon bileşeni olarak kullanın.
import React from 'react';
export const FigmaIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Gömme
Atıfta bulunarak barındırılan bir Figma ikon URL'si kullanın.
CSS Mask
Figma ikonunu renklendirilebilir bir CSS mask ikonu olarak kullanın.
.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 İkon Detayları
Figma İkonu Hakkında
Figma ikonu, burada SVG formatında bir marka ikonu varlığı olarak sunulmaktadır. Tasarım kategorisinde yer alır ve #F24E1E marka rengini kullanır. Şeffaf PNG olarak indirebilir, satır içi SVG'yi kopyalayabilir, bir React bileşeni olarak alabilir veya HTML ile gömebilirsiniz.
Figma logosunu ticari projelerde, dokümantasyonlarda, UI taslaklarında veya pazarlama sayfalarında kullanmadan önce, güncel ticari marka kullanım kurallarını doğrulamak için bu sayfadaki kaynak ve marka kılavuzu bağlantılarını kullanın.
Figma İkonu Sıkça Sorulan Sorular
Design a UI with the Figma icon
Generate a complete page that already uses this icon, color, and brand context.