Ikon Yarn
PNG transparan Yarn berkualitas tinggi untuk web & cetak.
Kode vektor SVG Yarn yang dioptimalkan untuk pengembang.
Komponen ikon React Yarn yang siap digunakan.
Use Yarn in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cara menggunakan Ikon Yarn
Salin ikon Yarn sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG Yarn langsung ke dalam HTML atau JSX.
Komponen React
Gunakan Yarn sebagai komponen ikon React yang bertipe.
import React from 'react';
export const YarnIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon Yarn yang di-host dengan atribusi.
CSS Mask
Gunakan Yarn sebagai ikon CSS mask yang warnanya bisa diubah.
.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;
}Detail Ikon Yarn
Warna merek
Kategori
Pengembangan
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
1.9 KB · 1 path
Lisensi
CC-BY-4.0
Sumber
github.comPanduan merek
github.comTentang Ikon Yarn
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Yarn dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
Yarn Ikon Pertanyaan yang Sering Diajukan
Design a UI with the Yarn icon
Generate a complete page that already uses this icon, color, and brand context.