Bear Face icon

game-icons:bear-face

The Bear Face icon (game-icons:bear-face) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512
Tags: bearface

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M64.264 44.704c-88.765 25.213-39.73 158.676-2.108 161.887c-8.506 42.218-13.32 84.645-12.642 127.824c.355 22.67 51.374 58.424 105.35 86.035C186.48 466.787 238.98 466.876 256 467.296c17.02-.42 69.52-.51 101.137-46.846c53.975-27.61 104.994-63.364 105.35-86.035c.677-43.179-4.137-85.606-12.643-127.824c37.623-3.211 86.657-136.674-2.108-161.887c-28.433 1.462-55.606 16.152-82.172 37.223C317.64 62.233 293.164 61.296 256 61.296s-61.639.937-109.564 20.63c-26.566-21.07-53.739-35.76-82.172-37.222m4.927 49.928c6.057-.096 17.237 5.625 26.809 14.664c3.362 3.175-22.916 51.05-26.818 50.158c-4.59-1.05-14.985-48.285-3.725-63.318c.745-.994 2.039-1.477 3.734-1.504m373.618 0c1.695.027 2.99.51 3.734 1.504c11.26 15.033.865 62.268-3.725 63.318c-3.902.893-30.18-46.983-26.818-50.158c9.572-9.04 20.752-14.76 26.809-14.664m-260.85 82.088c17.457-.304 30.686 24.445 42.041 44.576c-53.57 15.878-82.575-17.11-57.752-37.777c5.603-4.665 10.823-6.714 15.711-6.8zm148.082 0c4.888.085 10.108 2.134 15.711 6.799c24.823 20.667-4.181 53.655-57.752 37.777c11.355-20.13 24.584-44.88 42.041-44.576M256 251.548c17.32.223 36.826 9.567 30.197 36.517c-1.444 5.872-12.516 8.617-21.197 9.7v8.972c99.884 41.126 79.565 138.559-9 138.559s-108.884-97.433-9-138.559v-8.972c-8.68-1.083-19.753-3.828-21.197-9.7c-6.629-26.95 12.877-36.294 30.197-36.517"/></svg>

How to use the Bear Face icon

React

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

<Icon icon="game-icons:bear-face" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:bear-face" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:bear-face" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:bear-face"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/bear-face.svg" alt="Bear Face icon" width="24" height="24">

Related icons in Game Icons

Bear Face icon in other icon sets

Bear Face icon FAQ

Is the Bear Face icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Bear Face icon in React?

Install @iconify/react and render <Icon icon="game-icons:bear-face" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Bear Face icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/bear-face.svg" alt="Bear Face icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →