Icono Coconut
twemoji:coconut
El icono Coconut (twemoji:coconut) 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
- Comida y bebida
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#8b5e3c" d="M5.506 30.167c-7.03-7.029-6.397-19.059 1.414-26.87l25.456 25.456c-7.811 7.811-19.841 8.443-26.87 1.414"/><path fill="#603913" d="M6.92 3.297c-3.905 3.905-1.373 12.77 5.656 19.8c7.031 7.029 15.895 9.561 19.799 5.656c3.905-3.904 1.374-12.769-5.657-19.799C19.69 1.924 10.825-.607 6.92 3.297"/><path fill="#f5f8fa" d="M31.591 24.217a1 1 0 0 0 1.677-.469c.067-.269 1.575-6.67-3.013-11.258c-1.12-1.12-2.783-3.774-3.256-4.544c-.4-.415-.733-.27-1.498-1.035c-.35-.35-1.405-2.248-4.439.629a.99.99 0 0 0-.116 1.275l10.528 15.263q.054.076.117.139"/><path fill="#603913" d="M24.271 7.562c.707.707 1.458 1.417 1.458 1.417s2.404 2.804 3.819 4.218c4.242 4.243 2.75 10.313 2.75 10.313L20.646 7.833s2.792-1.042 3.625-.271m1.271-1.354c-1.833-1.438-4.777-.315-5.5.396c-.683.683-.467 1.984.081 2.778l10.528 15.263q.105.151.232.278a1.999 1.999 0 0 0 3.356-.936c.072-.293 1.705-7.223-3.277-12.205c-.892-.892-1.938-1.738-2.909-2.913a29 29 0 0 0-2.074-2.328z"/><path fill="#f5f8fa" d="M8.334 4.711c-3.124 3.124-.592 10.722 5.657 16.97c6.247 6.248 13.846 8.781 16.97 5.657s.591-10.723-5.657-16.971s-13.846-8.78-16.97-5.656"/><path fill="#99aab5" d="M10.411 6.877c-2.318 2.318-.083 8.314 4.994 13.391c5.078 5.078 11.072 7.312 13.391 4.994c2.318-2.318.083-8.313-4.994-13.391c-5.076-5.078-11.072-7.313-13.391-4.994"/><path fill="#99aab5" d="m20.199 9.939l1.176-.335c.562-.312 1.354-.333 1.896.167l1.211 1.273c.573.69 1.919 2.137 2.995 3.213c3.807 3.807 2.319 8.722 2.253 8.93a.5.5 0 0 1-.888.135l-8.797-12.669a.5.5 0 0 1 .154-.714"/><path fill="#f5f8fa" d="M23.76 26.056s-3.209-2.085-3.771-3.771c-.628-1.885-4.662-2.252-5.29-4.138c-.627-1.885-1.676-4.765-2.253-5.918c-.576-1.153-1.258-.001-1.886-1.886c-.628-1.887-1.885-3.144-1.885-3.144s0 8.801 1.885 10.686c1.886 1.886 9.429 9.429 10.058 8.799c.628-.628 3.142-.628 3.142-.628"/><path fill="#603913" d="M22.838 27.73s-3.73-2.537-4.316-4.294c-.655-1.964-5.29-2.619-5.944-4.583c-.655-1.964-1.596-5.486-1.913-5.892c-.916-1.18-1.309-.001-1.964-1.964c-.655-1.965-1.964-3.274-1.964-3.274s0 9.166 1.964 11.13s9.82 9.821 10.476 9.166c.655-.654 3.661-.289 3.661-.289"/><path fill="#8b5e3c" d="M21.769 29.46s-3.61-2.345-4.242-4.242c-.707-2.121-6.365-3.536-7.072-5.657s-.707-4.95-1.414-5.657c-.707-.708-1.414 0-2.121-2.122S4.799 8.247 4.799 8.247s0 9.9 2.121 12.021s10.606 10.606 11.313 9.899s3.536-.707 3.536-.707"/><path fill="#a97c50" d="M10.811 32.853c.091-.285.836-.061 1.113.001c6.934 1.526 11.66-1.385 11.712-1.409c.272-.136.579-.034.685.224s-.026.577-.296.712c-.225.112-4.808 2.55-12.125.939c-.091-.021-.721-.131-.781-.191c-.123-.123-.37-.084-.308-.276m-8.364-9.968c.115.114.108.212.29.165c.288-.073.299-.517.255-.798c-.492-3.192.36-6.504 1.841-10.352c.107-.281-.027-.575-.294-.652c-.272-.08-.579.084-.687.364c-1.555 4.034-2.057 7.636-1.536 11.013a.5.5 0 0 0 .131.26m10.357 9.178a.47.47 0 0 0 .279.132c3.769.426 6.893-1.137 7.024-1.204c.269-.137.4-.456.291-.714c-.108-.259-.417-.356-.688-.218c-.029.015-2.743 1.843-6.181 1.453c-.285-.032-.826-.016-.889.275c-.036.177.053.166.164.276"/></svg>Cómo usar el icono Coconut
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:coconut" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:coconut" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:coconut" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--coconut]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:coconut"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:coconut"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/twemoji/coconut.svg" alt="Icono Coconut" width="24" height="24">El icono Coconut en otras colecciones
Preguntas frecuentes sobre Icono Coconut
¿El icono Coconut 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 Coconut en React?
Instala @iconify/react y renderiza <Icon icon="twemoji:coconut" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Coconut a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/twemoji/coconut.svg" alt="Icono Coconut">, o pega el código SVG en línea para darle estilo con CSS.