Icône Cloudflare Pages
PNG transparent de haute qualité de Cloudflare Pages pour le web et l'impression.
Code vecteur SVG optimisé de Cloudflare Pages pour les développeurs.
Composant d'icône React Cloudflare Pages prêt à l'emploi.
Use Cloudflare Pages in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Comment utiliser l'icône Cloudflare Pages
Copiez l'icône Cloudflare Pages en tant que SVG inline, code React, intégration HTML ou masque CSS.
SVG Inline
Collez le SVG de Cloudflare Pages directement dans votre HTML ou JSX.
Composant React
Utilisez Cloudflare Pages comme un composant d'icône React typé.
import React from 'react';
export const CloudflarePagesIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Intégration HTML
Utilisez une URL d'icône Cloudflare Pages hébergée avec attribution.
Masque CSS
Utilisez Cloudflare Pages comme une icône de masque CSS dont la couleur est modifiable.
.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;
}Détails de l'icône Cloudflare Pages
Couleur de la marque
Catégorie
Hébergement
Formats
SVG, PNG, React, HTML, masque CSS
viewBox SVG
0 0 24 24
Fichier SVG
735 B · 1 tracé
Licence
Consultez la charte graphique
Source
pages.cloudflare.comCharte graphique
cloudflare.comÀ propos de l'icône Cloudflare Pages
L<strong class="">icône {name}</strong> est disponible ici en tant que ressource de marque au format SVG. Elle est classée dans la catégorie <strong class="">{category}</strong> et utilise la couleur de marque <code class="">{hex}</code>. Vous pouvez la télécharger en PNG transparent, copier le SVG inline, utiliser un composant React ou lintégrer via HTML.
Veuillez consulter les liens vers la source et la charte graphique sur cette page pour vérifier les règles d'utilisation actuelles de la marque avant d'utiliser le logo Cloudflare Pages dans des projets commerciaux, de la documentation, des maquettes d'interface ou des pages marketing.
Foire aux questions sur l'icône Cloudflare Pages
Design a UI with the Cloudflare Pages icon
Generate a complete page that already uses this icon, color, and brand context.