Ícone Yarn
openmoji:yarn
O ícone Yarn (openmoji:yarn) é um ícone SVG gratuito da coleção OpenMoji. Ele é desenhado em uma grade de 72 × 72. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- OpenMoji
- Autor
- OpenMoji
- Licença
- CC-BY-SA-4.0
- Tamanho
- 72 × 72
- Categoria
- Atividades
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="30.806" cy="34.822" r="22.224" fill="#f4aa41"/><path fill="#e27022" d="M43.294 15.825c-6.239 2.68-12.011 8.035-12.011 17.646s2.768 16.856 11.31 19.955c5.712-4.986 11.01-8.886 11.01-18.498S47.09 18.879 43.294 15.825"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="30.806" cy="34.822" r="22.224"/><path d="M43.92 17.016a22.12 22.12 0 0 1-13.114 4.28a22.12 22.12 0 0 1-13.123-4.287"/><path d="M46.735 19.66c-3.301 4.46-9.726 8.362-15.929 8.362a21.24 21.24 0 0 1-16.21-8.299"/><path d="M49.149 22.656c-2.825 6.486-10.514 12.093-18.343 12.093a21.24 21.24 0 0 1-18.463-11.688"/><path d="M51.23 26.425c-2.618 8.18-11.28 15.05-20.424 15.05a22.36 22.36 0 0 1-20.555-14.814"/><path d="M52.559 30.551a22.23 22.23 0 0 1-21.753 17.652A22.64 22.64 0 0 1 8.874 31.214m36.268 20.757c1.317.945 3.733 3.635 6.628 3.675s5.594-3.15 7.058-2.328c2.606 1.463 3.751 3.728 6.691 3.774"/><path d="M37.818 55.844a22.71 22.71 0 0 1-14.097-21.022a22.23 22.23 0 0 1 14.118-20.7"/><path d="M41.563 15.825a22.22 22.22 0 0 0-11.175 18.997A21.9 21.9 0 0 0 41.66 53.93"/><path d="M44.578 17.825a22.93 22.93 0 0 0-7.523 16.997c0 6.904 2.885 13.414 8.087 17.149"/></g></svg>
Como usar o ícone Yarn
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:yarn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:yarn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:yarn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--yarn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:yarn"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:yarn"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/openmoji/yarn.svg" alt="Ícone Yarn" width="24" height="24">
O ícone Yarn em outras coleções
Perguntas frequentes sobre Ícone Yarn
O ícone Yarn é grátis para uso comercial?
Sim. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Yarn no React?
Instale @iconify/react e renderize <Icon icon="openmoji:yarn" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Yarn a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/openmoji/yarn.svg" alt="Ícone Yarn">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones OpenMoji →
ICONYZ
