Ícone Bell
emojione-monotone:bell
O ícone Bell (emojione-monotone:bell) é um ícone SVG gratuito da coleção Emoji One (Monotone) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (Monotone) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Emoji One (Monotone)
- Autor
- Emoji One
- Licença
- CC-BY-4.0
- Tamanho
- 64 × 64
- Categoria
- Símbolos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M57.642 34.13a3 3 0 0 0-.343-.488c-4.105-7.481-7.799-8.649-10.767-9.585c-1.056-.333-2.054-.647-2.962-1.218c-4.398-2.768-6.365-6.5-7.947-9.5q-.318-.609-.625-1.174c-2.877-5.276-7.446-8.181-12.863-8.181c-1.108 0-2.252.122-3.405.36c-1.618-2.371-4.299-3.039-6.716-1.562c-2.419 1.477-3.188 4.179-2.023 6.87c-4.612 5.542-5.263 12.346-1.763 18.765q.31.566.65 1.167c1.664 2.952 3.735 6.626 3.799 12.055c.014 1.133-.229 2.211-.488 3.354c-.709 3.139-1.578 7.041 2.336 14.372c.056.293.151.57.294.83c.654 1.198 2.037 1.805 4.113 1.805c4.722 0 12.768-3.124 20.996-8.15c10.352-6.326 20.079-15.386 17.714-19.72M30.99 55.115l-.008.004h-.006c-3.653.694-7.167-1.343-8.69-4.729c1.816-1.891 8.241-6.897 13.161-9.475a8.65 8.65 0 0 1 2.045 4.294c.787 4.634-2.12 9.067-6.502 9.906m22.543-22.79c-4.725 0-12.771 3.124-21 8.15c-7.778 4.753-15.203 11.05-17.411 15.727c-2.299-5.204-1.674-8.038-1.054-10.781c.271-1.201.552-2.443.536-3.804c-.069-5.929-2.276-9.843-4.05-12.988a92 92 0 0 1-.639-1.142C6.68 21.552 7.368 15.5 11.853 10.446l.454-.51l-.328-.6c-.408-.751-1.544-3.324 1.036-4.899c.567-.347 1.126-.523 1.66-.523c1.058 0 2.06.727 2.75 1.994l.355.653l.72-.178a15.2 15.2 0 0 1 3.633-.462c4.749 0 8.613 2.481 11.174 7.176q.3.553.612 1.15c1.689 3.204 3.791 7.191 8.627 10.234c1.117.703 2.281 1.069 3.406 1.424c2.56.807 5.195 1.651 8.326 6.45a8 8 0 0 0-.745-.03"/></svg>
Como usar o ícone Bell
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:bell" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:bell" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:bell" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--bell]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:bell"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:bell"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione-monotone/bell.svg" alt="Ícone Bell" width="24" height="24">
Ícones relacionados em Emoji One (Monotone)
O ícone Bell em outras coleções
Perguntas frequentes sobre Ícone Bell
O ícone Bell é grátis para uso comercial?
Sim. Emoji One (Monotone) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Bell no React?
Instale @iconify/react e renderize <Icon icon="emojione-monotone:bell" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bell a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-monotone/bell.svg" alt="Ícone Bell">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Emoji One (Monotone) →
ICONYZ
