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