Иконка Format Square Filled
reicon:format-square-filled
Иконка Format Square Filled (reicon:format-square-filled) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.75 16.5v-9c1.19-.5 2-1.67 2-3c0-1.79-1.46-3.25-3.25-3.25c-1.32 0-2.5.81-3 2h-9c-.5-1.19-1.67-2-3-2c-1.79 0-3.25 1.46-3.25 3.25c0 1.32.81 2.5 2 3v9c-1.19.5-2 1.67-2 3c0 1.79 1.46 3.25 3.25 3.25c1.32 0 2.5-.81 3-2h9c.5 1.19 1.67 2 3 2c1.79 0 3.25-1.46 3.25-3.25c0-1.32-.81-2.5-2-3m-1.59-.23c-.11.01-.21.03-.32.05q-.405.075-.78.27c-.06.03-.12.06-.18.1c-.5.28-.91.69-1.19 1.19c-.04.06-.07.12-.1.18q-.195.375-.27.78c-.02.11-.04.21-.05.32c-.01.03-.01.06-.01.09H7.74a3.4 3.4 0 0 0-.14-.72c-.02-.08-.05-.17-.09-.25c-.03-.07-.06-.14-.1-.22c-.03-.06-.06-.12-.1-.18c-.28-.5-.69-.91-1.19-1.19c-.06-.04-.12-.07-.18-.1c-.08-.04-.15-.07-.22-.1c-.08-.04-.17-.07-.25-.09a3.4 3.4 0 0 0-.72-.14V7.74c.26-.02.5-.07.74-.15c.09-.02.19-.06.28-.1c.05-.02.11-.05.17-.08s.12-.06.18-.1c.5-.28.91-.69 1.19-1.19c.04-.06.07-.12.1-.18s.06-.12.08-.17c.04-.09.08-.19.1-.28c.08-.24.13-.48.15-.74h8.52c.02.27.07.52.16.77c.02.08.05.17.09.25c.02.06.05.11.08.17s.06.12.1.18c.28.5.69.91 1.19 1.19c.06.04.12.07.18.1s.11.06.17.08c.08.04.17.07.25.09c.25.09.5.14.77.16v8.52c-.03 0-.06 0-.09.01"/></svg>Как использовать иконку Format Square Filled
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:format-square-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:format-square-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:format-square-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--format-square-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:format-square-filled"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:format-square-filled"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/reicon/format-square-filled.svg" alt="Иконка Format Square Filled" width="24" height="24">Похожие иконки в наборе Reicon
Вопросы и ответы: Иконка Format Square Filled
Можно ли бесплатно использовать иконку Format Square Filled в коммерческих проектах?
Да. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Format Square Filled в React?
Установите @iconify/react и выведите <Icon icon="reicon:format-square-filled" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Format Square Filled на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/reicon/format-square-filled.svg" alt="Иконка Format Square Filled">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.