Icône Bellcancellation
fxemoji:bellcancellation
L'icône Bellcancellation (fxemoji:bellcancellation) est une icône SVG gratuite de la collection Firefox OS Emoji par Mozilla. Elle est dessinée sur une grille de 512 × 512. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Firefox OS Emoji
- Auteur
- Mozilla
- Licence
- Apache-2.0
- Taille
- 512 × 512
- Catégorie
- Objets
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#A06C33" d="M256.126 504c-111.671 0-202.198-24.188-202.198-54.026s90.527-54.026 202.198-54.026s202.198 24.188 202.198 54.026C458.325 479.812 367.797 504 256.126 504"/><path fill="#FFD469" d="m281.877 306.597l.643 1.606l1.711 4.538a328 328 0 0 1 2.487 7.052a389 389 0 0 1 3 9.147c1.077 3.351 2.158 6.982 3.303 10.822c1.109 3.84 2.274 7.89 3.393 12.079c1.167 4.189 2.234 8.518 3.367 12.917c1.061 4.399 2.188 8.867 3.179 13.336l1.52 6.694l1.416 6.642c.969 4.399 1.777 8.728 2.619 12.917c1.754 8.379 2.669 16.199 2.869 22.902c.1 3.351.046 6.424-.129 9.147a77 77 0 0 1-.759 7.052c-.323 1.955-.652 3.491-.919 4.538a24 24 0 0 1-.463 1.606c-10.085 29.336-42.042 44.942-71.379 34.857c-16.922-5.817-29.368-19.186-34.857-34.857c0 0-.192-.559-.463-1.606c-.267-1.047-.596-2.583-.919-4.538a77 77 0 0 1-.759-7.052a98 98 0 0 1-.129-9.147c.2-6.703 1.116-14.523 2.869-22.902c.842-4.189 1.651-8.518 2.619-12.917l1.416-6.642l1.52-6.694c.99-4.469 2.118-8.937 3.179-13.336c1.133-4.399 2.199-8.728 3.367-12.917c1.119-4.189 2.285-8.239 3.393-12.079c1.145-3.84 2.227-7.471 3.303-10.822a391 391 0 0 1 3-9.147a323 323 0 0 1 2.487-7.052l1.711-4.538l.644-1.606c5.728-14.293 21.958-21.237 36.251-15.51c7.331 2.938 12.764 8.724 15.51 15.51"/><path fill="#FFB636" d="M457.424 453.12c.587-1.465.901-2.948.901-4.449c0-26.063-90.527-47.191-202.198-47.191S53.928 422.608 53.928 448.671c0 1.84.467 3.655 1.346 5.441c-6.395-8.7-7.646-20.611-.95-32.289c28.285-49.326 63.734-133.652 63.734-246.49c0-68.049 49.278-124.579 114.093-135.877V25.403c0-13.242 10.734-23.976 23.976-23.976s23.976 10.734 23.976 23.976v14.048a154 154 0 0 1 19.498 4.623c56.621 17.397 94.521 70.409 94.343 129.642c-.341 113.633 35.301 198.521 63.719 248.085c6.449 11.248 5.539 22.713-.239 31.319"/><path fill="#FFD469" d="m323.754 75.527l1.098.726l1.319.872l.416.276l.815.589l1.769 1.318c2.733 2.039 4.756 3.927 7.228 6.366a80 80 0 0 1 7.135 8.368l1.731 2.398c.594.818 1.09 1.648 1.649 2.498c.536.848 1.117 1.716 1.631 2.593l1.534 2.672a49 49 0 0 1 1.482 2.746l1.436 2.813c.865 1.884 1.815 3.826 2.61 5.777c1.685 3.918 3.113 7.93 4.455 11.995c1.276 4.053 2.471 8.161 3.439 12.234c3.996 16.315 5.655 32.289 6.271 44.424c.147 3.035.235 5.83.274 8.327c.038 2.496.028 4.701.005 6.53a169 169 0 0 1-.122 4.32l-.064 1.552c-.541 13.177-11.661 23.42-24.838 22.88c-12.921-.53-23.022-11.234-22.899-24.074l.007-.641l.012-1.08c.017-.691.009-1.758 0-3.12a183 183 0 0 0-.146-5.031a207 207 0 0 0-.405-6.654a215 215 0 0 0-1.979-16.697c-.498-3.018-1.043-6.125-1.71-9.217c-.656-3.096-1.39-6.199-2.229-9.209c-.806-3.037-1.76-5.939-2.72-8.741c-1.005-2.753-2.031-5.408-3.138-7.768c-.527-1.22-1.121-2.286-1.65-3.398l-.846-1.527a18 18 0 0 0-.834-1.44l-.821-1.345c-.269-.437-.555-.803-.819-1.2c-.522-.818-1.059-1.467-1.554-2.109a28.5 28.5 0 0 0-2.678-2.953c-.733-.662-1.605-1.391-1.47-1.233a.14.14 0 0 1-.034-.066l-.008-.043l-.398-.249l-1.343-.835l-1.118-.695l-.02-.012c-11.961-7.438-15.627-23.164-8.189-35.124s23.164-15.627 35.124-8.189c.166.1.429.27.592.376"/><path fill="#FF473E" d="M478.652 485.94a18.44 18.44 0 0 1-13.066-5.403L38.754 54.706c-7.233-7.216-7.247-18.93-.03-26.163c7.217-7.232 18.93-7.246 26.163-.03l426.832 425.832c7.232 7.216 7.246 18.93.03 26.163a18.45 18.45 0 0 1-13.097 5.432"/></svg>Comment utiliser l'icône Bellcancellation
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:bellcancellation" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:bellcancellation" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:bellcancellation" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--bellcancellation]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:bellcancellation"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:bellcancellation"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/bellcancellation.svg" alt="Icône Bellcancellation" width="24" height="24">FAQ : Icône Bellcancellation
L'icône Bellcancellation est-elle gratuite pour un usage commercial ?
Oui. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Bellcancellation dans React ?
Installez @iconify/react et affichez <Icon icon="fxemoji:bellcancellation" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Bellcancellation à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fxemoji/bellcancellation.svg" alt="Icône Bellcancellation">, ou collez le code SVG directement dans la page pour le styliser en CSS.