Иконка Square Stack 3d Up

f7:square-stack-3d-up

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

Набор: Framework7 Icons
Автор: Vladimir Kharlampidi
Лицензия: MIT
Размер: 56 × 56
Теги: squarestack, stack3d, 3dup, squarestack3dup

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M28.012 31.68c.937 0 1.851-.305 2.976-.961l18.352-10.64c1.875-1.102 2.625-1.97 2.625-3.259c0-1.265-.75-2.133-2.625-3.234L30.988 2.946c-1.125-.657-2.039-.962-2.976-.962c-.961 0-1.852.305-2.977.961L6.684 13.585c-1.875 1.102-2.625 1.97-2.625 3.235c0 1.29.75 2.157 2.625 3.258l18.351 10.64c1.125.657 2.016.962 2.977.962m0-4.078c-.329 0-.657-.118-1.032-.329L9.121 17.055c-.094-.047-.164-.117-.164-.235c0-.093.07-.164.164-.21l17.86-10.22c.374-.21.702-.327 1.03-.327s.657.117 1.032.328l17.836 10.218c.117.047.188.118.188.211c0 .117-.071.188-.188.235L29.043 27.273c-.375.211-.703.329-1.031.329m0 15.632c.843 0 1.57-.398 2.554-.984L50.7 30.367c.89-.539 1.266-1.312 1.266-2.039c0-.96-.703-1.758-1.336-2.062L28.902 38.805c-.328.187-.633.328-.89.328c-.258 0-.563-.14-.891-.328L5.394 26.265c-.656.305-1.359 1.102-1.359 2.063c0 .727.422 1.524 1.29 2.04L25.456 42.25c.984.586 1.687.984 2.555.984m0 10.782c.843 0 1.57-.399 2.554-.985L50.7 41.148c.867-.492 1.266-1.312 1.266-2.039c0-.96-.703-1.734-1.336-2.062L28.902 49.609c-.328.188-.633.328-.89.328c-.258 0-.563-.14-.891-.328L5.394 37.047c-.656.328-1.359 1.101-1.359 2.062c0 .727.422 1.547 1.29 2.04L25.456 53.03c.984.586 1.687.985 2.555.985"/></svg>

Как использовать иконку Square Stack 3d Up

React

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

<Icon icon="f7:square-stack-3d-up" width="24" />

Vue

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

<template>
  <Icon icon="f7:square-stack-3d-up" width="24" />
</template>

Svelte

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

<Icon icon="f7:square-stack-3d-up" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--square-stack-3d-up]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:square-stack-3d-up"></div>

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

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

<iconify-icon icon="f7:square-stack-3d-up"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/f7/square-stack-3d-up.svg" alt="Иконка Square Stack 3d Up" width="24" height="24">

Вопросы и ответы: Иконка Square Stack 3d Up

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

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

Как использовать иконку Square Stack 3d Up в React?

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

Как добавить иконку Square Stack 3d Up на веб-страницу?

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

Все Framework7 Icons →