Bear icon
fxemoji:bear
The Bear icon (fxemoji:bear) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Nature
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#AF773F" d="M505.769 339.18c0-79.323-66.074-89.722-67.631-128.426c-.052-4.03-.249-8.025-.56-11.988c29.177-13.125 49.505-42.427 49.505-76.495c0-46.314-37.545-83.86-83.86-83.86c-20.089 0-38.522 7.072-52.963 18.851C322.761 40.598 290.503 31 255.999 31c-35.799 0-69.181 10.33-97.338 28.167c-14.751-12.913-34.053-20.756-55.197-20.756c-46.314 0-83.86 37.545-83.86 83.86c0 36.043 22.743 66.768 54.658 78.626a184 184 0 0 0-.406 10.284c-1.963 37.891-65.001 48.714-66.53 125.162a132 132 0 0 0-1.096 16.982c0 72.27 58.586 130.856 130.856 130.856q.505 0 1.048-.016c13.734-.108 26.959-2.335 39.374-6.366c8.255-1.677 16.951-3.494 25.495-5.206c36.02 18.846 75.361 23.353 103.252 4.547c22.013 4.937 46.859 9.13 68.655 7.041c72.27 0 130.856-58.586 130.856-130.856c0-4.325-.216-8.6-.626-12.817c.41-.401.629-.842.629-1.328M215.157 470.227c3.247-.61 6.424-1.185 9.497-1.71a57 57 0 0 1-9.497 1.71"/><path fill="#D19B61" d="M277.806 304.361s7.646 9.475 20.474 23.688c6.353 7.106 13.072 15.397 23.922 24.28c10.512 8.883 23.621 18.358 30.381 27.833c6.869 9.475 7.806 18.95 8.496 27.833c.347 8.883-1.352 17.174-4.29 24.28c-2.957 7.106-6.92 13.028-10.807 17.174c-3.471 4.145-6.726 6.514-6.726 6.514c-50.847 37.002-118.23 35.043-166.513 0c0 0-3.255-2.369-6.726-6.514c-3.888-4.145-7.85-10.067-10.808-17.174c-2.937-7.106-4.636-15.397-4.289-24.28c.69-8.883 1.628-18.358 8.495-27.833c6.759-9.475 19.869-18.95 30.381-27.833c10.851-8.883 17.569-17.174 23.922-24.28c12.83-14.212 20.475-23.688 20.475-23.688c9.718-12.043 27.359-13.928 39.402-4.21a29.6 29.6 0 0 1 4.211 4.21"/><path fill="#2B3B47" d="M145.578 241.842c15.148 0 27.428 12.28 27.428 27.428v33.716c0 15.148-12.28 27.428-27.428 27.428s-27.428-12.28-27.428-27.428V269.27c0-15.148 12.28-27.428 27.428-27.428m220.844 0c-15.148 0-27.428 12.28-27.428 27.428v33.716c0 15.148 12.28 27.428 27.428 27.428s27.428-12.28 27.428-27.428V269.27c0-15.148-12.28-27.428-27.428-27.428M234.534 357.328l-2.076.566l-1.109.309l-1.173.371c-.822.268-1.895.575-2.776.919l-3.114 1.141c-1.002.415-2.124.864-3.136 1.344c-1.103.48-2.04.99-3.106 1.528c-.929.538-1.989 1.104-2.831 1.694c-3.72 2.362-6.117 5.117-7.139 8.069a7.2 7.2 0 0 0-.031 4.551c.461 1.55 1.454 3.124 2.402 4.699c.963 1.574 1.972 3.149 2.737 4.699l1.212 2.303l1.283 2.248l1.343 2.174l1.386 2.082a80 80 0 0 0 2.829 3.813c.95 1.181 1.836 2.263 2.73 3.223c.882.959 1.629 1.796 2.352 2.485c.675.689 1.262 1.23 1.673 1.599c.395.369.642.566.642.566c15.658 12.476 38.409 13.002 54.736 0c0 0 .247-.197.642-.566c.41-.369.998-.91 1.673-1.599c.723-.689 1.47-1.525 2.352-2.485c.894-.959 1.78-2.042 2.73-3.223a80 80 0 0 0 2.829-3.813l1.386-2.082l1.343-2.174l1.283-2.248l1.212-2.303c.765-1.55 1.774-3.124 2.737-4.699c.948-1.574 1.941-3.149 2.402-4.699a7.2 7.2 0 0 0-.031-4.551c-1.022-2.952-3.419-5.707-7.139-8.069c-.843-.59-1.902-1.156-2.831-1.694c-1.066-.538-2.004-1.049-3.106-1.528c-1.012-.48-2.134-.929-3.136-1.344l-3.114-1.141c-.881-.344-1.954-.652-2.776-.919l-1.173-.371l-1.109-.309l-2.076-.566c-13.509-3.634-28.462-3.944-42.932 0"/><path fill="#E583C9" d="M60.088 122.271c0-23.956 19.42-43.376 43.376-43.376a43.16 43.16 0 0 1 22.766 6.455c-20.32 20.633-35.755 46.084-44.439 74.488c-12.969-7.499-21.703-21.509-21.703-37.567m369.215 34.659c10.504-7.916 17.296-20.493 17.296-34.659c0-23.956-19.42-43.376-43.376-43.376a43.2 43.2 0 0 0-19.341 4.552c20.552 20.265 36.308 45.377 45.421 73.483"/></svg>How to use the Bear icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:bear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:bear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:bear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--bear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:bear"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:bear"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/bear.svg" alt="Bear icon" width="24" height="24">Bear icon in other icon sets
Bear icon FAQ
Is the Bear icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Bear icon in React?
Install @iconify/react and render <Icon icon="fxemoji:bear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bear icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/bear.svg" alt="Bear icon">, or paste the SVG code inline to style it with CSS.