Square Stack 3d Up Slash アイコン

Q: Square Stack 3d Up Slash アイコンは商用利用でも無料ですか?

はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

f7:square-stack-3d-up-slash

Square Stack 3d Up Slash アイコン(f7:square-stack-3d-up-slash)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Framework7 Icons
作者: Vladimir Kharlampidi
ライセンス: MIT
サイズ: 56 × 56
タグ: squarestack、stack3d、3dup、upslash、squarestack3dupslash

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="m35.36 28.89l15.187-8.812c1.875-1.101 2.625-1.969 2.625-3.258c0-1.265-.75-2.133-2.625-3.234L32.195 2.946c-1.125-.657-2.039-.962-2.976-.962c-.938 0-1.852.305-2.977.961L15.578 9.11l2.836 2.86l9.773-5.578c.375-.211.704-.328 1.032-.328s.656.117 1.03.328L48.086 16.61c.117.047.187.118.187.211c0 .117-.07.188-.187.235l-15.61 8.953Zm14.437 23.508c.703.704 1.875.704 2.555 0a1.79 1.79 0 0 0 0-2.554L6.086 3.602c-.703-.704-1.852-.704-2.578 0c-.703.68-.68 1.875 0 2.554Zm-30.07-25.476L7.023 14.219c-1.289.89-1.78 1.617-1.78 2.672c0 1.218.679 2.039 2.483 3.093Zm9.492 16.312c.843 0 1.57-.398 2.554-.984l2.438-1.453l-2.766-2.766l-1.336.774c-.328.187-.633.328-.89.328c-.258 0-.563-.14-.89-.328L6.601 26.265c-.657.305-1.36 1.102-1.36 2.063c0 .727.422 1.524 1.29 2.04L26.663 42.25c.984.586 1.71.984 2.555.984m13.195-7.265l9.492-5.602c.891-.539 1.29-1.312 1.29-2.039c0-.96-.727-1.758-1.36-2.062L39.719 33.25ZM29.219 54.016c.843 0 1.57-.399 2.554-.985l9.258-5.437l-2.742-2.719l-8.18 4.734c-.328.188-.633.328-.89.328c-.258 0-.563-.14-.89-.328L6.601 37.047c-.657.328-1.36 1.101-1.36 2.062c0 .727.422 1.547 1.29 2.04L26.663 53.03c.984.586 1.71.985 2.555.985m19.968-11.25l2.72-1.618c.866-.492 1.288-1.312 1.288-2.039c0-.96-.726-1.734-1.359-2.062l-5.274 3.07Z"/></svg>

Square Stack 3d Up Slash アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/f7/square-stack-3d-up-slash.svg" alt="Square Stack 3d Up Slash アイコン" width="24" height="24">

Framework7 Icons の関連アイコン

Square Stack 3d Up Slash アイコンのよくある質問

Square Stack 3d Up Slash アイコンは商用利用でも無料ですか?

はい。Framework7 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Square Stack 3d Up Slash アイコンを使うには?

@iconify/react をインストールして <Icon icon="f7:square-stack-3d-up-slash" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Square Stack 3d Up Slash アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/square-stack-3d-up-slash.svg" alt="Square Stack 3d Up Slash アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Framework7 Icons をすべて見る →