Ikona Yarn
Wysokiej jakości przezroczysty plik PNG Yarn do sieci i druku.
Zoptymalizowany wektorowy kod SVG Yarn dla programistów.
Gotowy do użycia komponent ikony React Yarn.
Jak używać ikony Yarn
Skopiuj ikonę Yarn jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG Yarn bezpośrednio do HTML lub JSX.
Komponent React
Użyj Yarn jako typowanego komponentu ikony React.
import React from 'react';
export const YarnIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony Yarn z przypisaniem autorstwa.
Maska CSS
Użyj Yarn jako ikony maski CSS, której można zmieniać kolor.
.yarn-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #2c8ebb;
mask: url("https://www.aiuidesigner.com/icons/yarn.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/yarn.svg") center / contain no-repeat;
}Szczegóły ikony Yarn
Kolor marki
Kategoria
Programowanie
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
1.9 KB · 1 ścieżka
Licencja
CC-BY-4.0
Źródło
github.comWytyczne marki
github.comO ikonie Yarn
icons.aboutParagraph1
Przed użyciem logo Yarn 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 Yarn - Najczęściej Zadawane Pytania
Wypróbuj generator ikon AI
Potrzebujesz zupełnie unikalnej ikony? Użyj naszego generatora SVG opartego na sztucznej inteligencji, aby stworzyć niestandardowe, profesjonalne ikony w kilka sekund.
Wypróbuj generator ikon AI