Icône Tsunami
material-symbols-light:tsunami
L'icône Tsunami (material-symbols-light:tsunami) est une icône SVG gratuite de la collection Material Symbols Light par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols Light 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
- Material Symbols Light
- Auteur
- Google
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Catégorie
- Social
- Mots-clés
- crisis, disaster, flood, ocean, rain, sea, storm, water, wave, weather, social, tsunami sharp
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 20.462v-1q.777-.077 1.44-.392q.664-.314 1.385-.83q.77.587 1.638.911t1.712.324q.806 0 1.706-.302t1.644-.894q.8.623 1.65.91t1.7.286q.864 0 1.641-.287q.778-.286 1.709-.947q.783.576 1.446.86t1.329.36v1q-.664-.057-1.351-.295t-1.424-.668q-.877.539-1.73.77q-.853.232-1.62.232q-.748 0-1.62-.241q-.872-.242-1.75-.78q-.801.532-1.657.777t-1.673.244q-.792 0-1.642-.244t-1.708-.758q-.698.412-1.41.649t-1.415.315m0-3.5V14.5q0-2.329.899-4.256t2.457-3.313t3.659-2.159T14 4q.594 0 1.195.049t1.116.142q-.39.742-.6 1.524q-.211.781-.211 1.46q0 1.587 1.12 2.706T19.324 11H21.5v1h-2.175q-2.013 0-3.42-1.406T14.5 7.175q0-.523.117-1.122t.294-1.07q-2.407.411-3.909 2.114T9.5 11.019q0 1.362.374 2.395q.374 1.034 1.015 2.009q.257-.125.559-.326l.571-.376q.783.592 1.694.923t1.662.331t1.656-.334t1.694-.92q.666.466 1.347.805q.682.34 1.428.436v1q-.663-.058-1.351-.324t-1.424-.698q-.877.539-1.711.8q-.835.26-1.639.26q-.823 0-1.733-.308q-.91-.307-1.617-.751q-.852.513-1.625.783T8.675 17q-.971.006-1.754-.254q-.782-.26-1.596-.748q-.698.412-1.41.649t-1.415.315"/></svg>
Comment utiliser l'icône Tsunami
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:tsunami" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:tsunami" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:tsunami" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--tsunami]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:tsunami"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:tsunami"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/tsunami.svg" alt="Icône Tsunami" width="24" height="24">
Icônes similaires dans Material Symbols Light
L'icône Tsunami dans d'autres collections
FAQ : Icône Tsunami
L'icône Tsunami est-elle gratuite pour un usage commercial ?
Oui. Les Material Symbols Light 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 Tsunami dans React ?
Installez @iconify/react et affichez <Icon icon="material-symbols-light:tsunami" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Tsunami à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols-light/tsunami.svg" alt="Icône Tsunami">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Material Symbols Light →
ICONYZ
