Cloud Foundry 아이콘을 상업적 프로젝트에 사용해도 되나요?

네, Cloud Foundry 아이콘은 상업적 프로젝트에서 사용하실 수 있습니다. 하지만 Cloud Foundry 로고는 등록 상표이므로, 브랜드 가이드라인을 준수하고 Cloud Foundry 측의 보증을 암시하는 듯한 사용은 피해주시기 바랍니다.

Figma에서 Cloud Foundry 아이콘은 어떻게 사용하나요?

저희 사이트에서 Cloud Foundry SVG 코드를 복사하여 Figma에 바로 붙여넣는 것이 가장 쉽습니다. 또는 Cloud Foundry SVG 파일을 다운로드하여 Figma 캔버스로 드래그할 수도 있습니다.

Cloud Foundry 아이콘은 어떤 형식으로 다운로드할 수 있나요?

저희는 웹 및 인쇄에 완벽한 고품질 SVG (벡터) 형식으로 Cloud Foundry 아이콘을 제공합니다. 투명한 Cloud Foundry PNG 이미지로 다운로드하거나 React 컴포넌트 코드를 복사할 수도 있습니다.

Cloud Foundry 아이콘

클라우드#0C9ED5

웹 및 인쇄용 고화질 Cloud Foundry 투명 PNG 파일입니다.

개발자를 위해 최적화된 Cloud Foundry SVG 벡터 코드입니다.

즉시 사용 가능한 Cloud Foundry React 아이콘 컴포넌트입니다.

Use Cloud Foundry in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

Describe the UI to generate

Cloud Foundry 아이콘 사용 방법

Cloud Foundry 아이콘을 인라인 SVG, React 코드, HTML 임베드 또는 CSS 마스크 형식으로 복사하여 사용하세요.

인라인 SVG

Cloud Foundry SVG 코드를 HTML 또는 JSX에 직접 붙여넣으세요.

React 컴포넌트

Cloud Foundry을 타입이 지정된 React 아이콘 컴포넌트로 사용하세요.

import React from 'react';

export const CloudFoundryIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

HTML 임베드

출처 표기가 포함된 호스팅된 Cloud Foundry 아이콘 URL을 사용하세요.

CSS 마스크

Cloud Foundry을 색상 변경이 가능한 CSS 마스크 아이콘으로 사용하세요.

.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;
}