AI UI Designer Logo
AI UI Designer

Ikona Yarn

Programowanie#2C8EBB

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

#2C8EBB

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.com

Wytyczne marki

github.com

O 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.

Tagi:package-managerjavascripttooling

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

Yarn Powiązane ikony