ไอคอน Framer
ไฟล์ PNG โปร่งใสคุณภาพสูงของ Framer สำหรับเว็บและงานพิมพ์
โค้ดเวกเตอร์ SVG ของ Framer ที่ปรับแต่งมาเพื่อนักพัฒนา
React icon component ของ Framer ที่พร้อมใช้งานทันที
Use Framer in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
วิธีใช้งานไอคอน Framer
คัดลอกไอคอน Framer ในรูปแบบ inline SVG, โค้ด React, การฝัง HTML หรือ CSS mask
Inline SVG
วาง SVG ของ Framer ลงใน HTML หรือ JSX ได้โดยตรง
React Component
ใช้งาน Framer ในรูปแบบ typed React icon component
import React from 'react';
export const FramerIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
ใช้งาน URL ไอคอน Framer ที่โฮสต์ไว้พร้อมการระบุที่มา
CSS Mask
ใช้งาน Framer เป็นไอคอน CSS mask ที่สามารถเปลี่ยนสีได้
.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;
}รายละเอียดไอคอน Framer
สีประจำแบรนด์
หมวดหมู่
การออกแบบ
รูปแบบ
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
ไฟล์ SVG
146 B · 1 เส้นทาง (path)
สัญญาอนุญาต
ตรวจสอบคำแนะนำการใช้แบรนด์
ที่มา
framer.comเกี่ยวกับไอคอน Framer
icons.aboutParagraph1
โปรดตรวจสอบลิงก์ที่มาและแนวทางปฏิบัติของแบรนด์ในหน้านี้ เพื่อยืนยันกฎการใช้เครื่องหมายการค้าในปัจจุบัน ก่อนนำโลโก้ Framer ไปใช้ในโปรเจกต์เชิงพาณิชย์, เอกสาร, UI mockup หรือหน้าการตลาด
คำถามที่พบบ่อยเกี่ยวกับไอคอน Framer
Design a UI with the Framer icon
Generate a complete page that already uses this icon, color, and brand context.