ICONYZ
Türkçe
Skill Icons setinden Yarn Light ikonu

Yarn Light ikonu

skill-icons:yarn-light

Yarn Light ikonu (skill-icons:yarn-light), Skill Icons setinden ücretsiz bir SVG ikondur (yapımcı: tandpfun). 256 × 256 ızgara üzerinde çizilmiştir. Skill Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
Skill Icons
Yazar
tandpfun
Lisans
MIT
Boyut
256 × 256
Etiketler
yarnlight
SVG indir

SVG kodu

<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="#f4f2ed" 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.399-21.66c2.204-3.739 5.052-6.95 8.222-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>

Yarn Light ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

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

Skill Icons setindeki benzer ikonlar

yarn-dark ikonu
yarn-dark

Diğer ikon setlerinde Yarn Light ikonu

Phosphor setinden Yarn Light ikonu
Phosphor

Yarn Light ikonu: sık sorulan sorular

Yarn Light ikonu ticari kullanım için ücretsiz mi?

Evet. Skill Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Yarn Light ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="skill-icons:yarn-light" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Yarn Light ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/skill-icons/yarn-light.svg" alt="Yarn Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Skill Icons →