Ícone Square Stack 3d Up

f7:square-stack-3d-up

O ícone Square Stack 3d Up (f7:square-stack-3d-up) é um ícone SVG gratuito da coleção Framework7 Icons de Vladimir Kharlampidi. Ele é desenhado em uma grade de 56 × 56. Framework7 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Framework7 Icons
Autor: Vladimir Kharlampidi
Licença: MIT
Tamanho: 56 × 56
Tags: squarestack, stack3d, 3dup, squarestack3dup

Baixar SVG

Código 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>

Como usar o ícone 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>

Web component

<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>

Imagem HTML

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

Ícones relacionados em Framework7 Icons

Perguntas frequentes sobre Ícone Square Stack 3d Up

O ícone Square Stack 3d Up é grátis para uso comercial?

Sim. Framework7 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Square Stack 3d Up no React?

Instale @iconify/react e renderize <Icon icon="f7:square-stack-3d-up" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Square Stack 3d Up a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/f7/square-stack-3d-up.svg" alt="Ícone Square Stack 3d Up">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Framework7 Icons →