AI UI Designer Logo
AI UI Designer

Icona Yarn

Sviluppo#2C8EBB

PNG trasparente di alta qualità di Yarn per web e stampa.

Codice vettoriale SVG di Yarn ottimizzato per sviluppatori.

Componente icona React Yarn pronto all'uso.

Come usare l'icona Yarn

Copia l'icona Yarn come SVG inline, codice React, incorporamento HTML o maschera CSS.

SVG Inline

Incolla l'SVG di Yarn direttamente in HTML o JSX.

Componente React

Usa Yarn come componente icona React tipizzato.

import React from 'react';

export const YarnIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

Incorporamento HTML

Usa un URL ospitato dell'icona Yarn con attribuzione.

Maschera CSS

Usa Yarn come icona maschera CSS colorabile.

.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;
}

Dettagli icona Yarn

Colore del brand

#2C8EBB

Categoria

Sviluppo

Formati

SVG, PNG, React, HTML, maschera CSS

SVG viewBox

0 0 24 24

File SVG

1.9 KB · 1 percorso

Licenza

CC-BY-4.0

Sorgente

github.com

Linee guida del brand

github.com

Informazioni sull'icona Yarn

L<strong class="highlight">icona {name}</strong> è disponibile qui come risorsa del brand in formato SVG. È classificata sotto <strong class="highlight">{category}</strong> e utilizza il colore del brand <code class="highlight">{hex}</code>. Puoi scaricarla come PNG trasparente, copiare lSVG inline, copiare un componente React o incorporarla tramite HTML.

Utilizza i link alla sorgente e alle linee guida del brand in questa pagina per verificare le regole attuali di utilizzo del marchio prima di usare il logo Yarn in progetti commerciali, documentazione, mockup di interfacce utente o pagine di marketing.

Tag:package-managerjavascripttooling

Yarn Icon Frequently Asked Questions

Prova il generatore di icone AI

Hai bisogno di un'icona completamente unica? Usa il nostro generatore SVG basato sull'intelligenza artificiale per creare icone personalizzate e professionali in pochi secondi.

Prova il generatore di icone AI

Yarn Icone correlate