Text Square 2 Outline icon

solar:text-square-2-outline

The Text Square 2 Outline icon (solar:text-square-2-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Text Formatting
Tags: textsquare, squareoutline, textsquareoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.9431 2.25H12.0569C14.1342 2.24999 15.7697 2.24997 17.0474 2.42141C18.3582 2.59729 19.4043 2.96584 20.2272 3.78716C21.4701 5.02756 21.6929 6.79818 21.7498 9.28282C21.7593 9.69693 21.4313 10.0403 21.0172 10.0498C20.6031 10.0593 20.2597 9.73128 20.2502 9.31718C20.192 6.77756 19.9339 5.61356 19.1676 4.84888C18.6699 4.35218 17.9929 4.06172 16.8479 3.90809C15.6815 3.75159 14.1468 3.75 12 3.75C9.85325 3.75 8.31849 3.75159 7.15208 3.90809C6.00709 4.06172 5.33006 4.35218 4.83236 4.84888C4.06614 5.61356 3.80799 6.77756 3.7498 9.31718C3.74032 9.73128 3.39693 10.0593 2.98282 10.0498C2.56872 10.0403 2.24071 9.69693 2.2502 9.28282C2.30712 6.79818 2.52987 5.02756 3.77276 3.78716C4.59574 2.96584 5.64183 2.59729 6.9526 2.42141C8.23032 2.24997 9.86576 2.24999 11.9431 2.25Z"/><path d="M2.98282 13.9502C3.39693 13.9407 3.74032 14.2687 3.7498 14.6828C3.80799 17.2224 4.06614 18.3864 4.83236 19.1511C5.33006 19.6478 6.00709 19.9383 7.15208 20.0919C8.31849 20.2484 9.85325 20.25 12 20.25C14.1468 20.25 15.6815 20.2484 16.8479 20.0919C17.9929 19.9383 18.6699 19.6478 19.1676 19.1511C19.9339 18.3864 20.192 17.2224 20.2502 14.6828C20.2597 14.2687 20.6031 13.9407 21.0172 13.9502C21.4313 13.9597 21.7593 14.3031 21.7498 14.7172C21.6929 17.2018 21.4701 18.9724 20.2272 20.2128C19.4043 21.0342 18.3582 21.4027 17.0474 21.5786C15.7697 21.75 14.1342 21.75 12.0569 21.75H11.9431C9.86576 21.75 8.23032 21.75 6.9526 21.5786C5.64183 21.4027 4.59574 21.0342 3.77276 20.2128C2.52987 18.9724 2.30712 17.2018 2.2502 14.7172C2.24071 14.3031 2.56872 13.9597 2.98282 13.9502Z"/><path d="M7.25 8C7.25 7.58579 7.58579 7.25 8 7.25H16C16.4142 7.25 16.75 7.58579 16.75 8C16.75 8.41421 16.4142 8.75 16 8.75H12.75L12.75 16C12.75 16.4142 12.4142 16.75 12 16.75C11.5858 16.75 11.25 16.4142 11.25 16L11.25 8.75H8C7.58579 8.75 7.25 8.41421 7.25 8Z"/><path d="M19.25 12C19.25 11.5858 19.5858 11.25 20 11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H20C19.5858 12.75 19.25 12.4142 19.25 12Z"/><path d="M2 11.25C1.58579 11.25 1.25 11.5858 1.25 12C1.25 12.4142 1.58579 12.75 2 12.75H4C4.41421 12.75 4.75 12.4142 4.75 12C4.75 11.5858 4.41421 11.25 4 11.25H2Z"/></g></svg>

How to use the Text Square 2 Outline icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:text-square-2-outline"></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-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/text-square-2-outline.svg" alt="Text Square 2 Outline icon" width="24" height="24">

Related icons in Solar

Text Square 2 Outline icon FAQ

Is the Text Square 2 Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Text Square 2 Outline icon in React?

Install @iconify/react and render <Icon icon="solar:text-square-2-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Text Square 2 Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/text-square-2-outline.svg" alt="Text Square 2 Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →