Line Arrow Move Remix アイコン

Q: Line Arrow Move Remix アイコンは商用利用でも無料ですか?

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

streamline-flex:line-arrow-move-remix

Line Arrow Move Remix アイコン(streamline-flex:line-arrow-move-remix)は、Flex free icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Flex free icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 14 × 14
カテゴリ: 基本インターフェース
タグ: linearrow、arrowmove、moveremix、linearrowmoveremix

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M7.152.268a.6.6 0 0 0-.304 0c-.64.16-1.247.548-1.694.995c-.427.428-.82 1.026-.82 1.654a.625.625 0 1 0 1.25 0c0-.137.117-.433.455-.77q.156-.156.336-.287v4.515H1.86q.13-.18.286-.336c.338-.338.634-.455.771-.455a.625.625 0 1 0 0-1.25c-.628 0-1.227.393-1.654.82c-.447.447-.835 1.054-.995 1.694a.6.6 0 0 0 0 .304c.16.64.548 1.247.995 1.693c.427.428 1.026.821 1.654.821a.625.625 0 1 0 0-1.25c-.137 0-.433-.117-.77-.455a3 3 0 0 1-.287-.336h4.515v4.515a3 3 0 0 1-.336-.286c-.338-.338-.455-.634-.455-.771a.625.625 0 1 0-1.25 0c0 .628.393 1.226.82 1.654c.447.447 1.054.834 1.694.995q.152.037.304 0c.64-.16 1.247-.548 1.693-.995c.428-.428.821-1.026.821-1.654a.625.625 0 1 0-1.25 0c0 .137-.117.433-.455.77q-.156.156-.336.287V7.625h4.515q-.13.18-.286.336c-.339.338-.634.455-.771.455a.625.625 0 1 0 0 1.25c.628 0 1.226-.393 1.654-.82c.447-.447.834-1.054.994-1.694a.6.6 0 0 0 0-.304c-.16-.64-.547-1.247-.994-1.693c-.428-.428-1.026-.821-1.654-.821a.625.625 0 1 0 0 1.25c.137 0 .432.117.77.455q.156.156.287.336H7.625V1.86q.18.13.336.286c.338.338.455.634.455.771a.625.625 0 1 0 1.25 0c0-.628-.393-1.226-.82-1.654C8.398.816 7.791.429 7.151.268" clip-rule="evenodd"/></svg>

Line Arrow Move Remix アイコンの使い方

React

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

<Icon icon="streamline-flex:line-arrow-move-remix" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:line-arrow-move-remix" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:line-arrow-move-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--line-arrow-move-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:line-arrow-move-remix"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-flex:line-arrow-move-remix"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-flex/line-arrow-move-remix.svg" alt="Line Arrow Move Remix アイコン" width="24" height="24">

Flex free icons の関連アイコン

他のアイコンセットの Line Arrow Move Remix アイコン

Line Arrow Move Remix アイコンのよくある質問

Line Arrow Move Remix アイコンは商用利用でも無料ですか?

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

React で Line Arrow Move Remix アイコンを使うには?

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

Line Arrow Move Remix アイコンをウェブページに追加するには?

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

Flex free icons をすべて見る →