Harbor Icoon
Hoge kwaliteit Harbor transparante PNG voor web & print.
Geoptimaliseerde Harbor SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik Harbor React-icooncomponent.
Use Harbor in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Hoe gebruik je het Harbor Icoon
Kopieer het Harbor icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de Harbor SVG direct in HTML of JSX.
React Component
Gebruik Harbor als een getypeerd React-icooncomponent.
import React from 'react';
export const HarborIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste Harbor icoon-URL met bronvermelding.
CSS-masker
Gebruik Harbor als een kleurbaar CSS-masker icoon.
.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;
}Harbor Icoon Details
Merkkleur
Categorie
Infrastructuur
Formaten
SVG, PNG, React, HTML, CSS-masker
SVG viewBox
Onbekend
SVG-bestand
Onbekend · 0 paden
Licentie
Raadpleeg de merkrichtlijnen
Over het Harbor Icoon
Het Harbor icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Infrastructuur en gebruikt de merkkleur #60B932. 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 Harbor logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
Harbor Icoon Veelgestelde Vragen
Design a UI with the Harbor icon
Generate a complete page that already uses this icon, color, and brand context.