ICONYZ
Français
Icône Chocolatebar de Firefox OS Emoji

Icône Chocolatebar

fxemoji:chocolatebar

L'icône Chocolatebar (fxemoji:chocolatebar) 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
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#825527" d="m177.28 170.892l163.5 163.5c5.624 5.624 14.741 5.624 20.365 0l142.1-142.1c5.624-5.624 5.624-14.741 0-20.365L339.745 8.428c-5.624-5.624-14.741-5.624-20.365 0l-142.1 142.1c-5.623 5.623-5.623 14.741 0 20.364"/><path fill="#00B1FF" d="m9.948 308.508l193.216 193.216l180.275-180.275l-200.022-186.411z"/><path fill="#59CAFC" d="m130.076 300.922l80.673 80.673c7.194 7.194 18.857 7.194 26.05 0l73.058-73.058c7.373-7.373 7.162-19.392-.467-26.501l-83.515-77.832c-7.258-6.764-18.569-6.565-25.584.45l-70.216 70.216c-7.192 7.196-7.192 18.859.001 26.052"/><path fill="#CFD2D3" d="m7.836 330.984l172.852 172.852c5.624 5.624 14.741 5.624 20.365 0l29.432-29.432L37.268 281.188L7.836 310.619c-5.624 5.624-5.624 14.742 0 20.365"/><path fill="#009FD6" d="m299.003 405.886l-29.559 29.558l-85.771-300.661z"/><path fill="#6B3F18" d="m463.932 132.614l-14.143-14.142l-66.564 66.563l-53.171-53.171l66.563-66.563l-14.142-14.143l-66.564 66.563l-52.912-52.912l-14.143 14.143l52.913 52.912l-67.413 67.412l14.143 14.143l67.412-67.412l53.172 53.171l-67.413 67.412l14.142 14.142l67.413-67.412l49.496 49.495l14.142-14.142l-49.495-49.495z"/><path fill="#3DBBE8" d="m202.975 202.444l47.272 165.705l22.943-22.943l-62.031-145.814a18.35 18.35 0 0 0-8.184 3.052"/><path fill="#CFD2D3" d="m181.698 131.926l-.394.394a10.06 10.06 0 0 0-2.05 11.262L299.83 409.834c5.434 12 21.187 14.867 30.501 5.553l86.965-86.965a8.79 8.79 0 0 0 0-12.433L195.242 131.305a10.06 10.06 0 0 0-13.544.621"/></svg>

Comment utiliser l'icône Chocolatebar

React

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

<Icon icon="fxemoji:chocolatebar" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:chocolatebar" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:chocolatebar" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--chocolatebar]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="fxemoji:chocolatebar"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/chocolatebar.svg" alt="Icône Chocolatebar" width="24" height="24">

FAQ : Icône Chocolatebar

L'icône Chocolatebar 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 Chocolatebar dans React ?

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

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

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

Voir toutes les Icônes Firefox OS Emoji →