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