Move Cross Over アイコン
streamline-freehand:move-cross-over
Move Cross Over アイコン(streamline-freehand:move-cross-over)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 基本インターフェース
- タグ
- movecross、crossover、movecrossover
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M17.73 6.767c.05 0 4.005-4.196 4.676-5.007a13 13 0 0 1-.12 1.622c-.16 1.442-.41 3.054-.46 3.695a.32.32 0 0 0 .515.295a.3.3 0 0 0 .115-.215c.14-.72.761-2.673 1.001-4.235c.15-.703.15-1.43 0-2.133a1.14 1.14 0 0 0-.77-.721c-.362-.09-.74-.09-1.102 0q-.778.17-1.532.42c-.751.24-1.492.511-2.203.781c-.22.08-.59.12-.891.23a1.3 1.3 0 0 0-.501.281a.361.361 0 0 0 .5.52a.7.7 0 0 1 .321-.1c.3-.05.621-.07.831-.13c.601-.16 1.222-.32 1.853-.46c.63-.14 1.241-.28 1.842-.37h.1S18.12 5.073 17.05 6.015c-1.072.941-2.684 2.453-4.446 4.155a193 193 0 0 0-4.306 4.296c-3.605 3.715-7.01 7.47-8.19 9.012a.32.32 0 0 0 .5.4c.62-.74 1.822-2.002 3.334-3.494c1.232-1.232 2.684-2.623 4.166-4.065l2.764-2.734c1.201-1.192 2.373-2.353 3.434-3.425c1.372-1.332 2.554-2.543 3.425-3.394M3.07 4.013c.36.4.741.811 1.132 1.212s.78.79 1.191 1.131c1.002.941 2.063 1.783 2.934 2.514a.322.322 0 0 0 .45-.461a103 103 0 0 0-2.943-3.274A81 81 0 0 0 3.98 3.272C2.89 2.201 1.868 1.249 1.218.498a.37.37 0 0 0-.511-.07a.37.37 0 0 0-.06.51A33 33 0 0 0 3.07 4.014m20.868 17.583c-.06-1.312-.33-3.425-.48-4.386a.36.36 0 0 0-.401-.32a.35.35 0 0 0-.32.39c0 .61.05 1.682.05 2.713v1.452c-.691-.82-1.943-2.052-2.644-2.833c-.43-.481-.891-.952-1.352-1.392c-.46-.44-1.001-.882-1.472-1.292l-2.603-2.103a.362.362 0 1 0-.481.54l2.373 2.364c.45.43.881.891 1.332 1.352c.45.46.881.911 1.342 1.362c.82.8 2.173 1.922 3.114 2.763h-.13c-5.167.2-8.391-.11-8.652.37c-.17.311 1.122.201 6.74.712c.916.104 1.84.138 2.763.1a.94.94 0 0 0 .781-.47a5 5 0 0 0 .04-1.322" clip-rule="evenodd"/></svg>Move Cross Over アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:move-cross-over" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:move-cross-over" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:move-cross-over" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--move-cross-over]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:move-cross-over"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:move-cross-over"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/move-cross-over.svg" alt="Move Cross Over アイコン" width="24" height="24">Freehand free icons の関連アイコン
他のアイコンセットの Move Cross Over アイコン
Move Cross Over アイコン のよくある質問
Move Cross Over アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Move Cross Over アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:move-cross-over" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Move Cross Over アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/move-cross-over.svg" alt="Move Cross Over アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。