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