Icono Shazam
arcticons:shazam
El icono Shazam (arcticons:shazam) es un icono SVG gratuito de la colección Arcticons de Donnnno. Está dibujado en una cuadrícula de 48 × 48. Arcticons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Arcticons
- Autor
- Donnnno
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 48 × 48
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/arcticons/shazam.svg" alt="Icono Shazam" width="24" height="24">El icono Shazam en otras colecciones
Preguntas frecuentes sobre Icono Shazam
¿El icono Shazam es gratis para uso comercial?
Sí. Arcticons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Shazam en React?
Instala @iconify/react y renderiza <Icon icon="arcticons:shazam" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Shazam a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/arcticons/shazam.svg" alt="Icono Shazam">, o pega el código SVG en línea para darle estilo con CSS.