ICONYZ
Português (Brasil)
Ícone Text Formating Input de Freehand free icons

Ícone Text Formating Input

streamline-freehand:text-formating-input

O ícone Text Formating Input (streamline-freehand:text-formating-input) é um ícone SVG gratuito da coleção Freehand free icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Freehand free icons
Autor
Streamline
Licença
CC-BY-4.0
Tamanho
24 × 24
Categoria
Interface essencial
Tags
textformating, formatinginput, textformatinginput
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.97 10.06c0-1.047-.06-1.885 0-2.134a1.15 1.15 0 0 0-.418-1.167a2.5 2.5 0 0 0-1.406-.369H20.15a.31.31 0 0 0 0 .609l1.995.17c.287.025.568.103.827.229c.16.08.14.219.1.378q-.143 1.212-.16 2.434v5.305a.62.62 0 0 1-.289.37a2.8 2.8 0 0 1-.997.239l-1.915.11a.35.35 0 0 0 0 .688h1.995a3.8 3.8 0 0 0 1.266-.21c.351-.154.627-.441.768-.798c.164-.837.24-1.69.23-2.543zm-9.583 6.572a.3.3 0 0 0-.3-.299l-11.528-.2a2.2 2.2 0 0 1-.797-.139a.76.76 0 0 1-.44-.359a22 22 0 0 1-.139-3.9c0-1.236.05-2.473.14-3.26q.003-.296.09-.579c.124-.126.278-.219.448-.27q.332-.136.688-.189a64 64 0 0 1 4.329-.359c2.134-.08 4.427-.18 6.542-.2a.339.339 0 1 0 0-.677c-2.125 0-4.408-.07-6.572 0c-1.566 0-3.072.11-4.398.22a4.1 4.1 0 0 0-1.157.308a1.9 1.9 0 0 0-.798.589a12 12 0 0 0-.459 3.57a25.6 25.6 0 0 0 .26 5.236c.177.352.469.633.827.798c.445.212.934.311 1.426.289l11.539-.24a.298.298 0 0 0 .299-.339"/><path d="M21.268 19.734a1.8 1.8 0 0 1-.808-.27c-.448-.249-.877-.598-1.246-.847a2.5 2.5 0 0 1-.997-1.057a8.8 8.8 0 0 1-.2-2.444c0-.269 0-.578-.05-.897v-3.89c0-.997 0-1.994.06-2.762a3.6 3.6 0 0 1 .658-1.645a5.7 5.7 0 0 1 1.307-1.367q.32-.227.668-.409c.19-.077.393-.124.598-.14a.3.3 0 0 0 0-.598a2.4 2.4 0 0 0-.758.13q-.523.18-.997.469a6.4 6.4 0 0 0-1.616 1.466a5.6 5.6 0 0 0-.588.907a2.8 2.8 0 0 0-.459-.997a4.9 4.9 0 0 0-1.546-1.227a4.4 4.4 0 0 0-.997-.468a2.2 2.2 0 0 0-.758-.13a.31.31 0 0 0-.309.3a.3.3 0 0 0 .3.298c.24.016.473.08.687.19q.351.178.669.409c.4.25.766.551 1.087.897c.268.334.428.74.458 1.167c.13.888.21 2.174.27 3.51v.998c0 .997.05 1.994.11 2.832v1.137a8.3 8.3 0 0 1-.2 2.433a2.4 2.4 0 0 1-.997 1.067q-.602.456-1.247.848c-.243.154-.52.247-.808.27a.339.339 0 1 0 0 .677a2.2 2.2 0 0 0 .888-.18a13 13 0 0 0 1.605-.917a3.2 3.2 0 0 0 1.407-1.386a3.5 3.5 0 0 0 1.316 1.227q.766.522 1.606.917c.28.121.582.182.887.18a.339.339 0 1 0 0-.678z"/></g></svg>

Como usar o ícone Text Formating Input

React

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

<Icon icon="streamline-freehand:text-formating-input" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand:text-formating-input" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand:text-formating-input" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--text-formating-input]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:text-formating-input"></div>

Web component

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

<iconify-icon icon="streamline-freehand:text-formating-input"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand/text-formating-input.svg" alt="Ícone Text Formating Input" width="24" height="24">

Ícones relacionados em Freehand free icons

O ícone Text Formating Input em outras coleções

Perguntas frequentes sobre Ícone Text Formating Input

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

Sim. Freehand free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Text Formating Input no React?

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

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

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

Ver todos os Freehand free icons →