Icône Relieved Face

noto:relieved-face

L'icône Relieved Face (noto:relieved-face) est une icône SVG gratuite de la collection Noto Emoji par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto 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: Noto Emoji
Auteur: Google Inc
Licence: Apache-2.0
Taille: 128 × 128
Catégorie: Smileys et émotions
Mots-clés: relievedface

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><radialGradient id="SVGU8UgTbEM" cx="63.6" cy="1104.9" r="56.96" gradientTransform="translate(0 -1042)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#FDE030"/><stop offset=".92" stop-color="#F7C02B"/><stop offset="1" stop-color="#F4A223"/></radialGradient><path fill="url(#SVGU8UgTbEM)" d="M63.6 118.8c-27.9 0-58-17.5-58-55.9S35.7 7 63.6 7c15.5 0 29.8 5.1 40.4 14.4c11.5 10.2 17.6 24.6 17.6 41.5s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#EB8F00" d="M111.49 29.67c5.33 8.6 8.11 18.84 8.11 30.23c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37-7.35-48.18-22.94c10.76 17.66 31 25.94 50.18 25.94c15.4 0 29.8-5.2 40.4-14.5c11.5-10.2 17.6-24.5 17.6-41.4c0-12.74-3.47-24.06-10.11-33.23"/><path fill="#422B0D" d="M64 101c-8.54 0-14.63-6.29-16.47-9.78c-.7-1.18-.83-2.62-.37-3.91c.28-.77 1.02-1.29 1.84-1.31c.28.01.55.06.81.16c4.3 1.69 8.07 4.14 14.24 4.14s10-2.45 14.24-4.14c.26-.1.53-.16.81-.16c.81.04 1.51.55 1.79 1.31c.46 1.29.33 2.73-.37 3.91C78.63 94.71 72.54 101 64 101M49.51 54.37l-.2.2c-.16.18-.33.35-.51.5l-.69.57c-.29.22-.62.46-1 .7s-.77.47-1.2.69c-.44.22-.9.41-1.37.57c-.49.15-.99.27-1.5.37c-.52.08-1.04.12-1.57.12h-.88l-.7-.09c-.51-.1-1.01-.22-1.5-.37c-.48-.18-.94-.39-1.39-.63c-.43-.22-.83-.46-1.2-.69c-.59-.39-1.14-.83-1.66-1.31l-.63-.58l-.25-.25a3.53 3.53 0 0 0-4.57-.17a2.66 2.66 0 0 0-.78 3.25l.15.3c.13.29.28.57.44.84a13.8 13.8 0 0 0 4.09 4.32c.79.55 1.63 1.02 2.51 1.4c.97.43 1.97.76 3 1c.55.1 1.06.2 1.73.26c.31 0 .67.06.83.06h.78c1.12-.02 2.23-.13 3.33-.35c1.03-.24 2.03-.57 3-1c.88-.38 1.72-.85 2.51-1.4a14 14 0 0 0 3.25-3.07l.48-.67l.4-.63c.15-.24.28-.5.39-.77l.11-.25c.6-1.43-.08-3.08-1.51-3.68c-.1-.04-.2-.08-.3-.1c-1.26-.4-2.65-.07-3.59.86m45 0l-.2.2c-.16.18-.33.35-.51.5l-.69.57c-.29.22-.62.46-1 .7s-.77.47-1.2.69c-.44.22-.9.41-1.37.57c-.49.15-.99.27-1.5.37c-.52.08-1.04.12-1.57.12h-.88l-.7-.09c-.51-.1-1.01-.22-1.5-.37c-.48-.18-.94-.39-1.39-.63c-.43-.22-.83-.46-1.2-.69c-.59-.39-1.14-.83-1.66-1.31l-.63-.58l-.25-.25a3.53 3.53 0 0 0-4.57-.17a2.66 2.66 0 0 0-.78 3.25l.15.3c.13.29.28.57.44.84a13.8 13.8 0 0 0 4.09 4.32c.79.55 1.63 1.02 2.51 1.4c.98.43 2 .77 3.05 1c.55.1 1.06.2 1.73.26c.31 0 .67.06.83.06h.78c1.12-.02 2.23-.13 3.33-.35c1.05-.23 2.07-.57 3.05-1c.88-.38 1.72-.85 2.51-1.4a14 14 0 0 0 3.25-3.07l.48-.67l.4-.63c.15-.24.28-.5.39-.77l.11-.25c.6-1.43-.08-3.08-1.51-3.68c-.1-.04-.2-.08-.3-.1a3.56 3.56 0 0 0-3.69.86M28.42 43.28c-.7.73-1.87.76-2.6.05c-.66-.63-.75-1.66-.22-2.4a17.9 17.9 0 0 1 4.07-4.17c4.19-3.23 9.44-4.76 14.71-4.27c2.48.31 2 3.48-.21 3.69c-5.92.47-11.48 2.98-15.75 7.1m70.07 0c.7.73 1.87.76 2.6.05c.66-.63.75-1.66.22-2.4a17.9 17.9 0 0 0-4.07-4.17a20.92 20.92 0 0 0-14.71-4.27c-2.48.31-2 3.48.21 3.69c5.92.47 11.48 2.98 15.75 7.1"/></svg>

Comment utiliser l'icône Relieved Face

React

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

<Icon icon="noto:relieved-face" width="24" />

Vue

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

<template>
  <Icon icon="noto:relieved-face" width="24" />
</template>

Svelte

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

<Icon icon="noto:relieved-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--relieved-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:relieved-face"></div>

Web component

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

<iconify-icon icon="noto:relieved-face"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/noto/relieved-face.svg" alt="Icône Relieved Face" width="24" height="24">

L'icône Relieved Face dans d'autres collections

FAQ : Icône Relieved Face

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

Oui. Les Noto 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 Relieved Face dans React ?

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

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

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

Voir toutes les Icônes Noto Emoji →