Moveinsync アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:moveinsync

Moveinsync アイコン(arcticons:moveinsync)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m36.173 7.699l-.333 1.432l-.145.62h-9.457c-8.238 0-9.508.009-9.845.073a5.24 5.24 0 0 0-4.007 3.592c-.067.213-.443 1.754-.835 3.423l-1.046 4.442c-.451 1.908-.502 2.198-.468 2.67c.064.88.342 1.508.926 2.093c.302.302.48.435.766.573c.699.334.312.318 7.788.32h6.753l.06-.279c.146-.675.553-2.417.568-2.435c.02-.024.228.174 3.235 3.073c1.328 1.28 2.415 2.342 2.415 2.357s-.104.093-.23.172c-.127.08-1.962 1.285-4.079 2.68c-2.116 1.394-3.847 2.506-3.847 2.47s.13-.613.291-1.285s.291-1.248.291-1.28c0-.046-1.257-.056-5.632-.046c-3.097.007-5.631-.004-5.631-.025c0-.02.15-.666.332-1.435s.308-1.389.279-1.377c-.053.02-.527.33-4.277 2.798c-1.122.738-2.603 1.71-3.292 2.16l-1.253.817l.136.144c.358.38 5.941 5.668 5.984 5.668c.017 0 .167-.595.335-1.323c.167-.727.325-1.372.349-1.431l.044-.109L22 38.238l9.651-.012l.373-.107a5.48 5.48 0 0 0 3.068-2.212c.514-.774.587-1.001 1.359-4.236l.56-2.355l.738-3.083c.329-1.363.351-1.492.353-2.014c.005-1.358-.627-2.412-1.75-2.921c-.647-.293-.338-.282-7.787-.283H21.74l-.308 1.322c-.17.728-.316 1.34-.327 1.36c-.01.019-.896-.8-1.967-1.821a1529 1529 0 0 0-2.813-2.677c-.476-.45-.866-.835-.866-.855s1.126-.776 2.501-1.68l4.065-2.675c.86-.565 1.57-1.022 1.578-1.015c.007.008-.118.568-.278 1.245s-.292 1.26-.292 1.295c0 .05 1.06.062 5.632.062c5.331 0 5.632.005 5.632.085c0 .047-.144.682-.32 1.412s-.31 1.337-.297 1.35c.012.012.402-.226.866-.53c2.969-1.949 4.601-3.018 6.17-4.042c.98-.64 1.784-1.176 1.785-1.192s-.681-.672-1.515-1.457s-2.199-2.077-3.033-2.872s-1.535-1.444-1.555-1.444s-.122.366-.225.813m.291-.449c-.028.075-.613 2.571-.613 2.619c0 .015-4.233.027-9.407.027c-10.102 0-9.913-.004-10.648.244a5.16 5.16 0 0 0-3.159 3.063c-.082.224-.494 1.87-.915 3.66c-.422 1.789-.928 3.92-1.124 4.734l-.358 1.48l.002.704c0 .638.013.737.128 1.051c.322.876.986 1.52 1.885 1.827l.316.108l6.775.013l6.777.013l.333-1.458c.183-.803.349-1.453.369-1.446s1.154 1.095 2.52 2.417a992 992 0 0 0 2.979 2.872c.438.417.484.477.42.542c-.04.04-1.144.776-2.452 1.635a2522 2522 0 0 0-5.074 3.336c-.547.36-1.02.666-1.051.679c-.042.016-.045-.027-.013-.164l.336-1.42c.16-.678.291-1.24.291-1.25c0-.008-2.534-.016-5.632-.016c-4.727 0-5.631-.01-5.631-.066c0-.036.13-.618.29-1.293c.161-.675.292-1.244.292-1.266c0-.021-1.185.74-2.634 1.694s-2.961 1.948-3.362 2.21c-1.983 1.299-2.283 1.5-2.296 1.534c-.02.058 5.62 5.444 5.704 5.446c.04 0 .07-.116.431-1.667l.235-1.007l9.712-.013l9.713-.013l.437-.135c1.452-.45 2.597-1.4 3.229-2.68c.258-.524.392-.952.652-2.088c.092-.4.575-2.433 1.074-4.516c.843-3.515.91-3.827.93-4.345c.027-.663-.05-1.064-.304-1.58c-.325-.657-.907-1.157-1.649-1.416l-.388-.135l-6.85-.014l-6.849-.013l-.3 1.276a95 95 0 0 0-.33 1.433c-.017.087-.044.158-.062.158c-.03 0-.887-.81-4.756-4.487c-1.01-.96-1.26-1.222-1.21-1.267c.034-.031.97-.652 2.078-1.38l4.266-2.8c1.238-.813 2.262-1.47 2.274-1.457s-.121.632-.297 1.378s-.32 1.37-.32 1.387c0 .018 2.546.032 5.657.032h5.657l-.027.11c-.166.669-.598 2.536-.59 2.545c.007.006.317-.19.69-.436c1.771-1.17 7.207-4.725 7.47-4.887l.19-.117l-.286-.267c-.328-.305-3.294-3.11-4.615-4.364c-.628-.596-.89-.816-.91-.764"/></svg>

Moveinsync アイコンの使い方

React

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

<Icon icon="arcticons:moveinsync" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:moveinsync" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:moveinsync" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--moveinsync]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:moveinsync"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:moveinsync"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/moveinsync.svg" alt="Moveinsync アイコン" width="24" height="24">

Moveinsync アイコンのよくある質問

Moveinsync アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Moveinsync アイコンを使うには?

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

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

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

Arcticons をすべて見る →