Rectangle Compress Vertical アイコン

Q: Rectangle Compress Vertical アイコンは商用利用でも無料ですか?

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

f7:rectangle-compress-vertical

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

アイコンセット: Framework7 Icons
作者: Vladimir Kharlampidi
ライセンス: MIT
サイズ: 56 × 56
タグ: rectanglecompress、compressvertical、rectanglecompressvertical

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M27.91 17.98c.476 0 .837-.18 1.312-.61l7.532-7.011c.384-.34.588-.747.588-1.267c0-.927-.701-1.606-1.651-1.606c-.452 0-.882.204-1.244.543l-2.94 2.94l-1.945 2.036l.158-3.8V1.742C29.72.792 28.883 0 27.91 0c-.972 0-1.786.792-1.786 1.742v7.463l.136 3.8l-1.946-2.036l-2.94-2.94c-.339-.34-.791-.543-1.244-.543c-.972 0-1.65.679-1.65 1.606c0 .52.203.927.61 1.267l7.509 7.011c.475.43.86.61 1.312.61M8.868 35.193h38.087c3.777 0 6.4-2.556 6.4-6.038v-2.308c0-3.483-2.623-6.038-6.4-6.038H8.867c-3.754 0-6.4 2.555-6.4 6.038v2.308c0 3.482 2.646 6.038 6.4 6.038m.475-3.415c-2.036 0-3.28-1.357-3.28-3.189v-1.176c0-1.832 1.244-3.19 3.28-3.19h37.137c2.036 0 3.28 1.358 3.28 3.19v1.176c0 1.832-1.244 3.19-3.28 3.19ZM27.911 56c.972 0 1.809-.792 1.809-1.742v-7.463l-.158-3.8l1.945 2.036l2.94 2.94c.362.34.792.543 1.244.543c.95 0 1.651-.656 1.651-1.606c0-.52-.204-.905-.588-1.267l-7.532-7.011c-.475-.43-.836-.588-1.311-.588c-.453 0-.837.158-1.312.588l-7.51 7.011c-.406.362-.61.747-.61 1.267c0 .95.679 1.606 1.651 1.606c.453 0 .905-.204 1.244-.543l2.94-2.94l1.946-2.036l-.136 3.8v7.463c0 .95.814 1.742 1.787 1.742"/></svg>

Rectangle Compress Vertical アイコンの使い方

React

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

<Icon icon="f7:rectangle-compress-vertical" width="24" />

Vue

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

<template>
  <Icon icon="f7:rectangle-compress-vertical" width="24" />
</template>

Svelte

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

<Icon icon="f7:rectangle-compress-vertical" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--rectangle-compress-vertical]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:rectangle-compress-vertical"></div>

Web コンポーネント

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

<iconify-icon icon="f7:rectangle-compress-vertical"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/f7/rectangle-compress-vertical.svg" alt="Rectangle Compress Vertical アイコン" width="24" height="24">

Framework7 Icons の関連アイコン

Rectangle Compress Vertical アイコンのよくある質問

Rectangle Compress Vertical アイコンは商用利用でも無料ですか?

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

React で Rectangle Compress Vertical アイコンを使うには?

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

Rectangle Compress Vertical アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/rectangle-compress-vertical.svg" alt="Rectangle Compress Vertical アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Framework7 Icons をすべて見る →