Icono Hook
twemoji:hook
El icono Hook (twemoji:hook) 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
- Twitter
- Licencia
- CC-BY-4.0
- Tamaño
- 36 × 36
- Categoría
- Objetos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M19.657 9.885c-2.648 1.447-6.515 9.628-6.355 13.029c.159 3.364 1.779 5.653 3.855 6.365s9.767 1.339 8.897-7.516c-.2-2.031 1.398-3.536 1.965-3.404c1.438.336-.767 1.486-.153 3.173c.506 1.391 1.126 5.323-1.041 9.135C25.364 33.236 21.855 35 17.262 35c-3.832 0-7.731-2.207-9.128-5.82c-1.596-4.127-.697-7.833.396-9.523c1.503-2.323 6.482-8.747 4.325-10.233c3 1 6.802.461 6.802.461"/><path fill="#ffcc4d" d="M16.5 3.5C17.878 3.5 19 4.622 19 6s-1.122 2.5-2.5 2.5S14 7.378 14 6s1.122-2.5 2.5-2.5m0-2.5a5 5 0 1 0 .001 10.001A5 5 0 0 0 16.5 1"/><path fill="#ffac33" d="M14.728 10.39s1.339.545 2.628.248c0 0-2.181 2.677-3.272 5.206s-2.417 5.392-1.785 8.726c.545 2.876 2.181 5.9 6.296 6.098s6.594-1.438 7.238-2.677s1.041-1.19.595.545c-.168.653-1.807 4.537-8.153 4.933c-4.661.291-8.043-2.335-9.134-6.549s1.412-7.999 2.584-9.757c2.976-4.463 3.003-6.773 3.003-6.773"/><path fill="#f4900c" d="M15.579 10.629c-.506-.099-.851-.239-.851-.239s-.007.424-.244 1.254c-.208.727-.596 1.768-1.312 3.114a70 70 0 0 0 1.804-2.978c.411.1.867.174 1.364.212a28 28 0 0 1 1.016-1.354c-.637.146-1.283.087-1.777-.009m3.305 20.731c4.336.129 6.525-1.434 7.698-4.131c-.09-.228-.375.041-.749.761c-.645 1.239-3.123 2.876-7.238 2.677c-3.712-.179-5.404-2.658-6.1-5.253l-.026.005c.534 1.961 1.425 5.792 6.415 5.941"/><path fill="#c1694f" d="M16.5 3.5c1.228 0 2.246.892 2.456 2.06q.027.028.05.058c-.019-1.38-.853-2.759-2.601-2.625c-1.495.115-2.26 1.351-2.388 2.474c.019-.03.046-.056.07-.083A2.495 2.495 0 0 1 16.5 3.5"/><path fill="#ffd983" d="M19 6c0 1.378-1.122 2.5-2.5 2.5S14 7.378 14 6a3 3 0 0 1 .016-.533a.66.66 0 0 0-.107.288c-.145 1.493.986 3.355 2.896 3.208c1.738-.134 2.408-1.85 2.317-3.074a.54.54 0 0 0-.116-.271c.002.128.006.256-.006.382"/><path fill="#ffd983" d="M14.086 5.384c-.024.028-.051.054-.07.083A3 3 0 0 0 14 6c0-.214.035-.418.086-.616M19 6c.012-.126.008-.254.006-.382q-.024-.03-.05-.058c.025.144.044.289.044.44"/><path fill="#ffe8b6" d="M16.36 1.523c1.424-.069 3.202.881 3.698 1.782c.49.891-.582.447-.891 0c-.401-.579-2.094-.891-2.941-.802s-2.293.704-2.718 1.426c-.446.757-1.184.935-.802 0c.401-.98 1.827-2.317 3.654-2.406"/><path fill="#c1694f" d="M17.34 34.508c-6.076-.188-8.634-4.288-9.437-5.983q.105.325.231.655C9.532 32.793 13.431 35 17.262 35c4.592 0 8.102-1.764 9.563-4.333c.172-.303.321-.606.459-.909c-1.262 1.757-3.777 4.941-9.944 4.75"/><path fill="#ffe8b6" d="M26.726 19.716c.63-.63 1.426-.95.95-.238c-.475.713-.772 1.188-.713 1.96s-.594.178-.594-.238c.001-.415-.059-1.068.357-1.484"/></svg>
Cómo usar el icono Hook
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:hook" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:hook" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:hook" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--hook]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:hook"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:hook"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/twemoji/hook.svg" alt="Icono Hook" width="24" height="24">
El icono Hook en otras colecciones
Preguntas frecuentes sobre Icono Hook
¿El icono Hook 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 Hook en React?
Instala @iconify/react y renderiza <Icon icon="twemoji:hook" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Hook a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/twemoji/hook.svg" alt="Icono Hook">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Twitter Emoji →
ICONYZ
