Icono Hedgehog
twemoji:hedgehog
El icono Hedgehog (twemoji:hedgehog) 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"><path fill="#6d6e71" d="M28.688 20.312C28.688 26.217 23.904 31 18 31c-5.903 0-10.688-4.783-10.688-10.688c0-5.903 4.786-10.689 10.688-10.689c5.904.001 10.688 4.786 10.688 10.689"/><path fill="#662113" d="M26 33.5H10c-1.665 0-2.479-1.339-2.763-2.31l-2.664-.056a.5.5 0 0 1-.472-.63l.594-2.216l-2.446-.651a.5.5 0 0 1-.3-.741l1.199-1.993l-2.156-1.192a.503.503 0 0 1-.103-.8l1.729-1.647l-1.729-1.646a.502.502 0 0 1 .103-.8l2.156-1.194l-1.2-1.994a.5.5 0 0 1 .3-.741l2.446-.65l-.594-2.218a.5.5 0 0 1 .473-.63l2.575-.053l.058-2.302a.5.5 0 0 1 .608-.475l2.521.561l.717-2.234a.502.502 0 0 1 .699-.294l2.284 1.139l1.341-2.009a.5.5 0 0 1 .35-.218a.5.5 0 0 1 .394.119L18 7.258l1.88-1.636a.5.5 0 0 1 .745.1l1.34 2.009l2.286-1.139a.5.5 0 0 1 .699.294l.716 2.234l2.521-.561a.5.5 0 0 1 .608.475l.058 2.302l2.574.053a.5.5 0 0 1 .472.63l-.595 2.217l2.449.65a.503.503 0 0 1 .301.741l-1.201 1.994l2.155 1.194a.5.5 0 0 1 .103.8l-1.729 1.646l1.729 1.647a.5.5 0 0 1-.103.8L32.854 24.9l1.2 1.993a.5.5 0 0 1-.3.741l-2.45.651l.595 2.216a.5.5 0 0 1-.472.63l-2.663.056c-.285.974-1.099 2.313-2.764 2.313"/><path fill="#8a4b38" d="M16.188 28.824a.5.5 0 0 1-.416-.223l-1.058-1.585l-1.805.899a.502.502 0 0 1-.7-.295l-.564-1.757l-1.99.442a.498.498 0 0 1-.609-.476l-.045-1.804l-2.029-.043a.5.5 0 0 1-.472-.63l.464-1.732l-1.92-.51a.5.5 0 0 1-.3-.741l.937-1.557l-1.688-.934a.498.498 0 0 1-.103-.8l1.352-1.289l-1.352-1.287a.502.502 0 0 1 .103-.8l1.689-.935l-.937-1.558a.5.5 0 0 1 .3-.741l1.922-.511l-.466-1.732a.5.5 0 0 1 .473-.63l2.029-.042l.045-1.805a.5.5 0 0 1 .608-.475l1.99.442l.564-1.756a.503.503 0 0 1 .7-.294l1.805.899l1.058-1.584a.502.502 0 0 1 .745-.099L18 4.172l1.484-1.291a.5.5 0 0 1 .745.099l1.057 1.583l1.807-.9a.5.5 0 0 1 .699.295l.562 1.756l1.991-.442a.5.5 0 0 1 .608.476l.045 1.804l2.028.042a.5.5 0 0 1 .472.63l-.465 1.734l1.924.511a.5.5 0 0 1 .301.741l-.938 1.558l1.689.935a.5.5 0 0 1 .103.8l-1.353 1.287l1.353 1.289a.5.5 0 0 1-.103.8l-1.688.934l.938 1.557a.5.5 0 0 1-.3.741l-1.925.512l.465 1.732a.5.5 0 0 1-.472.63l-2.028.043l-.045 1.804a.5.5 0 0 1-.608.476l-1.991-.442l-.562 1.757a.502.502 0 0 1-.699.295l-1.806-.899l-1.058 1.585a.503.503 0 0 1-.745.1L18 27.407l-1.483 1.294a.5.5 0 0 1-.329.123"/><path fill="#8a4b38" d="M13.5 27.052h9c3.521 0 6.5 2.575 6.5 4.5c0 1.65-1.35 2-3 2H10c-1.65 0-3-.35-3-2c0-1.925 2.99-4.5 6.5-4.5"/><path fill="#d99e82" d="M26.222 22.779c0 4.088-3.68 7.398-8.222 7.398s-8.222-3.31-8.222-7.398s3.68-7.4 8.222-7.4s8.222 3.313 8.222 7.4"/><path fill="#e6e7e8" d="M21.289 26.479c0 2.043-1.473 3.699-3.289 3.699s-3.289-1.656-3.289-3.699S16.183 22.78 18 22.78s3.289 1.655 3.289 3.699"/><path fill="#231f20" d="M19.645 27.711a1.645 1.645 0 0 1-3.29 0c0-.908.736-1.642 1.645-1.642s1.645.734 1.645 1.642m-4.934-6.166a1.233 1.233 0 1 1-2.466.002a1.233 1.233 0 0 1 2.466-.002m9.044 0a1.233 1.233 0 1 1-2.466.002a1.233 1.233 0 0 1 2.466-.002"/><path fill="#c1694f" d="M11.422 17.846s4.111-1.644 4.933 0S18 19.49 18 19.49v-4.934c0 .001-6.578.001-6.578 3.29m13.155 0s-4.11-1.644-4.933 0S18 19.49 18 19.49v-4.934c0 .001 6.577.001 6.577 3.29"/><path fill="#d99e82" d="M12.245 18.256a2.055 2.055 0 1 1-4.11.002a2.055 2.055 0 0 1 4.11-.002m15.621 0a2.055 2.055 0 1 1-4.11.001a2.055 2.055 0 0 1 4.11-.001M11 35c-2 0-2-4 2-4s4.062 4 2 4zm10 0c-2 0-2-4 2-4s4.062 4 2 4z"/></svg>Cómo usar el icono Hedgehog
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:hedgehog" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:hedgehog" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:hedgehog" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--hedgehog]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:hedgehog"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:hedgehog"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/twemoji/hedgehog.svg" alt="Icono Hedgehog" width="24" height="24">El icono Hedgehog en otras colecciones
Preguntas frecuentes sobre Icono Hedgehog
¿El icono Hedgehog 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 Hedgehog en React?
Instala @iconify/react y renderiza <Icon icon="twemoji:hedgehog" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Hedgehog a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/twemoji/hedgehog.svg" alt="Icono Hedgehog">, o pega el código SVG en línea para darle estilo con CSS.