Ícone Text Typography

proicons:text-typography

O ícone Text Typography (proicons:text-typography) é um ícone SVG gratuito da coleção ProIcons de ProCode. Ele é desenhado em uma grade de 24 × 24. ProIcons 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: ProIcons
Autor: ProCode
Licença: MIT
Tamanho: 24 × 24
Tags: texttypography

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m2.25 18.25l1.875-4.404m0 0h6.75m-6.75 0L6.998 7.1a.536.536 0 0 1 1.004 0l2.873 6.747m0 0l1.875 4.404m9-4.948l-.07-.014c-2.88-.557-6.308-.472-6.308 2.462c0 .824.464 1.598 1.14 2.02c.67.417 1.515.429 2.305.429c1.086 0 2.277-.626 2.754-1.602q.137-.279.179-.633V14.84m0-1.537v-.587c0-.734-.085-1.704-.517-2.297c-.47-.646-1.303-1.375-2.672-1.375c-2.261 0-2.991 1.595-2.991 1.595m6.18 2.664v1.537m0 3.26v-3.26"/></svg>

Como usar o ícone Text Typography

React

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

<Icon icon="proicons:text-typography" width="24" />

Vue

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

<template>
  <Icon icon="proicons:text-typography" width="24" />
</template>

Svelte

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

<Icon icon="proicons:text-typography" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[proicons--text-typography]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/proicons -->
<div class="i-proicons:text-typography"></div>

Web component

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

<iconify-icon icon="proicons:text-typography"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/proicons/text-typography.svg" alt="Ícone Text Typography" width="24" height="24">

Ícones relacionados em ProIcons

Perguntas frequentes sobre Ícone Text Typography

O ícone Text Typography é grátis para uso comercial?

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

Como uso o ícone Text Typography no React?

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

Como adiciono o ícone Text Typography a uma página web?

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

Ver todos os ProIcons →