Wuthering Waves アイコン

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

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

arcticons:wuthering-waves

Wuthering Waves アイコン(arcticons:wuthering-waves)は、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
タグ: wutheringwaves、wave

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="M33.25 11.487s-2.525 5.117-3.248 6.483s-3.696 7.795-1.205 11.893c0 0-1.998-.38-3.02-2.938"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.401 28.346s.228 2.558.625 3.353c0 0-4.44-1.857-2.403-7.633m10.531-9.587s1.136 4.32-.285 6.763c-1.42 2.444-3.554 3.762-3.554 3.762s1.844-3.172 1.875-5.303"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.753 21.435s-2.161 2.708-4.59 3.462m6.313-12.343s.694-3.366-1.346-3.13c-2.04.235-2.694-.759-2.694-.759s-.706-.156-1.046-.078s-2.71-2.907-10.632 4.306m15.642-.078s3.145-.68 5.738 8.118c0 0 .52 1.483-.674 3.504c-.997 1.69-.454 2.39-.454 2.39"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.9 25.793s-1.27 1.855-3.267 2.45c0 0 1.316-1.61 1.394-2.708"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.126 22.763s-.523 4.838-5.336 5.073c0 0 6.905-7.087 3.113-11.01"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M34.543 22.161s.883 1.278.412 2.926m-.13-14.652s1.743-.766.978 2.677m-1.53 14.663s.425 1.913 2.38 2.805c0 0-.213.765-1.19 1.658c0 0-.723.34-.255 1.148c0 0-.978.722-2.04.68m1.105.084l.297.936s-1.403.722-2.168 3.612l-5.185-.382s-1.147.34-1.615 3.697m-1.661-15.147s-1.399 1.93-.506 4.012c.892 2.083-7.31-4.038.17-12.028"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.267 18.935s-5.27 6.333-2.508 9.478c0 0 .383-2.763 1.785-4.335"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.867 26.67s-1.828 2.508 2.677 5.44c0 0 1.233.638 1.403.086c.17-.553.85 1.105.85 1.105h0m7.068-25.123s.253-1.407-1.095-2.597m-10.166 6.801s2.934-6.82 6.424-4.362m.555.08s1.19-1.666-.793-2.539M14.784 5.5c-.455 1.276-.383 2.044-.224 2.44c.158.397.317 2.38.317 2.38s2.731-.447 3.779 2.286m-.046.456s-1.275 2.186-1.776 2.186c0 0 .501-2.323-3.462-3.416c0 0 1.184-.729 1.367-1.594M5.677 12.56s1.682-1.138 7.376-.865"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.674 17.298s3.234-2.277 3.78-2.779s2.39-2.043 4.35-2.453m2.848 3.364s-3.143 6.742-3.189 10.432m-7.835-3.28s2.187.729 3.827 2.551s3.234 1.777 3.234 1.777s.592-.137.774-.957"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.099 26.545s-5.057-4.19 3.28-11.023m-9.977-3.458s1.85-3.405 5.55-6.514"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.391 21s-2.188 6.171-5.778 7.237c0 0 3.534 1.01 5.33-2.3m1.738-5.553s2.58-8.135 7.35-9.818"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.13 28.288s-5.556 5.054-3.2 9.99c0 0 .393-2.355 1.178-3.365"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.052 33.96s.393 5.104 6.732 5.833c0 0-2.468-1.907-2.861-5.89m-4.488 2.861s1.346 5.105 3.254 5.61"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.408 38.167s3.31 4.263 4.32 4.207m-2.244-14.529s1.458 9.76 8.863 8.863c0 0-1.907 4.488-8.639-.168"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.738 38.503s3.478 3.59 5.61 2.469c0 0 .084 1.042-.596 1.528m-3.836-10.56s-1.122 1.739-.842 2.86M8.92 24.928S5.837 26.525 5.5 27.03m3.983 6.618L7.406 36.54s-.393.617-1.74.28m17.952 1.515s1.178 1.178 2.076 2.637m3.599-14.744c.195-.098 1.758-1.417 3.175-1.075m-.733.391s.391 1.319-.342 2.491l-1.807-1.856"/><rect width="37" height="37" x="5.5" y="5.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4" ry="4"/></svg>

Wuthering Waves アイコンの使い方

React

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

<Icon icon="arcticons:wuthering-waves" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:wuthering-waves" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:wuthering-waves" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:wuthering-waves"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/wuthering-waves.svg" alt="Wuthering Waves アイコン" width="24" height="24">

Wuthering Waves アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →