Icono Bear
fxemoji:bear
El icono Bear (fxemoji:bear) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Firefox OS Emoji
- Autor
- Mozilla
- Licencia
- Apache-2.0
- Tamaño
- 512 × 512
- Categoría
- Naturaleza
Código SVG
<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>Cómo usar el icono Bear
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/bear.svg" alt="Icono Bear" width="24" height="24">El icono Bear en otras colecciones
Preguntas frecuentes sobre Icono Bear
¿El icono Bear es gratis para uso comercial?
Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Bear en React?
Instala @iconify/react y renderiza <Icon icon="fxemoji:bear" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Bear a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/bear.svg" alt="Icono Bear">, o pega el código SVG en línea para darle estilo con CSS.