ICONYZ
日本語
Vesper Icons の File Move O アイコン

File Move O アイコン

vs:file-move-o

File Move O アイコン(vs:file-move-o)は、Vesper Icons セットの無料 SVG アイコンです(作者: TableCheck)。 1856 × 1536 のグリッドで描かれています。 Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Vesper Icons
作者
TableCheck
ライセンス
OFL-1.1
サイズ
1856 × 1536
タグ
filemove、moveo、filemoveo
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1856" height="1536" viewBox="0 0 1856 1536"><path fill="currentColor" d="M672 768h736V544q0-9 5-17q3-7 14-12q10-3 18-2q10 2 17 7l384 353q6 6 7 10q3 6 3 13t-3 13q-1 5-7 11l-384 351q-6 6-17 8q-8 1-18-2q-9-4-14-11q-5-8-5-18v-224H672q-15-2-23-10q-9-8-9-22V800q0-14 9-23t23-9M0 544v896q0 25 13 49q14 21 35 34q20 13 48 13h1088q27 0 49-13q21-13 34-34q13-22 13-49v-320h-128v288H128V640h416q27 0 49-13q21-13 34-34q13-22 13-49V128h512v544h128V96q0-28-13-48q-13-21-34-35q-24-13-49-13H544q-26 0-58 9q-27 8-59 25q-29 16-47 34L68 380q-22 23-34 47q-15 28-24 59q-10 30-10 58m512-32H136q4-11 11-24q6-12 11-17l313-313q4-4 17-12q21-9 24-10z"/></svg>

File Move O アイコンの使い方

React

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

<Icon icon="vs:file-move-o" width="24" />

Vue

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

<template>
  <Icon icon="vs:file-move-o" width="24" />
</template>

Svelte

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

<Icon icon="vs:file-move-o" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--file-move-o]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:file-move-o"></div>

Web コンポーネント

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

<iconify-icon icon="vs:file-move-o"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vs/file-move-o.svg" alt="File Move O アイコン" width="24" height="24">

Vesper Icons の関連アイコン

File Move O アイコン のよくある質問

File Move O アイコンは商用利用でも無料ですか?

はい。Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で File Move O アイコンを使うには?

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

File Move O アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vs/file-move-o.svg" alt="File Move O アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Vesper Icons をすべて見る →