Move Horizontal Outline アイコン

Q: Move Horizontal Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:move-horizontal-outline

Move Horizontal Outline アイコン(solar:move-horizontal-outline)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 矢印（アクション）
タグ: movehorizontal、horizontaloutline、movehorizontaloutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.4707 7.32823C17.7636 7.03552 18.2384 7.03546 18.5312 7.32823L22.6729 11.4698C22.9654 11.7627 22.9655 12.2376 22.6729 12.5304L18.5312 16.672C18.2385 16.9648 17.7636 16.9645 17.4707 16.672C17.1779 16.3791 17.1778 15.9043 17.4707 15.6114L20.332 12.7501H3.66895L6.53027 15.6114C6.82278 15.9043 6.82289 16.3792 6.53027 16.672C6.23749 16.9648 5.76265 16.9645 5.46973 16.672L1.32812 12.5304C1.18752 12.3898 1.10747 12.1989 1.10742 12.0001C1.10743 11.8012 1.18748 11.6105 1.32812 11.4698L5.46973 7.32823C5.76263 7.03549 6.23743 7.0354 6.53027 7.32823C6.82278 7.6211 6.8229 8.09598 6.53027 8.38878L3.66895 11.2501H20.332L17.4707 8.38878C17.1779 8.09588 17.1778 7.6211 17.4707 7.32823Z"/></svg>

Move Horizontal Outline アイコンの使い方

React

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

<Icon icon="solar:move-horizontal-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:move-horizontal-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:move-horizontal-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--move-horizontal-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:move-horizontal-outline"></div>

Web コンポーネント

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

<iconify-icon icon="solar:move-horizontal-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/move-horizontal-outline.svg" alt="Move Horizontal Outline アイコン" width="24" height="24">

Solar の関連アイコン

Move Horizontal Outline アイコンのよくある質問

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

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Move Horizontal Outline アイコンを使うには?

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

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

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

Solar アイコンをすべて見る →