我可以用 Cloudflare Pages 圖示在商業專案上嗎？

可以的，您可以在商業專案中使用 Cloudflare Pages 圖示。然而，請注意 Cloudflare Pages 標誌是註冊商標。您應該遵循他們的品牌指南，不要暗示認可。

如何在 Figma 中使用 Cloudflare Pages 圖示？

最簡單的方法是從我們的網站複製 Cloudflare Pages SVG 程式碼，然後直接貼到 Figma 中。或者，您可以下載 Cloudflare Pages SVG 檔案，然後將其拖曳到您的 Figma 畫布上。

有什麼格式的 Cloudflare Pages 圖示可以下載？

我們提供高品質的 SVG (向量) 格式的 Cloudflare Pages 圖示，非常適合網頁和印刷。您也可以將其下載為透明的 Cloudflare Pages PNG 圖像，或複製 React 元件程式碼。

Cloudflare Pages 圖標

Q: 我可以用 Cloudflare Pages 圖示在商業專案上嗎？

可以的，您可以在商業專案中使用 Cloudflare Pages 圖示。 然而，請注意 Cloudflare Pages 標誌是註冊商標。 您應該遵循他們的品牌指南，不要暗示認可。

Q: 如何在 Figma 中使用 Cloudflare Pages 圖示？

最簡單的方法是從我們的網站複製 Cloudflare Pages SVG 程式碼，然後直接貼到 Figma 中。 或者，您可以下載 Cloudflare Pages SVG 檔案，然後將其拖曳到您的 Figma 畫布上。

Q: 有什麼格式的 Cloudflare Pages 圖示可以下載？

我們提供高品質的 SVG (向量) 格式的 Cloudflare Pages 圖示，非常適合網頁和印刷。 您也可以將其下載為透明的 Cloudflare Pages PNG 圖像，或複製 React 元件程式碼。

主機#F38020

適用於網頁與印刷的高品質 Cloudflare Pages 透明 PNG。

為開發者優化的 Cloudflare Pages SVG 向量程式碼。

即插即用的 Cloudflare Pages React 圖標組件。

Use Cloudflare Pages in a generated UI

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

Describe the UI to generate

如何使用 Cloudflare Pages 圖標

將 Cloudflare Pages 圖標以內嵌 SVG、React 程式碼、HTML 嵌入或 CSS mask 的形式複製。

內嵌 SVG

將 Cloudflare Pages SVG 直接貼上到 HTML 或 JSX 中。

React 組件

將 Cloudflare Pages 用作強型別的 React 圖標組件。

import React from 'react';

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

HTML 嵌入

使用託管的 Cloudflare Pages 圖標 URL 並附上來源說明。

CSS Mask

將 Cloudflare Pages 用作可自定義顏色的 CSS mask 圖標。

.cloudflarepages-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #f38020;
  mask: url("https://www.aiuidesigner.com/icons/cloudflarepages.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/cloudflarepages.svg") center / contain no-repeat;
}