Wispr Flow アイコン

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

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

arcticons:wispr-flow

Wispr Flow アイコン(arcticons:wispr-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
タグ: wisprflow

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="M8.143 5.83c-.7 0-1.373.272-1.866.765A2.6 2.6 0 0 0 5.5 8.447V39.54q0 .525.194 1.01c.13.324.324.61.57.856s.531.44.855.57s.661.194 1.01.194c.7 0 1.374-.272 1.866-.765a2.62 2.62 0 0 0 .778-1.852V8.447c0-.7-.272-1.36-.778-1.852A2.64 2.64 0 0 0 8.13 5.83zm15.856 5.947q-.525 0-1.01.194c-.325.13-.61.324-.856.57s-.44.531-.57.855s-.207.66-.207.998v18.953c0 .7.272 1.36.777 1.852c.493.493 1.166.765 1.866.765s1.373-.272 1.865-.764a2.62 2.62 0 0 0 .778-1.853V14.394c0-.7-.272-1.36-.778-1.853A2.64 2.64 0 0 0 24 11.777m-7.928 10.701a2.636 2.636 0 0 0-2.643 2.617v10.804c0 .7.272 1.36.777 1.853a2.64 2.64 0 0 0 1.866.764a2.635 2.635 0 0 0 2.643-2.617V25.095c0-.7-.272-1.36-.777-1.853a2.64 2.64 0 0 0-1.866-.764M39.857 5.83q-.525 0-1.01.195a2.5 2.5 0 0 0-.856.57c-.246.246-.44.53-.57.855s-.207.66-.207.997V39.54c0 .7.272 1.36.777 1.852a2.64 2.64 0 0 0 1.866.765A2.635 2.635 0 0 0 42.5 39.54V8.447c0-.7-.272-1.36-.777-1.852a2.64 2.64 0 0 0-1.866-.765m-7.929 16.648c-.7 0-1.373.272-1.866.764a2.62 2.62 0 0 0-.777 1.853v10.804c0 .7.272 1.36.777 1.853a2.64 2.64 0 0 0 1.866.764a2.636 2.636 0 0 0 2.643-2.617V25.095c0-.7-.272-1.36-.777-1.853a2.64 2.64 0 0 0-1.866-.764"/></svg>

Wispr Flow アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:wispr-flow"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

Arcticons をすべて見る →