Cloudflare İkonu
Web ve baskı için yüksek kaliteli şeffaf Cloudflare PNG dosyası.
Geliştiriciler için optimize edilmiş Cloudflare SVG vektör kodu.
Kullanıma hazır Cloudflare React ikon bileşeni.
Use Cloudflare in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cloudflare İkonu Nasıl Kullanılır
Cloudflare ikonunu satır içi SVG, React kodu, HTML gömme veya CSS mask olarak kopyalayın.
Satır İçi SVG
Cloudflare SVG'sini doğrudan HTML veya JSX içine yapıştırın.
React Bileşeni
Cloudflare ikonunu tip tanımlı bir React ikon bileşeni olarak kullanın.
import React from 'react';
export const CloudflareIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Gömme
Atıfta bulunarak barındırılan bir Cloudflare ikon URL'si kullanın.
CSS Mask
Cloudflare ikonunu renklendirilebilir bir CSS mask ikonu olarak kullanın.
.cloudflare-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #f38020;
mask: url("https://www.aiuidesigner.com/icons/cloudflare.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/cloudflare.svg") center / contain no-repeat;
}Cloudflare İkon Detayları
Marka rengi
Kategori
Bulut
Formatlar
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
SVG dosyası
1.2 KB · 1 yol
Lisans
Marka kılavuzlarını kontrol edin
Kaynak
cloudflare.comMarka kılavuzları
cloudflare.comCloudflare İkonu Hakkında
Cloudflare ikonu, burada SVG formatında bir marka ikonu varlığı olarak sunulmaktadır. Bulut kategorisinde yer alır ve #F38020 marka rengini kullanır. Şeffaf PNG olarak indirebilir, satır içi SVG'yi kopyalayabilir, bir React bileşeni olarak alabilir veya HTML ile gömebilirsiniz.
Cloudflare logosunu ticari projelerde, dokümantasyonlarda, UI taslaklarında veya pazarlama sayfalarında kullanmadan önce, güncel ticari marka kullanım kurallarını doğrulamak için bu sayfadaki kaynak ve marka kılavuzu bağlantılarını kullanın.
Cloudflare İkonu Sıkça Sorulan Sorular
Design a UI with the Cloudflare icon
Generate a complete page that already uses this icon, color, and brand context.