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