ICONYZ
Русский
Иконка Increase Indent из набора Framework7 Icons

Иконка Increase Indent

f7:increase-indent

Иконка Increase Indent (f7:increase-indent) — бесплатная SVG-иконка из набора Framework7 Icons от Vladimir Kharlampidi. Она нарисована на сетке 56 × 56. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Framework7 Icons
Автор
Vladimir Kharlampidi
Лицензия
MIT
Размер
56 × 56
Теги
increaseindent
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M23.817 11.36h29.578c1.007 0 1.804-.774 1.804-1.782c0-.984-.797-1.758-1.804-1.758H23.817a1.74 1.74 0 0 0-1.758 1.758c0 1.008.773 1.781 1.758 1.781m0 12.28h29.578c1.007 0 1.804-.773 1.804-1.78c0-.985-.797-1.758-1.804-1.758H23.817a1.74 1.74 0 0 0-1.758 1.757c0 1.008.773 1.782 1.758 1.782M4.504 35.196l7.758-5.18c1.383-.937 1.336-2.93 0-3.867l-7.758-5.273c-1.805-1.219-3.703-.54-3.68 1.617v11.11c-.023 2.086 1.97 2.718 3.68 1.593m19.313.727h29.578a1.786 1.786 0 0 0 1.804-1.781c0-.985-.797-1.758-1.804-1.758H23.817a1.74 1.74 0 0 0-1.758 1.758a1.76 1.76 0 0 0 1.758 1.78m0 12.258H41.44a1.76 1.76 0 0 0 1.782-1.758a1.78 1.78 0 0 0-1.782-1.781H23.818a1.76 1.76 0 0 0-1.758 1.78a1.74 1.74 0 0 0 1.758 1.759"/></svg>

Как использовать иконку Increase Indent

React

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

<Icon icon="f7:increase-indent" width="24" />

Vue

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

<template>
  <Icon icon="f7:increase-indent" width="24" />
</template>

Svelte

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

<Icon icon="f7:increase-indent" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--increase-indent]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:increase-indent"></div>

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

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

<iconify-icon icon="f7:increase-indent"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/f7/increase-indent.svg" alt="Иконка Increase Indent" width="24" height="24">

Похожие иконки в наборе Framework7 Icons

Иконка increase-quotelevel
increase-quotelevel

Иконка Increase Indent в других наборах

Иконка Increase Indent из набора Flex color icons
Flex color icons
 Иконка Increase Indent из набора Flex free icons
Flex free icons
 Иконка Increase Indent из набора Fluent UI MDL2
Fluent UI MDL2

Вопросы и ответы: Иконка Increase Indent

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

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

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

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

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

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

Все Framework7 Icons →