ICONYZ
Português (Brasil)
Ícone Megaphone de Keyline Icons

Ícone Megaphone

keyline-icons:megaphone

O ícone Megaphone (keyline-icons:megaphone) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Keyline Icons
Autor
Keyline Icons
Licença
MIT
Tamanho
24 × 24
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 5.5C17.42 4.886 18.788 4.02 20 3.214C20.186 3.095 20.407 3.022 20.638 3.004C20.869 2.986 21.101 3.024 21.309 3.113C21.517 3.202 21.691 3.339 21.813 3.508C21.935 3.677 22 3.872 22 4.071V17.429C22 17.628 21.935 17.823 21.813 17.992C21.691 18.161 21.517 18.298 21.309 18.387C21.101 18.476 20.869 18.516 20.638 18.496C20.407 18.478 20.186 18.405 20 18.286C18.788 17.48 17.42 16.614 16 16C14.849 15.4 13.664 15 12.5 15H5C3.34315 15 2 13.6569 2 12V9.5C2 7.84315 3.34315 6.5 5 6.5H12.5C13.664 6.5 14.849 6.1 16 5.5ZM10 15V19C10 20.1046 9.10457 21 8 21C6.2 21 5.5 18.5 5.5 15M16 5.5V16"/></svg>

Como usar o ícone Megaphone

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:megaphone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:megaphone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:megaphone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--megaphone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:megaphone"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:megaphone"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/megaphone.svg" alt="Ícone Megaphone" width="24" height="24">

Ícones relacionados em Keyline Icons

O ícone Megaphone em outras coleções

Perguntas frequentes sobre Ícone Megaphone

O ícone Megaphone é grátis para uso comercial?

Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Megaphone no React?

Instale @iconify/react e renderize <Icon icon="keyline-icons:megaphone" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Megaphone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/megaphone.svg" alt="Ícone Megaphone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →