Ícone Text Square 2 Bold

solar:text-square-2-bold

O ícone Text Square 2 Bold (solar:text-square-2-bold) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar 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: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Categoria: Formatação de texto
Tags: textsquare, squarebold, textsquarebold

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"><path fill-rule="evenodd" d="M14.4672 2.0002C14.4105 1.9989 14.3551 2.00393 14.3018 2.01464C13.5511 1.99999 12.7218 2 11.8069 2L11.6932 2C10.7782 2 9.94895 1.99999 9.19825 2.01464C9.14488 2.00393 9.08952 1.9989 9.03282 2.0002C6.54819 2.05713 4.77756 2.27987 3.53716 3.52277L3.52979 3.53017L3.52277 3.53716C2.27987 4.77756 2.05712 6.54819 2.0002 9.03283C1.9989 9.08952 2.00393 9.14488 2.01464 9.19825C2.0127 9.29746 2.01102 9.39804 2.00956 9.5H3.75C4.99264 9.5 6 10.5074 6 11.75C6 12.9926 4.99264 14 3.75 14H2.00956C2.01102 14.102 2.0127 14.2026 2.01464 14.3018C2.00393 14.3552 1.9989 14.4105 2.0002 14.4672C2.05713 16.9518 2.27987 18.7224 3.52277 19.9628L3.52997 19.97L3.53716 19.9772C4.77756 21.2201 6.54818 21.4429 9.03283 21.4998C9.08952 21.5011 9.14488 21.4961 9.19825 21.4854C9.94894 21.5 10.7782 21.5 11.6931 21.5H11.8069C12.7218 21.5 13.5511 21.5 14.3018 21.4854C14.3552 21.4961 14.4105 21.5011 14.4672 21.4998C16.9518 21.4429 18.7224 21.2201 19.9628 19.9772L19.9699 19.9702L19.9772 19.9628C21.2201 18.7224 21.4429 16.9518 21.4998 14.4672C21.5011 14.4105 21.4961 14.3552 21.4854 14.3018C21.4873 14.2026 21.489 14.102 21.4904 14H19.75C18.5074 14 17.5 12.9926 17.5 11.75C17.5 10.5074 18.5074 9.5 19.75 9.5H21.4904C21.489 9.39804 21.4873 9.29746 21.4854 9.19825C21.4961 9.14488 21.5011 9.08952 21.4998 9.03283C21.4429 6.54819 21.2201 4.77756 19.9772 3.53716L19.9701 3.53001L19.9628 3.52277C18.7224 2.27987 16.9518 2.05713 14.4672 2.0002ZM7.75 7C7.33579 7 7 7.33579 7 7.75C7 8.16421 7.33579 8.5 7.75 8.5H11V15.75C11 16.1642 11.3358 16.5 11.75 16.5C12.1642 16.5 12.5 16.1642 12.5 15.75V8.5H15.75C16.1642 8.5 16.5 8.16421 16.5 7.75C16.5 7.33579 16.1642 7 15.75 7H7.75Z" clip-rule="evenodd"/><path d="M19 11.75C19 11.3358 19.3358 11 19.75 11H21.75C22.1642 11 22.5 11.3358 22.5 11.75C22.5 12.1642 22.1642 12.5 21.75 12.5H19.75C19.3358 12.5 19 12.1642 19 11.75Z"/><path d="M1.75 11C1.33579 11 1 11.3358 1 11.75C1 12.1642 1.33579 12.5 1.75 12.5H3.75C4.16421 12.5 4.5 12.1642 4.5 11.75C4.5 11.3358 4.16421 11 3.75 11H1.75Z"/></g></svg>

Como usar o ícone Text Square 2 Bold

React

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

<Icon icon="solar:text-square-2-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:text-square-2-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:text-square-2-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--text-square-2-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:text-square-2-bold"></div>

Web component

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

<iconify-icon icon="solar:text-square-2-bold"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/text-square-2-bold.svg" alt="Ícone Text Square 2 Bold" width="24" height="24">

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Text Square 2 Bold

O ícone Text Square 2 Bold é grátis para uso comercial?

Sim. Solar 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 Square 2 Bold no React?

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

Como adiciono o ícone Text Square 2 Bold a uma página web?

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

Ver todos os Ícones Solar →