Cloudflare Icoon
Hoge kwaliteit Cloudflare transparante PNG voor web & print.
Geoptimaliseerde Cloudflare SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik Cloudflare React-icooncomponent.
Use Cloudflare in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Hoe gebruik je het Cloudflare Icoon
Kopieer het Cloudflare icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de Cloudflare SVG direct in HTML of JSX.
React Component
Gebruik Cloudflare als een getypeerd React-icooncomponent.
import React from 'react';
export const CloudflareIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste Cloudflare icoon-URL met bronvermelding.
CSS-masker
Gebruik Cloudflare als een kleurbaar CSS-masker icoon.
.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 Icoon Details
Merkkleur
Categorie
Cloud
Formaten
SVG, PNG, React, HTML, CSS-masker
SVG viewBox
0 0 24 24
SVG-bestand
1.2 KB · 1 pad
Licentie
Raadpleeg de merkrichtlijnen
Bron
cloudflare.comMerkrichtlijnen
cloudflare.comOver het Cloudflare Icoon
Het Cloudflare icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Cloud en gebruikt de merkkleur #F38020. Je kunt het downloaden als een transparante PNG, de inline SVG kopiëren, een React-component kopiëren of het embedden met HTML.
Gebruik de links naar de bron en merkrichtlijnen op deze pagina om de huidige regels voor handelsmerkgebruik te controleren voordat je het Cloudflare logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
Cloudflare Icoon Veelgestelde Vragen
Design a UI with the Cloudflare icon
Generate a complete page that already uses this icon, color, and brand context.