Icône Wind Chime
noto-v1:wind-chime
L'icône Wind Chime (noto-v1:wind-chime) est une icône SVG gratuite de la collection Noto Emoji (v1) par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Noto Emoji (v1)
- Auteur
- Google Inc
- Licence
- Apache-2.0
- Taille
- 128 × 128
- Catégorie
- Activités
- Mots-clés
- windchime
Code 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>
Comment utiliser l'icône 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 component
<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>
Image HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/wind-chime.svg" alt="Icône Wind Chime" width="24" height="24">
Icônes similaires dans Noto Emoji (v1)
L'icône Wind Chime dans d'autres collections
FAQ : Icône Wind Chime
L'icône Wind Chime est-elle gratuite pour un usage commercial ?
Oui. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Wind Chime dans React ?
Installez @iconify/react et affichez <Icon icon="noto-v1:wind-chime" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Wind Chime à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/noto-v1/wind-chime.svg" alt="Icône Wind Chime">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Noto Emoji (v1) →
ICONYZ
