Wind Chime アイコン
noto-v1:wind-chime
Wind Chime アイコン(noto-v1:wind-chime)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- アクティビティ
- タグ
- windchime
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#2f2f2f" d="M58.25 83.08c-1.06 0-1.96-.81-2.06-1.89c-.83-9.97.97-22.21 2.56-33.01c.54-3.67 1.07-7.22 1.47-10.56c2-16.42 12.21-35.4 12.64-36.2c.54-1.01 1.8-1.38 2.8-.83c1.01.54 1.38 1.8.83 2.8c-.1.19-10.27 19.1-12.17 34.73c-.4 3.36-.94 6.95-1.48 10.66c-1.56 10.57-3.33 22.56-2.53 32.05c.09 1.14-.75 2.14-1.88 2.23a1 1 0 0 1-.18.02"/><defs><path id="SVGPIY7pcPO" d="M92.07 50.43C90.1 62.88 77.11 63.8 61.36 61.32C45.61 58.83 33.94 51.4 35.5 41.5c2.66-16.83 13.38-29.13 33.09-26.01C88.32 18.6 94.73 33.6 92.07 50.43"/></defs><use fill="#40c0e7" href="#SVGPIY7pcPO"/><path fill="#006ca2" d="M87.39 48.74c-.58 6.48-5.8 9.45-11.82 10.04c-.67.07-3.76.1-3.55-1.33c.16-1.19 1.74-2.06 2.74-2.45c3.93-1.48 6.12-5.45 8.47-8.65c.89-1.22 2.36-2.86 3.5-1.13c.68 1.02.77 2.28.66 3.52"/><path fill="#fff" d="M51.36 24.62c-1.11-.39-2.49.16-3.51.99c-.67.55-1.28 1.16-1.82 1.84c-1.59 2.01-2.74 4.33-3.8 6.65c-.78 1.68-1.39 3.72-1.51 5.6c-.06.93.36 2.44 1.2 2.96c1.77 1.11 3.69-2.78 4.29-3.85c1.03-1.83 2.09-3.64 3.21-5.41c1.27-2.01 4.57-4.84 3.32-7.44c-.34-.73-.83-1.15-1.38-1.34m3.75-4.54c-.99.82-1.6 2.11-.84 3.3c.38.6 1 .98 1.69 1.13c1.37.31 3.07-.17 3.95-1.31c.37-.48.56-1.08.51-1.69c-.09-1.13-.92-1.86-1.96-2.12c-.46-.11-1-.19-1.46-.14c-.63.06-1.33.37-1.89.83"/><path fill="#f79329" d="M66.24 127.67c-.39 0-.78-.11-1.12-.33c-.97-.63-23.75-15.85-17.71-55.91c.16-1.05 1.06-1.8 2.16-1.75l16.91.95c.61.04 1.19.34 1.55.84s.49 1.14.33 1.74c-.28 1.06-6.48 26.25 16.56 42.83c.6.44.92 1.15.85 1.89c-.08.73-.53 1.38-1.21 1.68l-17.47 7.88c-.26.12-.56.18-.85.18"/></svg>
Wind Chime アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:wind-chime" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:wind-chime" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:wind-chime" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--wind-chime]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:wind-chime"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:wind-chime"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/wind-chime.svg" alt="Wind Chime アイコン" width="24" height="24">
他のアイコンセットの Wind Chime アイコン
Wind Chime アイコン のよくある質問
Wind Chime アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wind Chime アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:wind-chime" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wind Chime アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/wind-chime.svg" alt="Wind Chime アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
