ICONYZ
Русский
Иконка Text Square из набора Flex free icons

Иконка Text Square

streamline-flex:text-square

Иконка Text Square (streamline-flex:text-square) — бесплатная SVG-иконка из набора Flex free icons от Streamline. Она нарисована на сетке 14 × 14. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Flex free icons
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
14 × 14
Категория
Основы интерфейса
Теги
textsquare
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m4.5 10l1.842-5.526A.69.69 0 0 1 7 4v0c.299 0 .564.191.658.474L9.5 10M5.167 8h3.666"/><path d="M.96 10.269a3.13 3.13 0 0 0 2.753 2.76c1.07.119 2.167.221 3.287.221s2.218-.102 3.287-.222a3.13 3.13 0 0 0 2.753-2.76c.114-1.063.21-2.155.21-3.268s-.096-2.205-.21-3.269a3.13 3.13 0 0 0-2.753-2.76C9.217.853 8.12.75 7 .75S4.782.852 3.713.972A3.13 3.13 0 0 0 .96 3.732C.846 4.794.75 5.886.75 7s.096 2.205.21 3.269"/></g></svg>

Как использовать иконку Text Square

React

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

<Icon icon="streamline-flex:text-square" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:text-square" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:text-square" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--text-square]"></span>

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="streamline-flex:text-square"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-flex/text-square.svg" alt="Иконка Text Square" width="24" height="24">

Похожие иконки в наборе Flex free icons

Иконка text-file
text-file
 Иконка text-file-remix
text-file-remix
 Иконка text-file-solid
text-file-solid
 Иконка text-square-remix
text-square-remix
 Иконка text-square-solid
text-square-solid
 Иконка text-style
text-style
 Иконка text-style-remix
text-style-remix
 Иконка text-style-solid
text-style-solid
 Иконка texture
texture
 Иконка texture-remix
texture-remix
 Иконка texture-solid
texture-solid

Иконка Text Square в других наборах

Иконка Text Square из набора CoreUI Free
CoreUI Free
 Иконка Text Square из набора Flex color icons
Flex color icons
 Иконка Text Square из набора Huge Icons
Huge Icons
 Иконка Text Square из набора Iconoir
Iconoir
 Иконка Text Square из набора Lucide Lab
Lucide Lab
 Иконка Text Square из набора Reicon
Reicon
 Иконка Text Square из набора Streamline
Streamline
 Иконка Text Square из набора Streamline color
Streamline color
 Иконка Text Square из набора andrsrxn/icons
andrsrxn/icons

Вопросы и ответы: Иконка Text Square

Можно ли бесплатно использовать иконку Text Square в коммерческих проектах?

Да. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Text Square в React?

Установите @iconify/react и выведите <Icon icon="streamline-flex:text-square" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Text Square на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-flex/text-square.svg" alt="Иконка Text Square">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Flex free icons →