Icône Tangerine

emojione-monotone:tangerine

L'icône Tangerine (emojione-monotone:tangerine) est une icône SVG gratuite de la collection Emoji One (Monotone) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Monotone) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Emoji One (Monotone)
Auteur: Emoji One
Licence: CC-BY-4.0
Taille: 64 × 64
Catégorie: Nourriture

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="currentColor" d="m17.843 29.893l.774.796l.775-.796l-.775-.796zm-4.469-.458l-.774-.797l-.775.797l.775.795zm-6.392-.001l.774.796l.774-.796l-.774-.796zm14.196 3.8l.774.795l.775-.795l-.775-.796zm-3.335 4.083l.774.796l.775-.796l-.775-.796zm-5.243 0l.774.796l.774-.796l-.774-.796zm-5.993.439l.774.797l.774-.797l-.774-.796zm8.614-4.329l.775.796l.774-.796l-.774-.796zm-5.243 0l.774.796l.774-.796l-.774-.797zM22.18 26.36l-.775-.797l-.774.797l.774.796zm-5.784-.001l-.773-.796l-.775.796l.775.796zm-5.644-.795l-.774-.796l-.775.796l.775.796zm7.678-2.275l.774.796l.775-.796l-.775-.796zm-2.2-3.004l.775.796l.774-.796l-.774-.796zm-3.63 2.208l.774.796l.774-.796l-.774-.796zm2.621 18.818l.775.794l.774-.794l-.774-.797zm-5.535 0l.774.794l.774-.794l-.774-.797z"/><path fill="currentColor" d="M62 10.084c-1.049.632-2.166 1.142-3.318 1.574a17.5 17.5 0 0 1-3.599.832c-2.469.309-4.973-.107-7.327-.728c-2.358-.627-4.645-1.387-7.002-1.529c-2.357-.157-4.724.482-6.914 1.551a13.7 13.7 0 0 1 3.271-1.687a12 12 0 0 1 3.659-.604c2.509-.028 4.896.743 7.217 1.333c2.319.631 4.665 1.045 7.038.923c2.371-.115 4.711-.774 6.975-1.665c0 0-8.109 1.504-14.59-3.901c-6.134-5.115-12.602-.427-13.516 5.205a11 11 0 0 1-1.959-.446c-.059-2.264-.446-4.953-1.438-8.101l-.003.001C30.348 2.35 29.992 2 29.572 2c-.553 0-.999.602-.999 1.345c0 .145.03.278.061.409l-.011.005l.026.094l.007.025c1.366 4.404 1.269 7.871.699 10.39a29 29 0 0 0-1.474-.041C13.586 14.226 2 24.921 2 38.113S13.586 62 27.881 62c14.293 0 25.881-10.695 25.881-23.887c0-6.615-2.914-12.601-7.621-16.926C54.489 19.5 62 10.084 62 10.084M51.262 38.113c0 11.793-10.488 21.387-23.381 21.387C14.989 59.5 4.5 49.906 4.5 38.113c0-1.512.175-2.987.503-4.411l.507.521l.773-.797l-.773-.796l-.319.327c2.433-8.954 11.046-15.698 21.442-16.2c-.054.792-.003 1.58-.003 1.58s-4.502-.643-4.673.553c-.167 1.173 4.24 1.871 4.24 1.871s-1.992 4.415-.896 5.011c1.152.628 3.714-3.769 3.714-3.769s4.101 3.257 4.921 2.169c.766-1.015-3.049-4.071-3.049-4.071s2.916-1.744 2.531-2.569c-.235-.506-1.369-.338-2.383-.07c.054-.157.105-.346.158-.519c1.604.209 3.157.565 4.64 1.057a10 10 0 0 0 2.188 1.831a10.5 10.5 0 0 0 4.382 1.538c5.391 3.921 8.859 9.967 8.859 16.744M31.727 14.49c.106-.733.19-1.519.212-2.407c.525.123 1.147.23 1.855.28a8 8 0 0 0 .317 2.564a28 28 0 0 0-2.384-.437"/></svg>

Comment utiliser l'icône Tangerine

React

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

<Icon icon="emojione-monotone:tangerine" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:tangerine" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:tangerine" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione-monotone:tangerine"></iconify-icon>

Image HTML

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

L'icône Tangerine dans d'autres collections

FAQ : Icône Tangerine

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

Oui. Les Emoji One (Monotone) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Tangerine dans React ?

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

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

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

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