Wavy Dash アイコン

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

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

noto:wavy-dash

Wavy Dash アイコン(noto:wavy-dash)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 記号
タグ: wavydash

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#464C4F" d="M3.8 50.1C2.15 53 1.61 57.49 7.03 62.6C12 67.3 25.94 80.43 38.8 80.1c14.67-.39 19.69-14.67 25.99-14.41c3.89.16 7.65 5.03 12.72 9.67c3.38 3.09 7.8 6.25 14.03 6.25c9.14 0 17.31-6.14 23.92-12.48c5.13-4.92 8.4-10.58 8.9-13.22c1.07-5.57-2.58-6.24-2.58-6.24L93.36 73.53L62.87 54.62L37.26 69.67L9.21 52.05z"/><path fill="#606265" d="M6.37 47.72c-4.16 2.53-3.45 5.5-2.66 6.91c2.87 5.08 11.02 11.54 17.54 15.93c6.2 4.17 12.4 6.61 20.39 5.85c9.84-.93 14.01-14.62 23.26-14.73c8.14-.1 15.41 16.47 26.84 16.47c10.66 0 23.93-14.05 26.26-16.86s6.49-8.62 6.2-9.4s-1.82-5.39-8.88-4.74c-5.01.46-10.82 8.32-13.89 10.84c-2.71 2.23-6.78 5.42-10.27 5.23c-7.7-.41-11.92-16.47-25.87-16.57c-14.25-.1-18.8 16.03-27.71 16.47c-5.91.29-17.29-12.55-21.01-15.03c-4.08-2.71-7.97-1.73-10.2-.37"/><path fill="#9A9A99" d="M15.96 50.68c-.15 1-3.34 1.26-4.65 2.07c-1.47.91-2.07 3.39-4.4 2.58c-1.91-.67-2.12-3.89 1.52-6.27c3.64-2.37 7.78-.1 7.53 1.62m35.5 5.97c-4.96 4.9-8.89 8.34-7.02 10.21c1.59 1.59 5.87-2.89 9.75-6.47c4.32-3.98 10.34-7.25 7.88-9.4c-2.02-1.78-6.52 1.61-10.61 5.66m65.06-6.1c-1.29-.89-3.35-.1-5.65 2.05c-2.32 2.17-5.91 5.97-9 8.63c-4.15 3.57-6.55 3.71-5.48 5.63c1.06 1.92 5.42.26 11.18-4.7c5.16-4.45 11.73-9.69 8.95-11.61"/></svg>

Wavy Dash アイコンの使い方

React

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

<Icon icon="noto:wavy-dash" width="24" />

Vue

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

<template>
  <Icon icon="noto:wavy-dash" width="24" />
</template>

Svelte

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

<Icon icon="noto:wavy-dash" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--wavy-dash]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:wavy-dash"></div>

Web コンポーネント

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

<iconify-icon icon="noto:wavy-dash"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/wavy-dash.svg" alt="Wavy Dash アイコン" width="24" height="24">

他のアイコンセットの Wavy Dash アイコン

Wavy Dash アイコンのよくある質問

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

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

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

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

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

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

Noto Emoji アイコンをすべて見る →