bear face emoji

bear-face from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name: bear-face
Set: Emoji One (Colored)
Style: Default
Category: Nature
Viewbox: 64×64
License: CC BY 4.0
Aliases: bear

The same emoji in other sets

bear-faceLucide Lab bear-faceStreamline Emojis

More nature icons from Emoji One (Colored)

Use the bear face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#947151" d="M60.6 10.4c0 4.6-3.9 8.4-8.7 8.4s-8.7-3.8-8.7-8.4S47.1 2 51.9 2s8.7 3.8 8.7 8.4"/><path fill="#e0ac7e" d="M57.1 10.4c0 2.8-2.3 5.1-5.2 5.1s-5.2-2.3-5.2-5.1s2.3-5.1 5.2-5.1s5.2 2.3 5.2 5.1"/><ellipse cx="12.1" cy="10.4" fill="#947151" rx="8.7" ry="8.4"/><ellipse cx="12.1" cy="10.4" fill="#e0ac7e" rx="5.2" ry="5.1"/><path fill="#947151" d="M62 37.1C62 55.2 41.8 62 32 62S2 55.2 2 37.1c0-23 11-28.3 30-28.3s30 5.3 30 28.3"/><path fill="#e0ac7e" d="M18.9 45.6c0-9.3 8.9-12.8 13.2-12.8s13.2 3.5 13.2 12.8c0 11.8-4.8 14.6-13.2 14.6s-13.2-2.8-13.2-14.6"/><path fill="#947151" d="M32.7 2c.3 1.6-.6 2.8-.6 2.8c-1.4-1.9-4.2-2.5-4.2-2.5c1.1 1.3.8 3.3.8 3.3c-1.9-.7-3.6-.6-3.6-.6c4 3 3.1 12.1 3.1 12.1c4.7-5 10.6-7.4 10.6-7.4C37.5 5 32.7 2 32.7 2"/><g fill="#3e4347"><path d="M36.4 57c.1 0 .1-.2.1-.3c0-.7-2-1.4-4.5-1.4s-4.5.6-4.5 1.4c0 .1 0 .3.1.3zM22.8 45.9c0-3.8 4.1-4.6 9.2-4.6s9.2.7 9.2 4.6c0 3.1-7.4 5.8-9.2 5.8s-9.2-2.8-9.2-5.8m36.3-15.2l-1.7.3l-1.7.3c-1.1.2-2.3.3-3.4.5c-2.3.3-4.5.5-6.8.7c-4.4.3-9 .5-13.5.5s-9.1-.2-13.6-.6s-9.1-1-13.5-2c-.1 0-.1-.1-.1-.1l.1-.1c2.3.1 4.5.3 6.8.4s4.5.2 6.8.3c4.5.1 9 .2 13.6.2c4.5 0 9 0 13.6-.1c4.5-.1 9-.3 13.6-.4c.1 0 .1 0 .1.1c-.2-.1-.2 0-.3 0"/><path d="M19.6 32.5c0 1.6-1.6 2.9-3.6 2.9s-3.6-1.3-3.6-2.9s1.6-1.2 3.6-1.2s3.6-.4 3.6 1.2m32.1 0c0 1.6-1.6 2.9-3.6 2.9s-3.6-1.3-3.6-2.9s1.6-1.2 3.6-1.2s3.6-.4 3.6 1.2"/></g></svg>

React

import type { SVGProps } from "react";

export function EmojioneBearFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#947151" d="M60.6 10.4c0 4.6-3.9 8.4-8.7 8.4s-8.7-3.8-8.7-8.4S47.1 2 51.9 2s8.7 3.8 8.7 8.4"/><path fill="#e0ac7e" d="M57.1 10.4c0 2.8-2.3 5.1-5.2 5.1s-5.2-2.3-5.2-5.1s2.3-5.1 5.2-5.1s5.2 2.3 5.2 5.1"/><ellipse cx="12.1" cy="10.4" fill="#947151" rx="8.7" ry="8.4"/><ellipse cx="12.1" cy="10.4" fill="#e0ac7e" rx="5.2" ry="5.1"/><path fill="#947151" d="M62 37.1C62 55.2 41.8 62 32 62S2 55.2 2 37.1c0-23 11-28.3 30-28.3s30 5.3 30 28.3"/><path fill="#e0ac7e" d="M18.9 45.6c0-9.3 8.9-12.8 13.2-12.8s13.2 3.5 13.2 12.8c0 11.8-4.8 14.6-13.2 14.6s-13.2-2.8-13.2-14.6"/><path fill="#947151" d="M32.7 2c.3 1.6-.6 2.8-.6 2.8c-1.4-1.9-4.2-2.5-4.2-2.5c1.1 1.3.8 3.3.8 3.3c-1.9-.7-3.6-.6-3.6-.6c4 3 3.1 12.1 3.1 12.1c4.7-5 10.6-7.4 10.6-7.4C37.5 5 32.7 2 32.7 2"/><g fill="#3e4347"><path d="M36.4 57c.1 0 .1-.2.1-.3c0-.7-2-1.4-4.5-1.4s-4.5.6-4.5 1.4c0 .1 0 .3.1.3zM22.8 45.9c0-3.8 4.1-4.6 9.2-4.6s9.2.7 9.2 4.6c0 3.1-7.4 5.8-9.2 5.8s-9.2-2.8-9.2-5.8m36.3-15.2l-1.7.3l-1.7.3c-1.1.2-2.3.3-3.4.5c-2.3.3-4.5.5-6.8.7c-4.4.3-9 .5-13.5.5s-9.1-.2-13.6-.6s-9.1-1-13.5-2c-.1 0-.1-.1-.1-.1l.1-.1c2.3.1 4.5.3 6.8.4s4.5.2 6.8.3c4.5.1 9 .2 13.6.2c4.5 0 9 0 13.6-.1c4.5-.1 9-.3 13.6-.4c.1 0 .1 0 .1.1c-.2-.1-.2 0-.3 0"/><path d="M19.6 32.5c0 1.6-1.6 2.9-3.6 2.9s-3.6-1.3-3.6-2.9s1.6-1.2 3.6-1.2s3.6-.4 3.6 1.2m32.1 0c0 1.6-1.6 2.9-3.6 2.9s-3.6-1.3-3.6-2.9s1.6-1.2 3.6-1.2s3.6-.4 3.6 1.2"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#947151" d="M60.6 10.4c0 4.6-3.9 8.4-8.7 8.4s-8.7-3.8-8.7-8.4S47.1 2 51.9 2s8.7 3.8 8.7 8.4"/><path fill="#e0ac7e" d="M57.1 10.4c0 2.8-2.3 5.1-5.2 5.1s-5.2-2.3-5.2-5.1s2.3-5.1 5.2-5.1s5.2 2.3 5.2 5.1"/><ellipse cx="12.1" cy="10.4" fill="#947151" rx="8.7" ry="8.4"/><ellipse cx="12.1" cy="10.4" fill="#e0ac7e" rx="5.2" ry="5.1"/><path fill="#947151" d="M62 37.1C62 55.2 41.8 62 32 62S2 55.2 2 37.1c0-23 11-28.3 30-28.3s30 5.3 30 28.3"/><path fill="#e0ac7e" d="M18.9 45.6c0-9.3 8.9-12.8 13.2-12.8s13.2 3.5 13.2 12.8c0 11.8-4.8 14.6-13.2 14.6s-13.2-2.8-13.2-14.6"/><path fill="#947151" d="M32.7 2c.3 1.6-.6 2.8-.6 2.8c-1.4-1.9-4.2-2.5-4.2-2.5c1.1 1.3.8 3.3.8 3.3c-1.9-.7-3.6-.6-3.6-.6c4 3 3.1 12.1 3.1 12.1c4.7-5 10.6-7.4 10.6-7.4C37.5 5 32.7 2 32.7 2"/><g fill="#3e4347"><path d="M36.4 57c.1 0 .1-.2.1-.3c0-.7-2-1.4-4.5-1.4s-4.5.6-4.5 1.4c0 .1 0 .3.1.3zM22.8 45.9c0-3.8 4.1-4.6 9.2-4.6s9.2.7 9.2 4.6c0 3.1-7.4 5.8-9.2 5.8s-9.2-2.8-9.2-5.8m36.3-15.2l-1.7.3l-1.7.3c-1.1.2-2.3.3-3.4.5c-2.3.3-4.5.5-6.8.7c-4.4.3-9 .5-13.5.5s-9.1-.2-13.6-.6s-9.1-1-13.5-2c-.1 0-.1-.1-.1-.1l.1-.1c2.3.1 4.5.3 6.8.4s4.5.2 6.8.3c4.5.1 9 .2 13.6.2c4.5 0 9 0 13.6-.1c4.5-.1 9-.3 13.6-.4c.1 0 .1 0 .1.1c-.2-.1-.2 0-.3 0"/><path d="M19.6 32.5c0 1.6-1.6 2.9-3.6 2.9s-3.6-1.3-3.6-2.9s1.6-1.2 3.6-1.2s3.6-.4 3.6 1.2m32.1 0c0 1.6-1.6 2.9-3.6 2.9s-3.6-1.3-3.6-2.9s1.6-1.2 3.6-1.2s3.6-.4 3.6 1.2"/></g></svg>
</template>

CSS

.icon-bear-face {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M60.6%2010.4c0%204.6-3.9%208.4-8.7%208.4s-8.7-3.8-8.7-8.4S47.1%202%2051.9%202s8.7%203.8%208.7%208.4%22%2F%3E%3Cpath%20fill%3D%22%23e0ac7e%22%20d%3D%22M57.1%2010.4c0%202.8-2.3%205.1-5.2%205.1s-5.2-2.3-5.2-5.1s2.3-5.1%205.2-5.1s5.2%202.3%205.2%205.1%22%2F%3E%3Cellipse%20cx%3D%2212.1%22%20cy%3D%2210.4%22%20fill%3D%22%23947151%22%20rx%3D%228.7%22%20ry%3D%228.4%22%2F%3E%3Cellipse%20cx%3D%2212.1%22%20cy%3D%2210.4%22%20fill%3D%22%23e0ac7e%22%20rx%3D%225.2%22%20ry%3D%225.1%22%2F%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M62%2037.1C62%2055.2%2041.8%2062%2032%2062S2%2055.2%202%2037.1c0-23%2011-28.3%2030-28.3s30%205.3%2030%2028.3%22%2F%3E%3Cpath%20fill%3D%22%23e0ac7e%22%20d%3D%22M18.9%2045.6c0-9.3%208.9-12.8%2013.2-12.8s13.2%203.5%2013.2%2012.8c0%2011.8-4.8%2014.6-13.2%2014.6s-13.2-2.8-13.2-14.6%22%2F%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M32.7%202c.3%201.6-.6%202.8-.6%202.8c-1.4-1.9-4.2-2.5-4.2-2.5c1.1%201.3.8%203.3.8%203.3c-1.9-.7-3.6-.6-3.6-.6c4%203%203.1%2012.1%203.1%2012.1c4.7-5%2010.6-7.4%2010.6-7.4C37.5%205%2032.7%202%2032.7%202%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22M36.4%2057c.1%200%20.1-.2.1-.3c0-.7-2-1.4-4.5-1.4s-4.5.6-4.5%201.4c0%20.1%200%20.3.1.3zM22.8%2045.9c0-3.8%204.1-4.6%209.2-4.6s9.2.7%209.2%204.6c0%203.1-7.4%205.8-9.2%205.8s-9.2-2.8-9.2-5.8m36.3-15.2l-1.7.3l-1.7.3c-1.1.2-2.3.3-3.4.5c-2.3.3-4.5.5-6.8.7c-4.4.3-9%20.5-13.5.5s-9.1-.2-13.6-.6s-9.1-1-13.5-2c-.1%200-.1-.1-.1-.1l.1-.1c2.3.1%204.5.3%206.8.4s4.5.2%206.8.3c4.5.1%209%20.2%2013.6.2c4.5%200%209%200%2013.6-.1c4.5-.1%209-.3%2013.6-.4c.1%200%20.1%200%20.1.1c-.2-.1-.2%200-.3%200%22%2F%3E%3Cpath%20d%3D%22M19.6%2032.5c0%201.6-1.6%202.9-3.6%202.9s-3.6-1.3-3.6-2.9s1.6-1.2%203.6-1.2s3.6-.4%203.6%201.2m32.1%200c0%201.6-1.6%202.9-3.6%202.9s-3.6-1.3-3.6-2.9s1.6-1.2%203.6-1.2s3.6-.4%203.6%201.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M60.6%2010.4c0%204.6-3.9%208.4-8.7%208.4s-8.7-3.8-8.7-8.4S47.1%202%2051.9%202s8.7%203.8%208.7%208.4%22%2F%3E%3Cpath%20fill%3D%22%23e0ac7e%22%20d%3D%22M57.1%2010.4c0%202.8-2.3%205.1-5.2%205.1s-5.2-2.3-5.2-5.1s2.3-5.1%205.2-5.1s5.2%202.3%205.2%205.1%22%2F%3E%3Cellipse%20cx%3D%2212.1%22%20cy%3D%2210.4%22%20fill%3D%22%23947151%22%20rx%3D%228.7%22%20ry%3D%228.4%22%2F%3E%3Cellipse%20cx%3D%2212.1%22%20cy%3D%2210.4%22%20fill%3D%22%23e0ac7e%22%20rx%3D%225.2%22%20ry%3D%225.1%22%2F%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M62%2037.1C62%2055.2%2041.8%2062%2032%2062S2%2055.2%202%2037.1c0-23%2011-28.3%2030-28.3s30%205.3%2030%2028.3%22%2F%3E%3Cpath%20fill%3D%22%23e0ac7e%22%20d%3D%22M18.9%2045.6c0-9.3%208.9-12.8%2013.2-12.8s13.2%203.5%2013.2%2012.8c0%2011.8-4.8%2014.6-13.2%2014.6s-13.2-2.8-13.2-14.6%22%2F%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M32.7%202c.3%201.6-.6%202.8-.6%202.8c-1.4-1.9-4.2-2.5-4.2-2.5c1.1%201.3.8%203.3.8%203.3c-1.9-.7-3.6-.6-3.6-.6c4%203%203.1%2012.1%203.1%2012.1c4.7-5%2010.6-7.4%2010.6-7.4C37.5%205%2032.7%202%2032.7%202%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22M36.4%2057c.1%200%20.1-.2.1-.3c0-.7-2-1.4-4.5-1.4s-4.5.6-4.5%201.4c0%20.1%200%20.3.1.3zM22.8%2045.9c0-3.8%204.1-4.6%209.2-4.6s9.2.7%209.2%204.6c0%203.1-7.4%205.8-9.2%205.8s-9.2-2.8-9.2-5.8m36.3-15.2l-1.7.3l-1.7.3c-1.1.2-2.3.3-3.4.5c-2.3.3-4.5.5-6.8.7c-4.4.3-9%20.5-13.5.5s-9.1-.2-13.6-.6s-9.1-1-13.5-2c-.1%200-.1-.1-.1-.1l.1-.1c2.3.1%204.5.3%206.8.4s4.5.2%206.8.3c4.5.1%209%20.2%2013.6.2c4.5%200%209%200%2013.6-.1c4.5-.1%209-.3%2013.6-.4c.1%200%20.1%200%20.1.1c-.2-.1-.2%200-.3%200%22%2F%3E%3Cpath%20d%3D%22M19.6%2032.5c0%201.6-1.6%202.9-3.6%202.9s-3.6-1.3-3.6-2.9s1.6-1.2%203.6-1.2s3.6-.4%203.6%201.2m32.1%200c0%201.6-1.6%202.9-3.6%202.9s-3.6-1.3-3.6-2.9s1.6-1.2%203.6-1.2s3.6-.4%203.6%201.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/bear-face.svg?color=%231a73e8&size=48