Ícone Text Height
fontisto:text-height
O ícone Text Height (fontisto:text-height) é um ícone SVG gratuito da coleção Fontisto de Kenan Gündoğan. Ele é desenhado em uma grade de 24 × 24. Fontisto 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
- Fontisto
- Autor
- Kenan Gündoğan
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Editor
- Tags
- textheight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m22.111 14.056l-.657.704V8.658l.657.704a1.091 1.091 0 1 0 1.595-1.489l-2.558-2.739l-.046-.044l-.034-.031l-.051-.041l-.034-.026l-.062-.039l-.029-.018l-.08-.039l-.018-.009a1.1 1.1 0 0 0-.429-.088q-.178.001-.339.053l.008-.002a1 1 0 0 0-.106.04l.007-.003l-.018.008l-.08.039l-.028.017l-.063.04l-.034.025q-.027.02-.052.041l-.034.03l-.046.044l-.013.012l-2.546 2.727a1.089 1.089 0 0 0 .811 1.82c.307 0 .585-.127.783-.332l.657-.704v6.103l-.657-.704a1.091 1.091 0 0 0-1.595 1.489l-.001-.001l2.559 2.741l.042.041l.038.034l.048.038l.038.028l.058.036l.034.02l.074.036l.023.011q.045.02.093.035h.01c.097.032.208.05.324.051h.009q.236-.002.439-.092l-.007.003l.012-.006q.044-.019.085-.042l.024-.014q.035-.02.067-.042l.03-.022l.056-.044l.03-.027l.049-.047l.011-.011l2.546-2.727a1.089 1.089 0 0 0-.811-1.82c-.307 0-.585.127-.783.332zM12.727 4.8H1.091C.488 4.8 0 5.289 0 5.891v2.865a1.091 1.091 0 0 0 2.182 0v-.031v.002v-1.745h3.637v9.454H4.134a1.092 1.092 0 0 0-.002 2.182h5.553a1.092 1.092 0 0 0 .002-2.182H8V6.982h3.636v1.775a1.091 1.091 0 0 0 2.182 0v-.031v.002v-2.835a1.09 1.09 0 0 0-1.09-1.091z"/></svg>
Como usar o ícone Text Height
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:text-height" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:text-height" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:text-height" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--text-height]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:text-height"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:text-height"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fontisto/text-height.svg" alt="Ícone Text Height" width="24" height="24">
Ícones relacionados em Fontisto
O ícone Text Height em outras coleções
Perguntas frequentes sobre Ícone Text Height
O ícone Text Height é grátis para uso comercial?
Sim. Fontisto icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Text Height no React?
Instale @iconify/react e renderize <Icon icon="fontisto:text-height" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Text Height a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fontisto/text-height.svg" alt="Ícone Text Height">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fontisto →
ICONYZ
