Icône Halo
fxemoji:halo
L'icône Halo (fxemoji:halo) 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
- Personnes
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFA1E0" d="M255.65 35.344c-121.8 0-220.532 98.746-220.532 220.531c0 3.545.102 7.066.267 10.571c-12.848 1.682-22.803 12.553-22.803 25.859c0 14.471 11.731 26.202 26.202 26.202h5.409c26.994 91.291 111.42 157.922 211.457 157.922c121.796 0 220.529-98.744 220.529-220.554c0-121.785-98.733-220.531-220.529-220.531"/><path fill="#2B3B47" d="M395.874 246.967c-.128.931-.339 1.861-.74 2.764c-6.065 13.646-18.448 22.124-32.314 22.124c-13.867 0-26.249-8.478-32.315-22.124c-.401-.901-.612-1.83-.74-2.76c-1.727-3.95-.941-8.673 2.456-11.684c4.238-3.742 10.679-3.343 14.415.871c4.079 4.607 9.98 7.247 16.191 7.247c6.204-.003 12.098-2.643 16.177-7.244c3.729-4.218 10.184-4.617 14.415-.878c3.396 3.012 4.182 7.736 2.455 11.684m-222.76-11.684c-4.231-3.736-10.686-3.346-14.415.878c-4.072 4.6-9.966 7.24-16.171 7.244h-.003c-6.211 0-12.111-2.643-16.191-7.247a10.21 10.21 0 0 0-14.415-.871c-3.399 3.011-4.182 7.735-2.456 11.684c.128.93.339 1.86.74 2.761c6.062 13.646 18.444 22.124 32.314 22.124s26.252-8.478 32.315-22.124c.401-.901.612-1.83.739-2.76c1.729-3.951.943-8.676-2.457-11.689m80.618 100.959c-19.164 0-41.185.709-41.185 19.874s22.021 34.7 41.185 34.7s41.185-15.536 41.185-34.7s-22.021-19.874-41.185-19.874"/><path fill="#E583C9" d="M475.767 242.946c-3.117-53.791-25.503-102.381-60.396-139.023c21.309 34.516 33.618 75.175 33.618 118.727c0 125.133-101.443 226.553-226.577 226.553c-43.541 0-84.199-12.286-118.739-33.607c39.56 37.671 93.054 60.833 151.977 60.833c108.424 0 198.504-78.275 216.992-181.39h.063c14.47 0 26.201-11.73 26.201-26.2c0-13.423-10.13-24.359-23.139-25.893"/><path fill="#E583C9" d="M403.061 202.159c-3.28 0-6.31-2.138-7.287-5.442c-2.442-8.23-8.349-15.048-16.19-18.708c-7.854-3.66-16.87-3.802-24.764-.383c-3.855 1.67-8.336-.102-9.999-3.95a7.605 7.605 0 0 1 3.954-10.003c11.867-5.148 25.45-4.944 37.238.554c11.788 5.501 20.659 15.765 24.335 28.16a7.603 7.603 0 0 1-7.287 9.772m-291.37-5.438c2.452-8.24 8.359-15.062 16.213-18.721c7.848-3.65 16.864-3.792 24.731-.376a7.61 7.61 0 0 0 10.003-3.944c1.673-3.855-.092-8.333-3.944-10.003c-11.857-5.155-25.417-4.953-37.215.538c-11.791 5.498-20.672 15.765-24.361 28.17a7.6 7.6 0 0 0 5.118 9.455c.723.218 1.452.32 2.171.32a7.61 7.61 0 0 0 7.284-5.439"/><path fill="#FFD469" d="M253.738 121.525c-75.024 0-202.005-12.377-202.005-58.756C51.734 16.379 178.714 4 253.738 4c75.026 0 202.007 12.379 202.007 58.769c0 46.378-126.981 58.756-202.007 58.756m0-92.34c-109.984 0-173.586 21.994-176.845 33.787c3.27 11.383 66.883 33.368 176.845 33.368s173.577-21.985 176.848-33.78c-3.259-11.382-66.86-33.375-176.848-33.375"/><path fill="#FFB636" d="M76.78 62.972c9.988-15.377 77.615-33.787 177.605-33.787c98.946 0 161.801 16.365 177.197 33.133c0 0 29.779-58.317-177.197-58.317S76.78 62.972 76.78 62.972"/></svg>Comment utiliser l'icône Halo
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:halo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:halo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:halo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--halo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:halo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:halo"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/halo.svg" alt="Icône Halo" width="24" height="24">L'icône Halo dans d'autres collections
FAQ : Icône Halo
L'icône Halo 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 Halo dans React ?
Installez @iconify/react et affichez <Icon icon="fxemoji:halo" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Halo à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fxemoji/halo.svg" alt="Icône Halo">, ou collez le code SVG directement dans la page pour le styliser en CSS.