Wa Enhancer アイコン

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

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

arcticons:wa-enhancer

Wa Enhancer アイコン(arcticons:wa-enhancer)は、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
タグ: waenhancer

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="M24 2.5c-11.874 0-21.5 9.624-21.5 21.498V24c.02 3.493.89 6.929 2.535 10.01L3.618 43.5l9.21-1.169A21.5 21.5 0 0 0 24 45.5c11.874 0 21.5-9.624 21.5-21.498V24c0-11.874-9.624-21.5-21.498-21.5z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.998 27.103a3.1 3.1 0 0 1-3.104-3.099a3.1 3.1 0 0 1 3.096-3.107A3.1 3.1 0 0 1 27.094 24a3.1 3.1 0 0 1-3.092 3.103z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.958 25.177q.076-.586.082-1.177a10 10 0 0 0-.082-1.177l2.546-1.996a.59.59 0 0 0 .147-.771L33.24 15.87a.59.59 0 0 0-.735-.26l-3.006 1.214a9.2 9.2 0 0 0-2.035-1.178l-.453-3.197a.59.59 0 0 0-.588-.506H21.59a.59.59 0 0 0-.589.506l-.452 3.197a9 9 0 0 0-2.035 1.178l-3.018-1.213a.59.59 0 0 0-.735.259l-2.411 4.186a.59.59 0 0 0 .147.77l2.54 1.997q-.075.585-.082 1.177q.006.591.083 1.177l-2.541 1.996a.59.59 0 0 0-.147.771l2.411 4.186c.144.26.46.372.735.26l3.006-1.214a9.2 9.2 0 0 0 2.035 1.178l.453 3.197a.59.59 0 0 0 .588.506H26.4a.59.59 0 0 0 .588-.506l.453-3.197a9 9 0 0 0 2.035-1.178l3.005 1.213c.275.112.59 0 .735-.259l2.412-4.186a.59.59 0 0 0-.147-.77z"/></svg>

Wa Enhancer アイコンの使い方

React

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

<Icon icon="arcticons:wa-enhancer" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:wa-enhancer" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:wa-enhancer" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:wa-enhancer"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/wa-enhancer.svg" alt="Wa Enhancer アイコン" width="24" height="24">

Arcticons の関連アイコン

Wa Enhancer アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →