Ikona OpenVPN
Wysokiej jakości przezroczysty plik PNG OpenVPN do sieci i druku.
Zoptymalizowany wektorowy kod SVG OpenVPN dla programistów.
Gotowy do użycia komponent ikony React OpenVPN.
Use OpenVPN in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Jak używać ikony OpenVPN
Skopiuj ikonę OpenVPN jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG OpenVPN bezpośrednio do HTML lub JSX.
Komponent React
Użyj OpenVPN jako typowanego komponentu ikony React.
import React from 'react';
export const OpenVPNIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony OpenVPN z przypisaniem autorstwa.
Maska CSS
Użyj OpenVPN jako ikony maski CSS, której można zmieniać kolor.
.openvpn-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #ea7e20;
mask: url("https://www.aiuidesigner.com/icons/openvpn.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/openvpn.svg") center / contain no-repeat;
}Szczegóły ikony OpenVPN
Kolor marki
Kategoria
Infrastruktura
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
530 B · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Źródło
openvpn.netWytyczne marki
openvpn.netO ikonie OpenVPN
icons.aboutParagraph1
Przed użyciem logo OpenVPN 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 OpenVPN - Najczęściej Zadawane Pytania
Design a UI with the OpenVPN icon
Generate a complete page that already uses this icon, color, and brand context.