ICONYZ
日本語
Flex free icons の Line Arrow Expand Remix アイコン

Line Arrow Expand Remix アイコン

streamline-flex:line-arrow-expand-remix

Line Arrow Expand Remix アイコン(streamline-flex:line-arrow-expand-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、arrowexpand、expandremix、linearrowexpandremix
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="M3 1.25c.536 0 1.092.107 1.802.343A.625.625 0 1 0 5.197.407C4.407.144 3.713 0 3 0S1.592.144.802.407a.63.63 0 0 0-.395.396C.144 1.593 0 2.287 0 3s.144 1.408.407 2.198a.625.625 0 1 0 1.186-.396C1.356 4.092 1.25 3.537 1.25 3c0-.255.024-.514.075-.792l3.233 3.234a.625.625 0 1 0 .884-.884L2.21 1.325c.277-.05.536-.075.79-.075m8 0c-.537 0-1.092.107-1.802.343A.625.625 0 0 1 8.802.407C9.592.144 10.287 0 11 0c.709 0 1.399.142 2.183.403a.62.62 0 0 1 .414.413C13.857 1.6 14 2.29 14 3c0 .713-.144 1.408-.407 2.198a.625.625 0 1 1-1.186-.396c.236-.71.343-1.265.343-1.802c0-.255-.024-.514-.075-.791L9.442 5.442a.625.625 0 1 1-.884-.884l3.233-3.233A4.4 4.4 0 0 0 11 1.25M5.442 9.442a.625.625 0 0 0-.884-.884l-3.233 3.234A4.4 4.4 0 0 1 1.25 11c0-.537.106-1.093.343-1.803a.625.625 0 1 0-1.186-.395C.144 9.592 0 10.286 0 11c0 .713.144 1.407.407 2.197a.63.63 0 0 0 .395.396C1.592 13.856 2.287 14 3 14s1.407-.144 2.197-.407a.625.625 0 1 0-.395-1.186c-.71.236-1.266.343-1.802.343c-.255 0-.514-.024-.791-.075zm4-.884a.625.625 0 1 0-.884.884l3.233 3.233a4.4 4.4 0 0 1-.792.075c-.536 0-1.092-.107-1.802-.343a.625.625 0 1 0-.395 1.185c.79.264 1.484.408 2.197.408c.708 0 1.397-.142 2.18-.401a.62.62 0 0 0 .422-.43c.258-.778.398-1.465.398-2.17c0-.713-.144-1.407-.407-2.197a.625.625 0 1 0-1.186.395c.237.71.343 1.266.343 1.803c0 .254-.024.513-.074.79z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:line-arrow-expand-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-expand-remix"></iconify-icon>

HTML 画像

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

Flex free icons の関連アイコン

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

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

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

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

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

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

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

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

Flex free icons をすべて見る →