Arrow Transfer Horizontal Square Solid アイコン
streamline-plump:arrow-transfer-horizontal-square-solid
Arrow Transfer Horizontal Square Solid アイコン(streamline-plump:arrow-transfer-horizontal-square-solid)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- arrowtransfer、transferhorizontal、horizontalsquare、squaresolid、arrowtransferhorizontalsquaresolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M24 1.5c7.401 0 12.593.278 15.864.544c3.288.267 5.825 2.804 6.092 6.092c.266 3.271.544 8.463.544 15.864s-.278 12.593-.544 15.864c-.267 3.288-2.804 5.825-6.092 6.092c-3.271.266-8.463.544-15.864.544s-12.593-.278-15.864-.544c-3.288-.267-5.825-2.804-6.092-6.092C1.778 36.593 1.5 31.401 1.5 24s.278-12.593.544-15.864C2.31 4.848 4.848 2.31 8.136 2.044C11.407 1.778 16.599 1.5 24 1.5m1.452 12.034c.062-.68.188-1.737.443-3.238a1.437 1.437 0 0 1 2.3-.902c3.728 2.866 6.096 5.312 8.386 8.613c.276.398.419.873.419 1.358c0 .875-.69 1.594-1.564 1.612c-2.29.045-4.878.015-7.477-.015a601 601 0 0 0-3.958-.036c-4.247-.017-8.019-.01-10.174-.003c-1.205.004-2.368-.557-2.655-1.728a5.7 5.7 0 0 1-.171-1.252a5.3 5.3 0 0 1 .167-1.383c.285-1.116 1.418-1.654 2.57-1.69l10.685-.34c.54-.016.98-.458 1.029-.996m-3.347 24.17c.255-1.501.38-2.559.443-3.238c.05-.538.49-.98 1.03-.997l10.685-.339c1.151-.036 2.284-.574 2.569-1.69c.11-.43.175-.901.167-1.383a5.7 5.7 0 0 0-.171-1.252c-.287-1.17-1.45-1.732-2.655-1.728c-2.155.007-5.927.014-10.174-.003a533 533 0 0 1-3.959-.036c-2.598-.03-5.187-.06-7.476-.015A1.603 1.603 0 0 0 11 28.636c0 .485.143.96.42 1.358c2.289 3.3 4.657 5.747 8.386 8.613a1.437 1.437 0 0 0 2.3-.902" clip-rule="evenodd"/></svg>
Arrow Transfer Horizontal Square Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:arrow-transfer-horizontal-square-solid" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:arrow-transfer-horizontal-square-solid" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:arrow-transfer-horizontal-square-solid" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--arrow-transfer-horizontal-square-solid]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:arrow-transfer-horizontal-square-solid"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:arrow-transfer-horizontal-square-solid"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/arrow-transfer-horizontal-square-solid.svg" alt="Arrow Transfer Horizontal Square Solid アイコン" width="24" height="24">
Arrow Transfer Horizontal Square Solid アイコン のよくある質問
Arrow Transfer Horizontal Square Solid アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Arrow Transfer Horizontal Square Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:arrow-transfer-horizontal-square-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Arrow Transfer Horizontal Square Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/arrow-transfer-horizontal-square-solid.svg" alt="Arrow Transfer Horizontal Square Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Plump free icons をすべて見る →
