Mi Personal Flow アイコン

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

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

arcticons:mi-personal-flow

Mi Personal Flow アイコン(arcticons:mi-personal-flow)は、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
タグ: mipersonal、personalflow、mipersonalflow

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="M38.5 5.5h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4h29a4 4 0 0 0 4-4v-29a4 4 0 0 0-4-4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.527 19.83c0-.92.746-1.665 1.666-1.665h0m-1.666 0v4.414m2.79-.372c.304.255.632.372 1.37.372h.373c.609 0 1.102-.494 1.102-1.104h0c0-.609-.493-1.103-1.102-1.103h-.747a1.1 1.1 0 0 1-1.101-1.104h0c0-.61.493-1.103 1.1-1.103h.375c.737 0 1.065.117 1.37.372m15.86-2.621v5.83c0 .46.373.833.833.833H40m-2.615-1.666c0 .92-.746 1.666-1.666 1.666h0c-.92 0-1.665-.746-1.665-1.666v-1.082c0-.92.746-1.666 1.665-1.666h0c.92 0 1.666.746 1.666 1.666m0 2.748v-4.414m-4.843 4.415v-2.75c0-.92-.746-1.665-1.665-1.665h0c-.92 0-1.666.746-1.666 1.666m0 2.748v-4.414M15.88 21.739c-.287.502-.828.84-1.448.84h0c-.92 0-1.665-.746-1.665-1.666v-1.082c0-.92.746-1.666 1.665-1.666h0c.92 0 1.666.746 1.666 1.666v.541h-3.331M8 20.913c0 .92.746 1.666 1.666 1.666h0c.92 0 1.665-.746 1.665-1.666v-1.082c0-.92-.745-1.666-1.665-1.666h0c-.92 0-1.666.746-1.666 1.666m0-1.666v6.663m16.607-4.998a1.666 1.666 0 1 1 3.331 0v1.083a1.666 1.666 0 1 1-3.331 0zm7.888 7.84l-1.374 4.414l-1.374-4.414l-1.374 4.414l-1.375-4.414m-6.711-2.25v5.831c0 .46.373.833.833.833h.25m-4.878 0v-5.497c0-.644.522-1.166 1.166-1.166h0c.574 0 .932.17 1.178.488m-3.331 1.761h2.332m4.607 1.665a1.666 1.666 0 1 1 3.33 0v1.083a1.666 1.666 0 1 1-3.33 0zm3.66-8.963l.336-.005"/></svg>

Mi Personal Flow アイコンの使い方

React

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

<Icon icon="arcticons:mi-personal-flow" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:mi-personal-flow" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:mi-personal-flow" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:mi-personal-flow"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/mi-personal-flow.svg" alt="Mi Personal Flow アイコン" width="24" height="24">

Arcticons の関連アイコン

Mi Personal Flow アイコンのよくある質問

Mi Personal Flow アイコンは商用利用でも無料ですか?

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

React で Mi Personal Flow アイコンを使うには?

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

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

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

Arcticons をすべて見る →