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