Move Horizontal Bold Duotone アイコン

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

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

solar:move-horizontal-bold-duotone

Move Horizontal Bold Duotone アイコン(solar:move-horizontal-bold-duotone)は、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、horizontalbold、boldduotone、movehorizontalboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22.1426 11.25C22.5565 11.2503 22.8925 11.586 22.8926 12C22.8926 12.4141 22.5566 12.7497 22.1426 12.75H1.8584C1.44419 12.75 1.10742 12.4142 1.10742 12C1.10742 11.5858 1.44419 11.25 1.8584 11.25H22.1426Z" opacity=".5"/><path d="M5.46973 7.32824C5.76263 7.0355 6.23743 7.03541 6.53027 7.32824C6.82278 7.6211 6.8229 8.09599 6.53027 8.38878L2.91895 12.0001L6.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.199 1.10742 12.0001C1.10743 11.8012 1.18748 11.6105 1.32812 11.4698L5.46973 7.32824Z"/><path d="M17.4707 7.32824C17.7636 7.0355 18.2384 7.03539 18.5312 7.32824L22.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.1778 16.3791 17.1778 15.9043 17.4707 15.6114L21.082 12.0001L17.4707 8.38878C17.1778 8.09589 17.1778 7.62113 17.4707 7.32824Z"/></g></svg>

Move Horizontal Bold Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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