Yarn Icoon
Hoge kwaliteit Yarn transparante PNG voor web & print.
Geoptimaliseerde Yarn SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik Yarn React-icooncomponent.
Hoe gebruik je het Yarn Icoon
Kopieer het Yarn icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de Yarn SVG direct in HTML of JSX.
React Component
Gebruik Yarn als een getypeerd React-icooncomponent.
import React from 'react';
export const YarnIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste Yarn icoon-URL met bronvermelding.
CSS-masker
Gebruik Yarn als een kleurbaar CSS-masker icoon.
.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;
}Yarn Icoon Details
Merkkleur
Categorie
Ontwikkeling
Formaten
SVG, PNG, React, HTML, CSS-masker
SVG viewBox
0 0 24 24
SVG-bestand
1.9 KB · 1 pad
Licentie
CC-BY-4.0
Bron
github.comMerkrichtlijnen
github.comOver het Yarn Icoon
Het Yarn icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Ontwikkeling en gebruikt de merkkleur #2C8EBB. Je kunt het downloaden als een transparante PNG, de inline SVG kopiëren, een React-component kopiëren of het embedden met HTML.
Gebruik de links naar de bron en merkrichtlijnen op deze pagina om de huidige regels voor handelsmerkgebruik te controleren voordat je het Yarn logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
Yarn Icoon Veelgestelde Vragen
Probeer AI Icon Generator
Een compleet uniek icoon nodig? Gebruik onze AI-aangedreven SVG Generator om in enkele seconden aangepaste, professionele iconen te maken.
Probeer AI Icon Generator