Ikon Yarn Dark

skill-icons:yarn-dark

Ikon Yarn Dark (skill-icons:yarn-dark) adalah ikon SVG gratis dari set Skill Icons karya tandpfun. Ikon ini digambar pada grid 256 × 256. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Skill Icons
Pembuat: tandpfun
Lisensi: MIT
Ukuran: 256 × 256
Tag: yarndark

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU)"><path fill="#242938" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><g clip-path="url(#SVGg3D4Hd7H)"><path fill="#3398c2" d="M128.045 28c54.65.107 98.519 43.584 99.922 97.288c1.486 57.683-45.511 104-102.258 102.687c-53.056-1.205-95.265-43.543-97.602-95.34C25.507 75.233 71.431 27.959 128.045 28"/><path fill="#fefefe" d="M91.21 98.032a35 35 0 0 1 2.799-7.322c1.18-2.253 2.865-3.937 5.308-4.746c1.75-.57 3.211-1.577 4.524-2.906c4.631-4.656 10.253-7.363 16.791-8.09c1.073-.107 1.618-.503 2.031-1.51c.982-2.386 2.204-4.68 3.822-6.711c2.138-2.691 4.697-4.697 8.396-4.482c2.336.132 4.284 1.114 5.704 2.996c1.593 2.097 2.774 4.441 3.913 6.802c.372.767.677 1.048 1.618.85c3.451-.768 6.249.743 7.735 3.954c1.726 3.756 2.559 7.735 2.972 11.804c.875 8.461.306 16.79-2.559 24.896c-1.684 4.763-4.045 9.179-6.926 13.331c-.347.504-.438.834.041 1.354c7.719 8.659 11.5 18.754 11.062 30.385v.834c.545.024.966-.306 1.379-.529c3.409-1.75 6.513-3.978 9.947-5.704c4.83-2.427 9.882-4.127 15.363-4.086c8.107.066 13.316 7.958 9.923 14.991c-1.337 2.773-3.516 4.746-6.513 5.398c-5.465 1.222-10.319 3.698-14.95 6.736c-7.628 5.068-15.983 8.832-24.725 11.713c-.586.198-1.139.438-1.643.834c-2.336 1.75-5.068 2.468-7.916 2.864c-8.635 1.205-17.312 1.725-26.013 2.097c-3.583.157-7.149-.33-10.319-2.229c-.85-.528-1.593-1.511-2.468-1.659c-.85-.132-1.816.652-2.757.875c-5.573 1.246-10.798.198-15.628-2.732c-2.864-1.726-4.218-4.458-4.07-7.826c.042-.899-.214-1.552-.742-2.27c-2.32-3.236-3.451-6.925-4.087-10.821c-1.246-7.669 1.486-14.009 6.555-19.564c.479-.528.652-1.048.652-1.75c0-7.668 1.461-14.974 5.4-21.66c2.203-3.739 5.051-6.95 8.221-9.856c.611-.545.677-.916.264-1.618c-1.337-2.228-2.162-4.68-2.889-7.173c-.61-.437-.215-1.114-.462-1.659c-.041-.413 0-.834-.132-1.246v-2.733c.107-.396.107-.809.107-1.221c.1-.198.058-.463.272-.611"/><path fill="#3298c3" d="M91.144 103.826c.174.545-.04 1.156.281 1.684c-.09.066-.09.504-.215.199c-.239-.587-.412-1.247-.412-1.883c-.042-2.096-.24-4.218.346-6.298c.025.174.042.347.091.504c-.025.198-.041.396-.066.57c-.198.37.025.808-.173 1.18v2.864c.148.372-.041.809.148 1.18"/><path fill="#3398c2" d="M152.572 159.776c0 2.014-.463 3.979-.718 5.943c-.215 1.725-.042 1.924 1.708 1.618c3.938-.677 7.496-2.336 10.93-4.284c3.674-2.097 7.174-4.482 11.104-6.051c3.038-1.221 6.142-2.03 9.444-2.03c2.864 0 4.854 1.552 5.2 4.003c.331 2.27-.916 4.441-3.194 4.92c-6.514 1.379-12.136 4.59-17.617 8.156c-7.347 4.746-15.347 8.172-23.676 10.797c-.306.09-.702.156-.9.346c-1.965 2.08-4.565 2.427-7.19 2.774c-7.364.966-14.777 1.395-22.207 1.832c-2.138.132-4.284.198-6.422-.214c-3.41-.677-4.855-1.948-5.375-4.747c-.462-2.517.719-4.895 3.236-6.537c.265-.174.545-.347.966-.611c-1.354-.834-2.468-1.816-3.318-3.038c-.413-.569-.636-.214-.768.264c-.413 1.577-.834 3.17-1.247 4.747a21.5 21.5 0 0 1-1.073 3.079c-1.271 2.905-3.582 4.308-6.645 4.589c-3.129.281-6.076-.413-8.875-1.791c-1.923-.941-2.493-2.361-1.857-4.441c.33-1.114.966-2.08 1.725-3.261c-2.641.529-3.805-1.007-4.722-2.864c-2.055-4.069-2.757-8.37-1.923-12.828c.677-3.541 2.757-6.422 5.25-8.914c1.461-1.462 1.899-2.865 1.858-4.92c-.33-11.87 4.152-21.619 13.381-29.155c.809-.677 1.618-1.379 2.469-1.99c.528-.371.586-.611.157-1.155c-2.386-2.997-4.244-6.249-5.094-10.03c-.966-4.259.479-7.957 2.625-11.498c.306-.479.784-.718 1.313-.916c2.691-.966 4.961-2.427 7.017-4.483c4.631-4.63 10.36-6.752 16.915-6.471c.834.04 1.205-.198 1.461-.983c.982-2.864 2.204-5.621 3.847-8.172c.611-.965 1.288-1.857 2.163-2.575c1.618-1.337 2.996-1.14 4.086.635c2.014 3.212 3.566 6.67 5.135 10.12c.396.876.702 1.181 1.618.587c1.073-.677 2.27-1.156 3.475-1.577c.966-.33 1.528-.107 1.949.9c1.221 2.947 1.882 6.034 2.253 9.204c.108.875.306 1.725.198 2.6c-.066 1.898.025 3.805.042 5.728c0 .85-.306 1.71-.042 2.576c-.198 5.2-1.576 10.12-3.582 14.883c-1.883 4.457-4.615 8.411-7.348 12.374c-1.073 1.527-1.048 1.551.347 2.798c6.819 6.141 10.583 13.859 11.846 22.865c.042.347.025.718.025 1.09c-.28.833.025 1.642.042 2.451c.074 1.23-.207 2.46.008 3.657"/><path fill="#2b95c1" d="M151.259 99.674c-.264-.214-.198-.528-.198-.809v-6.67c0-.28-.066-.585.198-.808a38.6 38.6 0 0 1 0 8.287"/><path fill="#2693bf" d="M152.572 159.776c-.438-1.684-.091-3.384-.198-5.068c-.025-.347-.132-.743.198-1.024c.28 2.031.239 4.061 0 6.092"/><path fill="#3398c2" d="M90.971 99.782c.025-.397-.173-.834.173-1.18c0 .387.025.808-.173 1.18m.173 4.044c-.33-.346-.156-.784-.173-1.18c.223.372.173.784.173 1.18"/></g></g><defs><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath><clipPath id="SVGg3D4Hd7H"><path fill="#fff" d="M28 28h200v200H28z"/></clipPath></defs></g></svg>

Cara memakai ikon Yarn Dark

React

import { Icon } from "@iconify/react";

<Icon icon="skill-icons:yarn-dark" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="skill-icons:yarn-dark" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="skill-icons:yarn-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--yarn-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:yarn-dark"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="skill-icons:yarn-dark"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/skill-icons/yarn-dark.svg" alt="Ikon Yarn Dark" width="24" height="24">

Ikon terkait di Skill Icons

FAQ Ikon Yarn Dark

Apakah ikon Yarn Dark gratis untuk penggunaan komersial?

Ya. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Yarn Dark di React?

Pasang @iconify/react lalu render <Icon icon="skill-icons:yarn-dark" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Yarn Dark ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/skill-icons/yarn-dark.svg" alt="Ikon Yarn Dark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Skill Icons →