Icono Ladybeetle
fxemoji:ladybeetle
El icono Ladybeetle (fxemoji:ladybeetle) 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="#2C3C47" d="M489.807 302.675h-58.664c.285-4.293.441-8.624.441-12.993c0-24.538-4.587-47.952-12.892-69.369c16.763-20.689 26.823-47.02 26.823-75.661c0-8.943-7.25-16.193-16.193-16.193s-16.193 7.25-16.193 16.193c0 15.499-4.033 30.072-11.097 42.733c-19.388-30.413-47.173-54.449-79.888-68.488a70.3 70.3 0 0 0 3.555-22.088c0-29.727-18.437-55.135-44.487-65.46l5.963-19.167c1.106-3.551-.538-7.474-3.992-9.118a7.603 7.603 0 0 0-10.127 3.6l-9.609 20.223a71 71 0 0 0-8.145-.484c-2.76 0-5.478.176-8.155.485l-9.608-20.224c-1.595-3.366-5.46-5.136-9.119-3.992a7.586 7.586 0 0 0-5 9.511l5.963 19.167c-26.053 10.326-44.488 35.732-44.488 65.459a70.3 70.3 0 0 0 3.572 22.136c-31.569 13.574-58.539 36.463-77.794 65.405c-6.057-11.933-9.475-25.421-9.475-39.693c0-8.943-7.25-16.193-16.193-16.193s-16.193 7.25-16.193 16.193c0 27.249 9.106 52.408 24.427 72.607c-9.072 22.235-14.099 46.711-14.099 72.418c0 3.664.114 7.299.315 10.91h-57.26C13.25 300.592 6 307.841 6 316.784s7.25 16.193 16.193 16.193h51.835c5.361 23.339 24.951 44.952 37.886 63.895C84.249 418.948 66.487 452.937 66.487 491c0 8.943 7.25 16.193 16.193 16.193s16.193-7.25 16.193-16.193c0-27.997 13.143-52.981 33.583-69.109c31.747 32.36 75.099 52.301 122.905 52.301c38.744 0 74.56-13.102 103.649-35.291a42.07 42.07 0 0 0 26.513-9.566c15.626 15.891 25.282 37.669 25.282 61.663c0 8.943 7.25 16.193 16.193 16.193s16.193-7.25 16.193-16.193c0-36.606-16.428-69.443-42.293-91.541c.061-.93.103-1.864.103-2.809c0-.978-.045-1.945-.111-2.906c11.507-17.608 20.176-37.408 25.315-58.682h63.601c8.943 0 16.193-7.25 16.193-16.193s-7.249-16.192-16.192-16.192"/><path fill="#EF4B44" d="M289.575 127.608c-14.412-2.035-27.239 9.324-27.239 23.873v334.08c0 14.55 12.827 25.909 27.239 23.874c93.595-13.229 165.587-93.664 165.587-190.908c0-97.255-71.992-177.69-165.587-190.919m55.556 49.375c23.746 0 43.001 19.255 43.001 43s-19.255 43.002-43.001 43.002s-43.001-19.255-43.001-43.002c0-23.745 19.255-43 43.001-43m-52.879 132.381c0-10.38 8.414-18.805 18.795-18.805c10.391 0 18.805 8.425 18.805 18.805c0 10.381-8.414 18.806-18.805 18.806c-10.381 0-18.795-8.425-18.795-18.806m66.492 129.543c-23.335 0-42.248-18.923-42.248-42.259c0-23.334 18.913-42.258 42.248-42.258s42.258 18.923 42.258 42.258s-18.923 42.259-42.258 42.259M222.425 127.61C128.83 140.839 56.838 221.274 56.838 318.518c0 97.255 71.992 177.69 165.587 190.919c14.412 2.035 27.239-9.324 27.239-23.874V151.484c0-14.559-12.827-25.909-27.239-23.874m-91.334 242.978c-29.715 0-53.793-24.088-53.793-53.803s24.079-53.802 53.793-53.802s53.803 24.088 53.803 53.802c0 29.715-24.088 53.803-53.803 53.803m58.099 87.121c-10.381 0-18.795-8.425-18.795-18.806s8.414-18.805 18.795-18.805c10.391 0 18.805 8.425 18.805 18.805c.001 10.381-8.414 18.806-18.805 18.806m-2.313-231.429c-16.31 0-29.529-13.218-29.529-29.529c0-16.31 13.218-29.528 29.529-29.528c16.31 0 29.529 13.218 29.529 29.528c0 16.311-13.219 29.529-29.529 29.529"/><path fill="#E7ECEF" d="M315.22 89.979c-8.64 0-15.645-7.006-15.645-15.635v-.058h-.068V52.299h.196a15.7 15.7 0 0 1 3.205-8.228c11.981 10.597 20.33 25.202 22.928 41.725c-2.791 2.587-6.514 4.183-10.616 4.183m-130.452-4.235c2.797 2.618 6.546 4.234 10.68 4.234c8.63 0 15.635-7.006 15.635-15.635c0-.019-.039-.03-.039-.058h.039V52.299h-.156a15.7 15.7 0 0 0-3.218-8.252c-11.981 10.588-20.333 25.184-22.941 41.697"/></svg>Cómo usar el icono Ladybeetle
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:ladybeetle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:ladybeetle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:ladybeetle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--ladybeetle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:ladybeetle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:ladybeetle"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/ladybeetle.svg" alt="Icono Ladybeetle" width="24" height="24">Preguntas frecuentes sobre Icono Ladybeetle
¿El icono Ladybeetle 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 Ladybeetle en React?
Instala @iconify/react y renderiza <Icon icon="fxemoji:ladybeetle" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Ladybeetle a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/ladybeetle.svg" alt="Icono Ladybeetle">, o pega el código SVG en línea para darle estilo con CSS.