Flip Vertical Linear アイコン

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

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

solar:flip-vertical-linear

Flip Vertical Linear アイコン(solar:flip-vertical-linear)は、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
カテゴリ: ツール
タグ: flipvertical、verticallinear、flipverticallinear

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M5.88616 2L18.1134 2C19.8156 2 20.6666 2 20.9458 2.54242C21.2249 3.08484 20.7302 3.77738 19.7409 5.16247L18.6114 6.74372C18.1715 7.35957 17.9516 7.6675 17.6285 7.83375C17.3055 8 16.927 8 16.1702 8L7.82935 8C7.07252 8 6.6941 8 6.37105 7.83375C6.048 7.6675 5.82805 7.35957 5.38815 6.74372L4.2587 5.16248C3.26934 3.77738 2.77467 3.08484 3.05381 2.54242C3.33294 2 4.18402 2 5.88616 2Z"/><path d="M5.88616 22L18.1134 22C19.8156 22 20.6666 22 20.9458 21.4576C21.2249 20.9152 20.7302 20.2226 19.7409 18.8375L18.6114 17.2563C18.1715 16.6404 17.9516 16.3325 17.6285 16.1662C17.3055 16 16.927 16 16.1702 16L7.82935 16C7.07252 16 6.69411 16 6.37105 16.1662C6.048 16.3325 5.82805 16.6404 5.38815 17.2563L4.2587 18.8375C3.26934 20.2226 2.77467 20.9152 3.05381 21.4576C3.33294 22 4.18402 22 5.88616 22Z"/><path stroke-linecap="round" d="M10 12L14 12"/><path stroke-linecap="round" d="M18 12L22 12"/><path stroke-linecap="round" d="M2 12L6 12"/></g></svg>

Flip Vertical Linear アイコンの使い方

React

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

<Icon icon="solar:flip-vertical-linear" width="24" />

Vue

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

<template>
  <Icon icon="solar:flip-vertical-linear" width="24" />
</template>

Svelte

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

<Icon icon="solar:flip-vertical-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--flip-vertical-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:flip-vertical-linear"></div>

Web コンポーネント

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

<iconify-icon icon="solar:flip-vertical-linear"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/flip-vertical-linear.svg" alt="Flip Vertical Linear アイコン" width="24" height="24">

Solar の関連アイコン

Flip Vertical Linear アイコンのよくある質問

Flip Vertical Linear アイコンは商用利用でも無料ですか?

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

React で Flip Vertical Linear アイコンを使うには?

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

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

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

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