ICONYZ
Português (Brasil)
Ícone Yarn Thin de Phosphor

Ícone Yarn Thin

ph:yarn-thin

O ícone Yarn Thin (ph:yarn-thin) é um ícone SVG gratuito da coleção Phosphor de Phosphor Icons. Ele é desenhado em uma grade de 256 × 256. Phosphor icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Phosphor
Autor
Phosphor Icons
Licença
MIT
Tamanho
256 × 256
Tags
knitting, sewing, yarnthin
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M232 220h-64.79a100 100 0 1 0-39.21 8h104a4 4 0 0 0 0-8M128 36a91.5 91.5 0 0 1 52.43 16.44a219.4 219.4 0 0 0-36.38 19.18a218.6 218.6 0 0 0-56.42-26.27A91.3 91.3 0 0 1 128 36M77.85 50.91a210.5 210.5 0 0 1 59 25.6a221 221 0 0 0-26.07 21.77A177.8 177.8 0 0 0 50.81 78a92.6 92.6 0 0 1 27.04-27.09M46.44 85.46a169.8 169.8 0 0 1 58.47 18.73a222 222 0 0 0-20.84 25.32a138.5 138.5 0 0 0-47.36-12.94a91.4 91.4 0 0 1 9.73-31.11m9.32 99.44A91.54 91.54 0 0 1 36 128c0-1.16 0-2.3.07-3.45a130.5 130.5 0 0 1 43.46 11.67a218.4 218.4 0 0 0-23.77 48.68m6.12 7A213.32 213.32 0 0 1 187.79 58.13a92.7 92.7 0 0 1 21.28 26.42a179.87 179.87 0 0 0-119.53 127a92.7 92.7 0 0 1-27.66-19.65M128 220a91.6 91.6 0 0 1-31-5.37A171.82 171.82 0 0 1 212.59 91.84a91.3 91.3 0 0 1 7.28 31.28A140.54 140.54 0 0 0 128.69 220Zm91.92-88.45a92.13 92.13 0 0 1-82.81 88a132.58 132.58 0 0 1 82.81-88"/></svg>

Como usar o ícone Yarn Thin

React

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

<Icon icon="ph:yarn-thin" width="24" />

Vue

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

<template>
  <Icon icon="ph:yarn-thin" width="24" />
</template>

Svelte

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

<Icon icon="ph:yarn-thin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--yarn-thin]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="ph:yarn-thin"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/ph/yarn-thin.svg" alt="Ícone Yarn Thin" width="24" height="24">

Ícones relacionados em Phosphor

Ícone yarn
yarn
 Ícone yarn-bold
yarn-bold
 Ícone yarn-duotone
yarn-duotone
 Ícone yarn-fill
yarn-fill
 Ícone yarn-light
yarn-light

Perguntas frequentes sobre Ícone Yarn Thin

O ícone Yarn Thin é grátis para uso comercial?

Sim. Phosphor icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Yarn Thin no React?

Instale @iconify/react e renderize <Icon icon="ph:yarn-thin" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Yarn Thin a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/ph/yarn-thin.svg" alt="Ícone Yarn Thin">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Phosphor →