ไอคอน Cloud Foundry
ไฟล์ PNG โปร่งใสคุณภาพสูงของ Cloud Foundry สำหรับเว็บและงานพิมพ์
โค้ดเวกเตอร์ SVG ของ Cloud Foundry ที่ปรับแต่งมาเพื่อนักพัฒนา
React icon component ของ Cloud Foundry ที่พร้อมใช้งานทันที
Use Cloud Foundry in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
วิธีใช้งานไอคอน Cloud Foundry
คัดลอกไอคอน Cloud Foundry ในรูปแบบ inline SVG, โค้ด React, การฝัง HTML หรือ CSS mask
Inline SVG
วาง SVG ของ Cloud Foundry ลงใน HTML หรือ JSX ได้โดยตรง
React Component
ใช้งาน Cloud Foundry ในรูปแบบ typed React icon component
import React from 'react';
export const CloudFoundryIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
ใช้งาน URL ไอคอน Cloud Foundry ที่โฮสต์ไว้พร้อมการระบุที่มา
CSS Mask
ใช้งาน Cloud Foundry เป็นไอคอน CSS mask ที่สามารถเปลี่ยนสีได้
.cloudfoundry-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #0c9ed5;
mask: url("https://www.aiuidesigner.com/icons/cloudfoundry.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/cloudfoundry.svg") center / contain no-repeat;
}รายละเอียดไอคอน Cloud Foundry
สีประจำแบรนด์
หมวดหมู่
คลาวด์
รูปแบบ
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
ไฟล์ SVG
1.7 KB · 1 เส้นทาง (path)
สัญญาอนุญาต
ตรวจสอบคำแนะนำการใช้แบรนด์
ที่มา
cloudfoundry.orgแนวทางปฏิบัติของแบรนด์
cloudfoundry.orgเกี่ยวกับไอคอน Cloud Foundry
icons.aboutParagraph1
โปรดตรวจสอบลิงก์ที่มาและแนวทางปฏิบัติของแบรนด์ในหน้านี้ เพื่อยืนยันกฎการใช้เครื่องหมายการค้าในปัจจุบัน ก่อนนำโลโก้ Cloud Foundry ไปใช้ในโปรเจกต์เชิงพาณิชย์, เอกสาร, UI mockup หรือหน้าการตลาด
คำถามที่พบบ่อยเกี่ยวกับไอคอน Cloud Foundry
Design a UI with the Cloud Foundry icon
Generate a complete page that already uses this icon, color, and brand context.