Icona Cloudflare Pages
PNG trasparente di alta qualità di Cloudflare Pages per web e stampa.
Codice vettoriale SVG di Cloudflare Pages ottimizzato per sviluppatori.
Componente icona React Cloudflare Pages pronto all'uso.
Use Cloudflare Pages in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Come usare l'icona Cloudflare Pages
Copia l'icona Cloudflare Pages come SVG inline, codice React, incorporamento HTML o maschera CSS.
SVG Inline
Incolla l'SVG di Cloudflare Pages direttamente in HTML o JSX.
Componente React
Usa Cloudflare Pages come componente icona React tipizzato.
import React from 'react';
export const CloudflarePagesIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Incorporamento HTML
Usa un URL ospitato dell'icona Cloudflare Pages con attribuzione.
Maschera CSS
Usa Cloudflare Pages come icona maschera CSS colorabile.
.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;
}Dettagli icona Cloudflare Pages
Colore del brand
Categoria
Hosting
Formati
SVG, PNG, React, HTML, maschera CSS
SVG viewBox
0 0 24 24
File SVG
735 B · 1 percorso
Licenza
Controlla le linee guida del brand
Sorgente
pages.cloudflare.comLinee guida del brand
cloudflare.comInformazioni sull'icona Cloudflare Pages
L<strong class="highlight">icona {name}</strong> è disponibile qui come risorsa del brand in formato SVG. È classificata sotto <strong class="highlight">{category}</strong> e utilizza il colore del brand <code class="highlight">{hex}</code>. Puoi scaricarla come PNG trasparente, copiare lSVG inline, copiare un componente React o incorporarla tramite HTML.
Utilizza i link alla sorgente e alle linee guida del brand in questa pagina per verificare le regole attuali di utilizzo del marchio prima di usare il logo Cloudflare Pages in progetti commerciali, documentazione, mockup di interfacce utente o pagine di marketing.
Cloudflare Pages Icon Frequently Asked Questions
Design a UI with the Cloudflare Pages icon
Generate a complete page that already uses this icon, color, and brand context.