Ícone Tether
thesvg-color:tether
O ícone Tether (thesvg-color:tether) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 339 × 295. theSVG Color 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
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 339 × 295
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="339" height="295" viewBox="0 0 339 295"><path fill="#50af95" fill-rule="evenodd" d="m62.15 1.45l-61.89 130a2.52 2.52 0 0 0 .54 2.94l167.15 160.17a2.55 2.55 0 0 0 3.53 0L338.63 134.4a2.52 2.52 0 0 0 .54-2.94l-61.89-130A2.5 2.5 0 0 0 275 0H64.45a2.5 2.5 0 0 0-2.3 1.45"/><path fill="#fff" fill-rule="evenodd" d="M191.19 144.8c-1.2.09-7.4.46-21.23.46c-11 0-18.81-.33-21.55-.46c-42.51-1.87-74.24-9.27-74.24-18.13s31.73-16.25 74.24-18.15v28.91c2.78.2 10.74.67 21.74.67c13.2 0 19.81-.55 21-.66v-28.9c42.42 1.89 74.08 9.29 74.08 18.13s-31.65 16.24-74.08 18.12Zm0-39.25V79.68h59.2V40.23H89.21v39.45h59.19v25.86c-48.11 2.21-84.29 11.74-84.29 23.16s36.18 20.94 84.29 23.16v82.9h42.78v-82.93c48-2.21 84.12-11.73 84.12-23.14s-36.09-20.93-84.12-23.15Zm0 0"/></svg>Como usar o ícone Tether
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:tether" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:tether" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:tether" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tether]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tether"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:tether"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/tether.svg" alt="Ícone Tether" width="24" height="24">O ícone Tether em outras coleções
Perguntas frequentes sobre Ícone Tether
O ícone Tether é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Tether no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:tether" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Tether a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/tether.svg" alt="Ícone Tether">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.