Ícone Torso
foundation:torso
O ícone Torso (foundation:torso) é um ícone SVG gratuito da coleção Foundation de Zurb. Ele é desenhado em uma grade de 100 × 100. Foundation 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
- Foundation
- Autor
- Zurb
- Licença
- MIT
- Tamanho
- 100 × 100
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="m80.161 60.441l-15.66-7.47l-6.622-3.159c2.892-1.822 5.241-4.634 6.778-8.022a21.7 21.7 0 0 0 1.946-8.99c0-1.827-.29-3.562-.694-5.236C63.94 19.453 57.605 13.477 50 13.477c-7.461 0-13.701 5.763-15.792 13.645c-.482 1.808-.815 3.688-.815 5.68c0 3.459.808 6.684 2.181 9.489c1.587 3.254 3.94 5.937 6.804 7.662l-6.342 2.953l-16.168 7.53c-1.404.658-2.327 2.242-2.327 4.011v17.765c0 2.381 1.659 4.312 3.708 4.312h57.505c2.048 0 3.708-1.93 3.708-4.312V64.446c-.002-1.763-.91-3.332-2.301-4.005"/></svg>
Como usar o ícone Torso
React
import { Icon } from "@iconify/react";
<Icon icon="foundation:torso" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="foundation:torso" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="foundation:torso" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--torso]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:torso"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="foundation:torso"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/foundation/torso.svg" alt="Ícone Torso" width="24" height="24">
Ícones relacionados em Foundation
O ícone Torso em outras coleções
Perguntas frequentes sobre Ícone Torso
O ícone Torso é grátis para uso comercial?
Sim. Foundation icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Torso no React?
Instale @iconify/react e renderize <Icon icon="foundation:torso" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Torso a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/foundation/torso.svg" alt="Ícone Torso">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Foundation →
ICONYZ
