ICONYZ
Français
Icône Bear Face de Streamline Emojis

Icône Bear Face

streamline-emojis:bear-face

L'icône Bear Face (streamline-emojis:bear-face) est une icône SVG gratuite de la collection Streamline Emojis par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Streamline Emojis 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
Streamline Emojis
Auteur
Streamline
Licence
CC-BY-4.0
Taille
48 × 48
Catégorie
Animaux et nature
Mots-clés
bearface
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#debb7e" d="M27.66 11.09a6.72 6.72 0 1 0 13.44 0a6.72 6.72 0 1 0-13.44 0m-20.76 0a6.72 6.72 0 1 0 13.44 0a6.72 6.72 0 1 0-13.44 0"/><path fill="#f0d5a8" d="M34.38 7A6.72 6.72 0 0 1 41 12.42a6.5 6.5 0 0 0 .13-1.33a6.72 6.72 0 1 0-13.43 0a6.5 6.5 0 0 0 .14 1.33A6.72 6.72 0 0 1 34.38 7M13.62 7a6.72 6.72 0 0 1 6.58 5.38a6.5 6.5 0 0 0 .14-1.33a6.72 6.72 0 1 0-13.43 0A6.5 6.5 0 0 0 7 12.42A6.72 6.72 0 0 1 13.62 7"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.66 11.09a6.72 6.72 0 1 0 13.44 0a6.72 6.72 0 1 0-13.44 0m-20.76 0a6.72 6.72 0 1 0 13.44 0a6.72 6.72 0 1 0-13.44 0"/><path fill="#45413c" d="M9.96 45.17a14.04 1.83 0 1 0 28.08 0a14.04 1.83 0 1 0-28.08 0" opacity=".15"/><path fill="#debb7e" d="M37.91 19.63v-1.24C37.91 11.79 32.26 7 25.28 7h-2.56c-7 0-12.63 4.75-12.63 11.35v1.23a10.72 10.72 0 0 0-3.79 8.19C6.3 33.39 11.11 38 17.05 38H31c5.94 0 10.75-4.56 10.75-10.18a10.72 10.72 0 0 0-3.84-8.19"/><path fill="#f0d5a8" d="M37.91 19.63v-1.24C37.91 11.79 32.26 7 25.28 7h-2.56c-7 0-12.63 4.75-12.63 11.35v1.23a10.72 10.72 0 0 0-3.79 8.19a9.5 9.5 0 0 0 .2 1.93a10.8 10.8 0 0 1 2.79-5.48a2.85 2.85 0 0 0 .8-2c0-6.61 5.65-11.35 12.63-11.35h2.56c7 0 12.63 4.74 12.63 11.35a2.85 2.85 0 0 0 .8 2a10.8 10.8 0 0 1 2.79 5.48a9.5 9.5 0 0 0 .2-1.93a10.72 10.72 0 0 0-3.79-8.14"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M37.91 19.63v-1.24C37.91 11.79 32.26 7 25.28 7h-2.56c-7 0-12.63 4.75-12.63 11.35v1.23h0a10.72 10.72 0 0 0-3.79 8.19C6.3 33.39 11.11 38 17.05 38H31c5.94 0 10.75-4.56 10.75-10.18a10.72 10.72 0 0 0-3.84-8.19"/><path fill="#f0d5a8" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.12 37.95a4.88 3.05 0 1 0 9.76 0a4.88 3.05 0 1 0-9.76 0"/><path fill="#f7e5c6" d="M25.83 28.18h-3.66a6.11 6.11 0 0 0-6.11 6.1A4.26 4.26 0 0 0 24 36.45a4.26 4.26 0 0 0 7.94-2.17a6.11 6.11 0 0 0-6.11-6.1"/><path fill="#fff5e3" d="M22.17 31.46h3.66a6.1 6.1 0 0 1 5.82 4.34a4.2 4.2 0 0 0 .29-1.52a6.11 6.11 0 0 0-6.11-6.1h-3.66a6.11 6.11 0 0 0-6.11 6.1a4.2 4.2 0 0 0 .29 1.52a6.1 6.1 0 0 1 5.82-4.34"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M25.83 28.18h-3.66a6.11 6.11 0 0 0-6.11 6.1A4.26 4.26 0 0 0 24 36.45a4.26 4.26 0 0 0 7.94-2.17a6.11 6.11 0 0 0-6.11-6.1"/><path fill="#87898c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.05 30A3.13 3.13 0 0 1 21 30c0-1 1.36-1.83 3.05-1.83s3 .83 3 1.83"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.11 24.52a1.83 1.83 0 1 0 3.66 0a1.83 1.83 0 1 0-3.66 0m-15.88 0a1.83 1.83 0 1 0 3.66 0a1.83 1.83 0 1 0-3.66 0"/><path fill="#fff5e3" d="M38.65 30.4c0 .55-1 1-2.22 1s-2.22-.45-2.22-1s1-1 2.22-1s2.22.45 2.22 1m-24.86 0c0 .55-1 1-2.22 1s-2.22-.45-2.22-1s1-1 2.22-1s2.22.45 2.22 1"/></svg>

Comment utiliser l'icône Bear Face

React

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

<Icon icon="streamline-emojis:bear-face" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:bear-face" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:bear-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--bear-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:bear-face"></div>

Web component

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

<iconify-icon icon="streamline-emojis:bear-face"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/bear-face.svg" alt="Icône Bear Face" width="24" height="24">

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

FAQ : Icône Bear Face

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

Oui. Les Streamline Emojis 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 Bear Face dans React ?

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

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

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

Voir toutes les Icônes Streamline Emojis →