Ícone Shazam
arcticons:shazam
O ícone Shazam (arcticons:shazam) é um ícone SVG gratuito da coleção Arcticons de Donnnno. Ele é desenhado em uma grade de 48 × 48. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Arcticons
- Autor
- Donnnno
- Licença
- CC-BY-SA-4.0
- Tamanho
- 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/arcticons/shazam.svg" alt="Ícone Shazam" width="24" height="24">O ícone Shazam em outras coleções
Perguntas frequentes sobre Ícone Shazam
O ícone Shazam é grátis para uso comercial?
Sim. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Shazam no React?
Instale @iconify/react e renderize <Icon icon="arcticons:shazam" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Shazam a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/arcticons/shazam.svg" alt="Ícone Shazam">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.