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

Ícone Twitter Logo Thin

ph:twitter-logo-thin

O ícone Twitter Logo Thin (ph:twitter-logo-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
logos, social media, tweets, birds, twitterlogo, logothin, twitterlogothin
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="M243.7 70.47A4 4 0 0 0 240 68h-32.8a44.57 44.57 0 0 0-39.15-24a42.76 42.76 0 0 0-30.88 12.55A43.85 43.85 0 0 0 124 88v11.16c-43.65-9.39-80-45.6-80.39-46a4 4 0 0 0-4.19-.95a4 4 0 0 0-2.63 3.41c-4.2 46.62 9.27 77.71 21.31 95.59A103.7 103.7 0 0 0 82.35 177c-15.68 20.49-43.46 31.13-43.75 31.24a4 4 0 0 0-1.93 6c.27.4 2.79 4 9.54 7.36C54.73 225.84 66.1 228 80 228c69.09 0 126.73-53.56 131.89-122.23l30.94-30.94a4 4 0 0 0 .87-4.36m-38.53 30.7a4 4 0 0 0-1.16 2.58C199.85 168.94 145.38 220 80 220c-17.85 0-27.63-3.89-32.5-6.87c10.37-4.82 31.45-16.34 43.83-34.91a4 4 0 0 0 .56-3.12a3.93 3.93 0 0 0-1.89-2.55c-.13-.08-13.39-8-25.52-26.15C54 130.71 42.39 104.11 44.19 64.65c13.17 11.62 45.48 37 83.15 43.3a4 4 0 0 0 4.66-4V88a36 36 0 0 1 10.79-25.76A35 35 0 0 1 168 52c14.2.18 27.49 8.86 33.06 21.61a4 4 0 0 0 3.61 2.39h25.67Z"/></svg>

Como usar o ícone Twitter Logo Thin

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="ph:twitter-logo-thin"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Phosphor

Perguntas frequentes sobre Ícone Twitter Logo Thin

O ícone Twitter Logo 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 Twitter Logo Thin no React?

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

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

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

Ver todos os Ícones Phosphor →