Icône Bell

emojione-v1:bell

L'icône Bell (emojione-v1:bell) est une icône SVG gratuite de la collection Emoji One (v1) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (v1) icons 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: Emoji One (v1)
Auteur: Emoji One
Licence: CC-BY-SA-4.0
Taille: 64 × 64
Catégorie: Symboles

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#b0782c" d="M64.01 49.802c0-3.062-14.285-5.542-31.898-5.542c-17.617 0-31.897 2.479-31.897 5.542c0 3.057 14.281 5.537 31.897 5.537c17.613 0 31.898-2.481 31.898-5.537"/><path fill="#825523" d="M56.05 45.932c0-3.062-10.309-5.538-23.02-5.538s-23.01 2.477-23.01 5.538s10.304 5.542 23.01 5.542s23.02-2.481 23.02-5.542"/><path fill="#fbb042" d="M39.3 5.55c0 3.069-3.221 5.554-7.19 5.554c-3.977 0-7.194-2.484-7.194-5.554c0-3.065 3.217-5.55 7.194-5.55c3.969 0 7.19 2.484 7.19 5.55"/><path fill="#e09732" d="M30.98 4.264c0-1.616.78-3.089 2.054-4.216a10 10 0 0 0-.92-.048c-3.977 0-7.194 2.484-7.194 5.55c0 3.069 3.217 5.554 7.194 5.554c1.461 0 2.823-.338 3.958-.916c-2.994-.976-5.092-3.265-5.092-5.924"/><path fill="#fbb042" d="M34.61 46.955v-6.02c0-1.063-1.114-1.928-2.496-1.928c-1.385 0-2.504.864-2.504 1.928v6.02c-2.739.784-4.69 2.814-4.69 5.199c0 3.069 3.217 5.554 7.194 5.554c3.97 0 7.19-2.484 7.19-5.554c0-2.384-1.954-4.415-4.694-5.199"/><path fill="#e09732" d="M27.755 52.15c0-2.385 1.955-4.415 4.69-5.199v-6.02c0-.657.434-1.242 1.083-1.589a3 3 0 0 0-1.413-.339c-1.385 0-2.504.864-2.504 1.928v6.02c-2.739.784-4.69 2.814-4.69 5.199c0 3.069 3.217 5.554 7.194 5.554q.73 0 1.418-.107c-3.298-.506-5.778-2.751-5.778-5.447"/><path fill="#fbb042" d="M32.11 44.868c10.94 0 21.15 1.035 29.793 2.819c-2.317-2.469-4.813-7.254-8.341-18.617c-7-22.561-13.274-20.773-13.274-20.773a34 34 0 0 0-2.492-.569c-1.187-.311-3.03-.633-5.458-.621q-.114-.005-.227-.004q-.119-.001-.23.004c-2.429-.012-4.268.311-5.462.621c-.796.155-1.621.334-2.488.569c0 0-6.267-1.788-13.273 20.774c-3.528 11.363-6.03 16.15-8.343 18.62c8.641-1.788 18.851-2.823 29.795-2.823"/><path fill="#e09732" d="M24.379 31.707c1.362-23.18 7.955-22.339 7.955-22.339a36 36 0 0 1 2.305-.923a17.5 17.5 0 0 1 2.544-.864c-1.175-.254-2.795-.481-4.841-.474q-.114-.005-.227-.004q-.119-.001-.23.004c-2.429-.012-4.268.311-5.462.621c-.796.155-1.621.334-2.488.569c0 0-6.267-1.788-13.273 20.774c-3.528 11.363-6.03 16.15-8.343 18.62c6.151-1.274 13.1-2.154 20.543-2.564c.649-3.097 1.162-7.373 1.517-13.42"/></svg>

Comment utiliser l'icône Bell

React

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

<Icon icon="emojione-v1:bell" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:bell" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:bell" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--bell]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:bell"></div>

Web component

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

<iconify-icon icon="emojione-v1:bell"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/bell.svg" alt="Icône Bell" width="24" height="24">

Icônes similaires dans Emoji One (v1)

L'icône Bell dans d'autres collections

FAQ : Icône Bell

L'icône Bell est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (v1) icons 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 Bell dans React ?

Installez @iconify/react et affichez <Icon icon="emojione-v1:bell" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Bell à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-v1/bell.svg" alt="Icône Bell">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (v1) →