Icône Shazam
arcticons:shazam
L'icône Shazam (arcticons:shazam) est une icône SVG gratuite de la collection Arcticons par Donnnno. Elle est dessinée sur une grille de 48 × 48. Les Arcticons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Arcticons
- Auteur
- Donnnno
- Licence
- CC-BY-SA-4.0
- Taille
- 48 × 48
Code 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="M38.755 34.832c-2.697 2.938-7.512 7.56-7.705 7.753c-.626.578-1.445.915-2.263.915a3.2 3.2 0 0 1-2.36-1.011a3.27 3.27 0 0 1 .096-4.623c.049-.048 4.864-4.623 7.368-7.416a6.37 6.37 0 0 0 1.685-4.719c-.096-1.83-1.01-3.563-2.504-4.864c-1.974-1.685-5.874-2.07-8.33.097c-1.445 1.3-3.227 3.226-3.227 3.226c-1.204 1.348-3.274 1.397-4.623.193c-1.348-1.204-1.396-3.275-.192-4.623c.096-.096 1.974-2.167 3.708-3.66c4.623-4.141 12.28-4.238 16.95-.193c2.841 2.456 4.527 5.78 4.767 9.39c.241 3.564-.963 6.935-3.37 9.535"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.011 35.073c-3.034 0-6.02-1.011-8.379-2.986c-2.84-2.456-4.526-5.778-4.767-9.39c-.193-3.515.963-6.886 3.37-9.534c2.698-2.938 7.465-7.56 7.706-7.753a3.27 3.27 0 0 1 4.526 4.719c-.048.048-4.864 4.622-7.368 7.415a6.37 6.37 0 0 0-1.685 4.72c.096 1.83 1.011 3.563 2.504 4.863c1.974 1.734 5.875 2.07 8.33-.096c1.445-1.3 3.227-3.226 3.227-3.226c1.204-1.349 3.275-1.397 4.623-.193s1.396 3.275.192 4.623c-.096.096-1.974 2.167-3.707 3.66c-2.312 2.118-5.442 3.178-8.572 3.178"/></svg>Comment utiliser l'icône Shazam
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:shazam" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:shazam" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:shazam" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--shazam]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:shazam"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:shazam"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/arcticons/shazam.svg" alt="Icône Shazam" width="24" height="24">L'icône Shazam dans d'autres collections
FAQ : Icône Shazam
L'icône Shazam est-elle gratuite pour un usage commercial ?
Oui. Les Arcticons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.
Comment utiliser l'icône Shazam dans React ?
Installez @iconify/react et affichez <Icon icon="arcticons:shazam" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Shazam à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/arcticons/shazam.svg" alt="Icône Shazam">, ou collez le code SVG directement dans la page pour le styliser en CSS.