Flownib アイコン

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

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:flownib

Flownib アイコン(thesvg-color:flownib)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 806 × 582 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 806 × 582

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="806" height="582" viewBox="0 0 806 582"><defs><linearGradient id="SVGaNCgFuVd" x1="120" x2="730" y1="520" y2="60" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7b2cff"/><stop offset=".48" stop-color="#4d49ff"/><stop offset="1" stop-color="#087bff"/></linearGradient></defs><g fill="url(#SVGaNCgFuVd)" fill-rule="evenodd"><path d="M739 61h-2l-1-1v-1h-1l-1-1v-1l-1-1h-1l-3-3v-1h-3l-1-1h-2l-1-1h-2l-1-1h-2l-1-1h-11l-1 1h-6l-2 2h-2l-1 1h-2l-3 2h-3l-1 1h-2l-2 2h-2l-1 1h-3l-2 2h-4l-5 3h-2l-2 2h-3l-1 1h-3l-5 3h-3l-3 2h-2l-1 1h-2l-1 1h-5l-1 1h-1v1l-1 1h-3l-1 1h-4l-1 1h-1l-5 3h-2l-3 2h-3l-1 1h-2l-5 3h-4l-2 2h-4v1l-1 1h-3l-2 2h-8v1l-1 1h-1l-2 2h-2l-1 1h-3l-2 2h-5l-1 1h-2v1l-1 1h-2l-1 1h-3l-2 2h-5l-2 2h-1l-1 1h-4l-6 4h-3l-2 2h-3l-1 1h-5v1l-3 2h-4l-2 2h-3l-3 2h-3l-2 2h-2l-1 1h-1l-1 1h-2l-3 2h-4l-2 2h-2l-1 1h-4l-5 3h-2l-1 1h-2l-1 1h-2l-1 1h-2l-3 2h-3l-1 1h-1l-5 3h-3l-1 1h-3l-1 1h-4l-1 1h-1v1l-1 1h-3l-1 1h-3l-1 1h-3v1l-1 1h-1l-3 2h-2l-1 1h-4l-1 1h-2l-1 1h-3v1l-1 1h-2l-1 1h-3v1l-1 1h-4l-3 2h-3l-2 2h-4l-1 1h-2l-1 1h-2l-2 2h-3l-2 2h-4l-1 1h-3v1l-3 2h-4l-2 2h-2l-1 1h-4l-1 1h-2l-1 1h-1l-2 2h-4l-3 2h-4l-1 1h-1l-2 2h-2l-1 1h-4v1l-2 2h-4l-3 2h-5l-2 2h-4v1l-1 1h-3l-2 2h-2l-3 2h-3l-1 1h-2l-1 1h-2l-1 1h-3l-3 2h-2l-1 1h-2l-1 1h-1l-2 2h-2l-1 1h-2l-4 4h-1l-2 2h-1l-1 3l-3 3v1l-2 2h-1v3l-2 3v3l-1 1v17l1 1v1l1 1v1l3 5v2h1l4 4l1 3h1l1 1v2h3l5 3h2l1 1h1l2 2h3l1 1h2l1 1v1h2l3 2h3l1 1h3l1 1h2l1 1v1h2l1 1h3l2 2h5l2 2h4l2 2h2l1 1h2l3 2h3l1 1h2l2 2h3l2 2v1h1l1-1h2l1 1h1l1 1h2l2 2h2l1 1h4l1 1h4l1 1h13l1 1h3l1-1h7l1-1h6l3-2h2l1-1h2l1-1h2l4-4h2l6-6h1l2-2h2v-1l2-2h1l1-1h3v-2l2-2h1l2-2l3-1l3-3h2l2-2l3-1v-1l3-3h2v-1l1-1h1l2-3h2l1-1h1v-1l2-2h2l1-1h1v-1l5-4h4v-2l1-1h1l2-2h1v-1l2-2h1l1-1h4v-1l1-1h1v-1l1-1h1v-1l1-1h1l1-1h2l1-1l3-1l1-3l2-2h2v-1l1-1h1l3-3l3-1v-1l2-2h2l2-2h1l4-4h1l2-2h1l1-1h1l2-2h1v-1l1-1h1l3-2h2l5-5h1v-1l1-1h2v-1l2-2h4v-1l5-5h1l2-2h1l3-3h2l1-1h2v-1l1-1h2v-1l2-3h1l5-4h1l1-1h2v-2l1-1l3-1l3-3l3-1v-1l1-1h2l1-1h3v-1l3-3l3-1v-1l1-1h1v-1l2-2h1l2-2h1l3-3l3-1l3-3h1l1-1h7l2 2v4l-1 1h-1v3l-2 2h-1l-2 2h-1v1l-2 2h-2l-1 1l-1 3l-1 1h-1l-2 2h-1v1l-4 4h-1l-7 7h-1l-3 3h-3v2l-6 6h-1v1l-1 1h-1v1l-2 2h-1l-1 1h-1l-2 2h-1l-1 1v2l-2 2h-1l-1 1h-2l-1 3l-2 2h-1l-2 2v1l-1 1h-1l-1 1h-2l-1 1v2l-1 1h-1l-1 1l-3 1v2l-1 1h-4v3l-3 2h-2v3l-1 1h-2v1l-2 2v2l-1 1h-1l-4 4l-3 1v1l-11 11h-1v1l-1 1h-1v1l-3 3h-2l-1 1v1l-2 3h-1l-1 1l-3 1l-2 2v1l-2 2h-1v1l-2 2h-1v1l-3 3h-2v2l-1 1h-1l-3 3h-1v1l-1 1h-1v2l-1 1h-1l-2 2h-1l-4 4h-1l-1 1v1l-3 3h-1l-2 2h-2v2l-1 1h-2v1l-3 3h-1l-2 2v1l-3 2v1l-1 1l-6 2v2l-1 1l-1 3l-2 2h-2v5l-1 1v2l-1 1h-1v4l-1 1v13l1 1v2l1 1v4l1 1v2h1l1 1v1l3 5v2l3 3v5l1 1v1h1l1 1v1l2 3v2h1l1 1v2l2 3v2h1l2 2v2l1 1v2l1 1v1l2 2v2l2 3v2l3 3v1l2 3v4h1l3 3v1l1 1v2l4 6v2l1 1v2l1 1v2h1l1 1v1l2 3v3l1 1v2h1l1 1l1 3l1 1h1l2 2v1l4 4h1l3 2h2l4 4h2l1 1h3l1 1h2l1 1h6l1 1h13l1-1h5l1-1h4l1-1h5l1-1h2v-1l3-3h2l2-2h2l1-1h1v-1l2-2v-1l1-1h1v-1l1-1l3-1v-2l1-1h1v-3l1-1v-2l4-5v-2l2-3v-3l1-1h2v-5l1-1l1-3l1-1h2v-5l1-1l1-3l2-2v-2l1-1v-1l2-2v-3l2-2h1v-4l1-1l1-3l1-1h1v-1l1-1v-3l2-3v-2l2-2v-1l1-1h1v-3l1-1v-2l1-1v-1l2-2v-2l3-3v-1l1-1v-4l1-1v-1l1-1l1-3l2-2v-2l1-1v-1l3-3v-3l1-1h1v-4l1-1v-2l3-3v-2l2-2v-1l1-1v-2l2-3v-2l1-1l1-3l1-1h1v-2l1-1v-2l2-3v-2l1-1v-1l2-2v-2l1-1v-1l1-1h1v-1l1-1v-4l2-2v-1l1-1v-2l3-3v-3l2-2v-2l1-1v-2l2-2h1v-1l2-2v-2l1-1v-2l1-1v-3l4-6v-3l2-2v-1l3-5v-2l1-1h1v-3l3-3v-4l2-2v-2l2-2h1v-4l1-1v-1l1-1h1v-1l1-1v-3l2-2v-3l4-4v-3l1-1v-2l2-2v-2l2-2v-1l1-1v-2l1-1l1-3l2-2v-1l3-5v-3l2-3v-2l1-1l1-3l2-2v-1l1-1v-3l2-3h2v-5l2-2v-1l1-1v-2l1-1v-2l1-1h1v-3l1-1l1-3l2-2v-2l1-1v-2l2-3v-2l2-2v-2l2-2v-2l1-1v-1l1-1h1v-4l2-2v-2l1-1v-1l2-2v-2l2-2v-2l1-1v-2l1-1h1v-3l2-2v-1l2-3V69l-1-1Z"/><path d="M323 374h-2l-2-2h-1l-3-3h-12l-1 1h-1l-2 2h-4v1l-2 2h-3v1l-3 3h-2l-1 1h-1v1l-2 2h-1l-3 3h-1l-2 2h-2v1l-1 1h-2l-1 1h-1v1l-1 1h-1l-1 1l-3 1l-2 2h-2v2l-2 2h-1l-1 1h-1l-2 2h-1l-1 1l-3 1l-4 4h-2l-2 2l-3 1v1l-1 1h-1l-3 3h-1l-1 1h-2v1l-2 2h-3l-3 3h-2l-2 2h-1v1l-2 2h-1v1l-1 1l-3 1l-3 3h-2l-3 3l-3 1l-3 3h-2l-1 1h-2v1l-1 1h-1l-1 1h-2v2l-1 1h-3v1l-4 4h-2l-3 3l-3 1v1l-1 1h-3l-1 1v1l-1 1l-3 1v1l-2 2h-2l-1 1h-2v1l-2 2h-1l-2 2h-1l-1 1h-3v1l-3 3h-1v1l-1 1l-3 1l-3 3h-3v4l-1 1v13h1l4 4h1l2 2h2l1 1h12l1-1h1l3-3h1l2-2h1v-1l1-1h1l1-1h5l1-1v-3l1-1l3-1l5-4l3-1l2-2h1v-1l1-1h3v-1l1-1h2l1-1h1v-1l2-2h1l1-1h2v-1l1-1h1v-1l1-1h1l3-2h3v-2l2-2h1l1-1h1l1-1l3-1l2-3l3-1l5-4h2v-1l1-1h2v-1l1-1h1l2-2h2l4-4h1l1-1h2v-1l1-1h1l2-2h1l1-1h4v-2l3-3h1l3-2h2v-1l2-2l3-1v-1l1-1h3l2-2h2v-1l2-2h1l5-4h3v-2l1-1h1l2-2h1l2-2h1v-1l1-1h3l4-4h1l2-2h5v-3l1-1h1l3-2h2v-1l2-2h1l1-1h2v-4l2-2v-5l-1-1v-6l-1-1Z"/><path d="m240 333l-1-1h-1l-2-2h-1l-2-2h-12l-3 2h-3l-1 1h-1v1l-2 2h-1l-3 3h-3v1l-2 2h-1l-3 2h-2l-3 3h-1l-1 1h-2l-1 1h-1l-2 2h-2v1l-3 3h-3v1l-1 1h-4v1l-2 2h-1l-5 4h-1l-1 1h-4v1l-2 2h-2v1l-5 4h-2l-1 1h-3l-1 1h-1v1l-1 1h-1l-3 3h-2l-3 3h-1l-1 1l-3 1l-2 2h-3v1l-2 2h-3l-4 4h-1l-1 1h-3v2l-1 1h-2l-1 1h-2v1l-1 1h-1l-2 2h-1l-1 1h-2l-2 2h-2l-1 1h-2v1l-2 2h-1l-2 2h-1l-1 1h-2l-2 2v1l-2 2v1l-2 3v7l1 1l1 3l2 2v2h1l1 1h3l3 2h7l1-1h2l1-1h4l1-1h2v-1l2-2h1l1-1h2v-1l2-2h1l1-1h2l1-1h3v-1l1-1h1l1-1h1l2-2l3-1l3-3h1l3-2h3v-1l1-1h1l2-2h3l2-3h3l2-3h3l1-1h2v-1l3-3h1l2-2h2v-1l1-1h1l1-1h2l2-2h2v-1l2-2h2l2-2h2l2-2h2l5-4h3v-1l1-1h3v-1l1-1h1l5-4h2l2-2h4l2-2h1v-1l4-4h3l1-1h1l3-3h2l1-1h1l5-4h3v-1l3-5v-2l2-3v-2l-1-1v-3l-1-1v-1l-1-1Z"/><path d="m372 446l-4-4v-1l-1-1h-1l-2-2v-1h-3l-1-1h-10l-1 1h-1l-1 1l-3 1l-2 2h-1v1l-1 1h-2v1l-3 3h-1l-1 1h-2l-1 1v1l-2 2h-1l-7 6h-1l-1 1l-3 1l-7 7l-3 1v1l-2 2l-3 1l-3 3l-3 1l-4 4h-1l-2 2h-2v1l-1 1h-1v1l-2 2h-2l-2 2h-1v1l-2 2h-2v1l-1 1h-2v1l-1 1h-1l-2 2h-2v1l-3 3l-3 1l-1 3l-1 1h-1v2l-1 1v5l1 1v7l1 1h2l1 1h1l2 2h1l1 1h3l1 1h5l1-1h5l3-3h1l7-6h1l1-1l3-1v-1l2-2h1l2-2h1v-1l2-2h1l2-2h3v-1l2-2h1v-1l1-1h2l2-2v-1l1-1l3-1v-1l1-1h1l4-4h1l3-2h2l2-3h3v-3l2-2h2l3-3h3v-2l1-1h1l2-2h1l5-4h2v-1l1-1h3v-1l1-1h1v-2l1-1h1l2-2v-1l2-3v-3l1-1Z"/></g></svg>

Flownib アイコンの使い方

React

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

<Icon icon="thesvg-color:flownib" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:flownib" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:flownib" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--flownib]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:flownib"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:flownib"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/flownib.svg" alt="Flownib アイコン" width="24" height="24">

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

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

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

theSVG Color アイコンをすべて見る →