ICONYZ
Русский
Иконка Wrap Text из набора Material Symbols Light

Иконка Wrap Text

material-symbols-light:wrap-text

Иконка Wrap Text (material-symbols-light:wrap-text) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Material Symbols Light
Автор
Google
Лицензия
Apache-2.0
Размер
24 × 24
Категория
Текст
Теги
arrow writing, doc, edit, editing, editor, sheet, spreadsheet, text, type, wrap, write, writing, wraptext, wrap text outline, wrap text sharp, wrap text outline sharp
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.566 19.93L11.692 17l2.874-2.911l.707.719l-1.654 1.692h3.304q.879 0 1.478-.628T19 14.366q0-.88-.599-1.498t-1.478-.618H5v-1h11.923q1.287 0 2.182.915q.895.914.895 2.2t-.895 2.211t-2.182.924h-3.304l1.654 1.712zM5 17.5v-1h3.808v1zM5 7V6h14.058v1z"/></svg>

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

React

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

<Icon icon="material-symbols-light:wrap-text" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:wrap-text" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:wrap-text" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--wrap-text]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:wrap-text"></div>

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

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

<iconify-icon icon="material-symbols-light:wrap-text"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/material-symbols-light/wrap-text.svg" alt="Иконка Wrap Text" width="24" height="24">

Похожие иконки в наборе Material Symbols Light

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

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

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

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

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

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

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

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

Все Иконки Material Symbols Light →