Иконка Text Height

fontisto:text-height

Иконка Text Height (fontisto:text-height) — бесплатная SVG-иконка из набора Fontisto от Kenan Gündoğan. Она нарисована на сетке 24 × 24. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fontisto
Автор: Kenan Gündoğan
Лицензия: MIT
Размер: 24 × 24
Категория: Редактор
Теги: textheight

Скачать SVG

Код 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>

Как использовать иконку 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>

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

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

<iconify-icon icon="fontisto:text-height"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки Fontisto →