Icono Lobster
twemoji:lobster
El icono Lobster (twemoji:lobster) es un icono SVG gratuito de la colección Twitter Emoji de Twitter. Está dibujado en una cuadrícula de 36 × 36. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Twitter Emoji
- Autor
- Licencia
- CC-BY-4.0
- Tamaño
- 36 × 36
- Categoría
- Animales y naturaleza
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><g fill="#be1931"><path d="M14.847 22.402h-.064c-2.117-.069-4.919-1.006-6.246-5.077a.793.793 0 0 1 .503-.999a.783.783 0 0 1 .992.499l.003.011c.312.959 1.263 3.876 4.8 3.991a.788.788 0 0 1 .012 1.575m-5.348 5.637a.79.79 0 0 1 .698-.342c3.034.181 4.578-1.938 5.086-2.634a.787.787 0 0 1 1.1-.173c.352.256.414.747.173 1.1c-1.698 2.33-3.869 3.434-6.453 3.28a.789.789 0 0 1-.604-1.231"/><path d="M14.362 23.967a13 13 0 0 0 1.022-.2l.179-.04a.787.787 0 1 0-.334-1.54l-.193.043c-1.087.245-3.635.824-6.463-1.149a.788.788 0 0 0-.901 1.291c2.665 1.86 5.165 1.826 6.69 1.595"/><path d="M15.403 25.298a23 23 0 0 0 1.053-.624a.788.788 0 1 0-.825-1.343l-.168.105c-.944.591-3.156 1.981-6.479 1.057a.788.788 0 0 0-.422 1.518c3.131.87 5.479.009 6.841-.713"/></g><g fill="#be1931"><path d="M21.833 22.402h.064c2.117-.069 4.919-1.006 6.246-5.077a.793.793 0 0 0-.503-.999a.783.783 0 0 0-.992.499l-.003.011c-.312.959-1.263 3.876-4.8 3.991a.788.788 0 0 0-.012 1.575m5.348 5.637a.79.79 0 0 0-.698-.342c-3.034.181-4.578-1.938-5.086-2.634a.787.787 0 0 0-1.1-.173c-.352.256-.414.747-.173 1.1c1.698 2.33 3.869 3.434 6.453 3.28a.789.789 0 0 0 .604-1.231"/><path d="M22.318 23.967a13 13 0 0 1-1.022-.2l-.179-.04a.787.787 0 1 1 .334-1.54l.193.043c1.087.245 3.635.824 6.463-1.149a.788.788 0 0 1 .901 1.291c-2.664 1.86-5.165 1.826-6.69 1.595"/><path d="M21.277 25.298a23 23 0 0 1-1.053-.624a.788.788 0 1 1 .825-1.343l.168.105c.944.591 3.156 1.981 6.479 1.057a.788.788 0 0 1 .422 1.518c-3.131.87-5.479.009-6.841-.713"/></g><path fill="#be1931" d="M8.983 6.922c.752-.779 2.316-2.461 1.59-3.954c.949.077 6.757 6.159-.06 9.073c-1.072-.137-1.53-5.119-1.53-5.119m8.772 23.394c-.726.329-4.25 2.171-4.354 5.46c.069.789 2.73-1.25 5.01-1.25v-3.454z"/><path fill="#be1931" d="M19.035 30.316c.726.329 4.25 2.171 4.354 5.46c-.069.789-2.73-1.25-5.01-1.25v-3.454zm-11.4-18.303c.133 1.429 2.975 2.889 5.023 3.227c.262-.57-1.354-2.237-2.227-3.246c-.488-.564-.701-1.904-2.185-1.321s-.611 1.34-.611 1.34"/><path fill="#be1931" d="M11.742 13.793c-.655 0-.83 1.754 2.489 2.544s1.56-.878 1.048-1.667c-.656-1.009-3.537-.877-3.537-.877"/><path fill="#89021f" d="M15.465 25.382c-.187.987-.075 6.217 2.961 6.612v-7.006z"/><path fill="#be1931" d="M27.629 6.922c-.752-.779-2.316-2.461-1.59-3.954c-.949.077-6.757 6.159.06 9.073c1.072-.137 1.53-5.119 1.53-5.119"/><path fill="#be1931" d="M28.976 12.013c-.133 1.429-2.975 2.889-5.023 3.227c-.262-.57 1.354-2.237 2.227-3.246c.488-.564.701-1.904 2.185-1.321s.611 1.34.611 1.34"/><path fill="#be1931" d="M24.87 13.793c.655 0 .83 1.754-2.489 2.544s-1.56-.878-1.048-1.667c.655-1.009 3.537-.877 3.537-.877"/><path fill="#dd2e44" d="M28.391.042c2.633.67 4.675 5.092 4.174 7.847c-.782 4.302-2.992 5.787-5.428 6.164c-.748-.058-3.293-3.474-.576-6.272s2.505-5.856 1.83-7.739"/><path fill="#be1931" d="M17.541 12.5a.5.5 0 0 1-.498-.461c-.498-6.35-2.635-10.064-6.018-10.459a.499.499 0 1 1 .117-.993c2.264.264 6.17 2.093 6.898 11.374a.5.5 0 0 1-.459.538zm1.418 0l-.04-.001a.5.5 0 0 1-.459-.538C19.188 2.68 23.095.851 25.359.587a.499.499 0 1 1 .116.993c-3.383.395-5.52 4.109-6.018 10.459a.5.5 0 0 1-.498.461"/><path fill="#a0041e" d="M18.381 23.04c0 1 .019 3.326.019 4.876c-.576 0-1.491-.016-2.438-.3c-1.497-.45-1.113-3.901-.614-4.701z"/><path fill="#be1931" d="M18.335 19.239c0 1.113.022 3.702.022 5.428c-.655 0-1.696-.017-2.773-.334c-1.703-.501-1.266-4.342-.699-5.233z"/><path fill="#dd2e44" d="M18.335 11.731c0 2.169.279 8.822.279 9.497c-1.397 0-5.301.337-5.082-3.134c.218-3.47 2.358-6.363 4.803-6.363"/><path fill="#89021f" d="M21.152 25.382c.187.987.075 6.217-2.961 6.612v-7.006z"/><path fill="#a0041e" d="M18.235 23.04c0 1-.152 3.326-.152 4.876c.576 0 1.624-.016 2.57-.3c1.497-.45 1.113-3.901.614-4.701z"/><path fill="#be1931" d="M18.282 19.239c0 1.113-.165 3.702-.165 5.428c.655 0 1.84-.017 2.916-.334c1.703-.501 1.266-4.342.699-5.233z"/><path fill="#dd2e44" d="M18.282 11.731c0 2.169-.21 8.822-.21 9.497c1.397 0 5.231.337 5.013-3.134s-2.358-6.363-4.803-6.363M8.22.042c-2.633.67-4.675 5.092-4.174 7.847c.782 4.302 2.992 5.787 5.428 6.164c.748-.058 3.293-3.474.576-6.272S7.546 1.925 8.22.042"/><ellipse cx="16.578" cy="12.94" fill="#be1931" rx="1.015" ry="1.435" transform="rotate(-10.068 16.574 12.941)"/><ellipse cx="19.875" cy="12.896" fill="#be1931" rx="1.435" ry="1.015" transform="rotate(-79.939 19.875 12.896)"/><ellipse cx="16.453" cy="12.232" fill="#292f33" rx="1.015" ry="1.435" transform="rotate(-10.068 16.45 12.233)"/><ellipse cx="19.99" cy="12.232" fill="#292f33" rx="1.435" ry="1.015" transform="rotate(-79.939 19.99 12.232)"/><path fill="#ea596e" d="M14.375 18.906c.281.844.844 1.75 3.844 1.75c2.094 0 4.156-.375 4.094-1.906c-.781.656-1.75.938-4.094.938c-2.5 0-3.844-.782-3.844-.782"/><path fill="#dd2e44" d="M15.272 22.923c.218.595.653 1.234 2.975 1.234c1.62 0 3.217-.264 3.168-1.344c-.605.463-1.354.661-3.168.661c-1.935-.001-2.975-.551-2.975-.551"/><path fill="#be1931" d="M15.376 26.089c.205.595.615 1.234 2.803 1.234c1.527 0 3.031-.264 2.986-1.344c-.57.463-1.276.661-2.986.661c-1.823 0-2.803-.551-2.803-.551"/><path fill="#ea596e" d="M8.812 12.781a.74.74 0 0 1-.316-.07c-2.026-.944-3.157-2.62-3.361-4.98c-.036-.412.265-.812.677-.848s.773.231.81.643l.006.076c.064.737.233 2.693 2.501 3.75a.75.75 0 0 1-.317 1.429m18.938 0a.75.75 0 0 1-.317-1.43c2.268-1.057 2.437-3.013 2.5-3.75l.754-.008l.741.137c-.205 2.36-1.336 4.036-3.362 4.98a.7.7 0 0 1-.316.071"/></svg>Cómo usar el icono Lobster
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:lobster" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:lobster" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:lobster" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--lobster]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:lobster"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:lobster"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/twemoji/lobster.svg" alt="Icono Lobster" width="24" height="24">El icono Lobster en otras colecciones
Preguntas frecuentes sobre Icono Lobster
¿El icono Lobster es gratis para uso comercial?
Sí. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Lobster en React?
Instala @iconify/react y renderiza <Icon icon="twemoji:lobster" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Lobster a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/twemoji/lobster.svg" alt="Icono Lobster">, o pega el código SVG en línea para darle estilo con CSS.