Ikona Cloudflare
Wysokiej jakości przezroczysty plik PNG Cloudflare do sieci i druku.
Zoptymalizowany wektorowy kod SVG Cloudflare dla programistów.
Gotowy do użycia komponent ikony React Cloudflare.
Use Cloudflare in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Jak używać ikony Cloudflare
Skopiuj ikonę Cloudflare jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG Cloudflare bezpośrednio do HTML lub JSX.
Komponent React
Użyj Cloudflare jako typowanego komponentu ikony React.
import React from 'react';
export const CloudflareIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony Cloudflare z przypisaniem autorstwa.
Maska CSS
Użyj Cloudflare jako ikony maski CSS, której można zmieniać kolor.
.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;
}Szczegóły ikony Cloudflare
Kolor marki
Kategoria
Chmura
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
1.2 KB · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Źródło
cloudflare.comWytyczne marki
cloudflare.comO ikonie Cloudflare
icons.aboutParagraph1
Przed użyciem logo Cloudflare w projektach komercyjnych, dokumentacji, makietach UI lub na stronach marketingowych, skorzystaj z linków do źródła i wytycznych marki na tej stronie, aby zweryfikować aktualne zasady użytkowania znaków towarowych.
Ikona Cloudflare - Najczęściej Zadawane Pytania
Design a UI with the Cloudflare icon
Generate a complete page that already uses this icon, color, and brand context.