ICONYZ
Español
Icono Hookable de UnJS Logos

Icono Hookable

unjs:hookable

El icono Hookable (unjs:hookable) es un icono SVG gratuito de la colección UnJS Logos de UnJS. Está dibujado en una cuadrícula de 32 × 32. UnJS Logos 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
UnJS Logos
Autor
UnJS
Licencia
Apache-2.0
Tamaño
32 × 32
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffca28" d="M6.952 17.048c-3.265 5.85.403 12.412 6.153 13.707c3.817.86 8.293.183 10.57-2.817c2.715-3.573 2.23-6.915 1.822-8.415c-.53-1.96-.505-3.07.096-3.753c.672-.765.774-1.185.614-1.655c-.202-.59-.702-.752-1.322-.703c-1.105.088-2.54.695-2.748 3.113c-.132 1.555.835 5.643-4.137 6.153c-3.97.404-5.75-4.28-4.512-6.63c.867-1.645 1.47-2.335 4.825-6.045c2.095-2.318 2.35-3.656 2.35-4.44A4.667 4.667 0 1 0 12.58 8.74c.395.422.422 1.07.045 1.508c-.35.407-.765.922-1.335 1.512c-1.81 1.875-2.835 2.595-4.338 5.288m10.66-11.483c0 1.13-.772 2.045-1.724 2.045c-.953 0-1.726-.915-1.726-2.045s.773-2.045 1.725-2.045s1.726.915 1.726 2.045"/><path fill="#ffca28" d="M6.952 17.048c-3.265 5.85.403 12.412 6.153 13.707c3.817.86 8.293.183 10.57-2.817c2.715-3.573 2.23-6.915 1.822-8.415c-.53-1.96-.505-3.07.096-3.753c.672-.765.774-1.185.614-1.655c-.202-.59-.702-.752-1.322-.703c-1.105.088-2.54.695-2.748 3.113c-.132 1.555.835 5.643-4.137 6.153c-3.97.404-5.75-4.28-4.512-6.63c.867-1.645 1.47-2.335 4.825-6.045c2.095-2.318 2.35-3.656 2.35-4.44A4.667 4.667 0 1 0 12.58 8.74c.395.422.422 1.07.045 1.508c-.35.407-.765.922-1.335 1.512c-1.81 1.875-2.835 2.595-4.338 5.288m10.41-11.483c0 1.13-.772 2.045-1.724 2.045c-.953 0-1.726-.915-1.726-2.045s.773-2.045 1.725-2.045s1.726.915 1.726 2.045"/><path fill="#fff59d" d="M16.32 24.983c-2.65-.466-4.455-2.843-4.773-3.588c-.287-.675-1.047-.447-.535 1.648c.335 1.372 1.24 2.565 2.44 3.31c1.826 1.132 4.198 1.27 6.036.255c2.18-1.208 3.06-3.07 2.967-3.978c-.015-.145-.262-.695-.855.44c-.195.367-2.63 2.378-5.28 1.913"/><path fill="#e2a610" d="M19.49 24.825c2.863-1.42 3.085-3.758 2.64-6.762c-.015 1.83-.397 4.232-4.132 4.615c-3.968.407-5.71-4.26-4.51-6.628c1.047-2.073 3.572-4.658 3.572-4.658S14.028 13.489 12.633 16c-1.328 2.387-1.79 5.567.22 7.565c.82.813 1.845 1.432 2.972 1.705c1.25.297 2.52.125 3.665-.445"/><path fill="#fff59d" d="M24.918 14.063c.437.317-.078.755-.423.89c-.937.362-1.335 1.3-1.45.942c-.105-.33.02-.855.64-1.495c.293-.303.92-.565 1.233-.338m-9.58-11.998c.342.648-.418.74-.855.948c-1.575.747-1.396 2.527-1.758 2.445s-.473-.675-.457-.963c.047-.995.607-1.77 1.007-2.075c.963-.737 1.803-.842 2.063-.355"/><path fill="#e2a610" d="M15.03 5.565c0-.897.488-1.657 1.168-1.932a1.5 1.5 0 0 0-.558-.113c-.953 0-1.725.915-1.725 2.045s.773 2.045 1.725 2.045c.195 0 .383-.04.558-.112c-.68-.275-1.168-1.035-1.168-1.933"/></g></svg>

Cómo usar el icono Hookable

React

import { Icon } from "@iconify/react";

<Icon icon="unjs:hookable" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="unjs:hookable" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="unjs:hookable" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[unjs--hookable]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/unjs -->
<div class="i-unjs:hookable"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="unjs:hookable"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/unjs/hookable.svg" alt="Icono Hookable" width="24" height="24">

Preguntas frecuentes sobre Icono Hookable

¿El icono Hookable es gratis para uso comercial?

Sí. UnJS Logos icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Hookable en React?

Instala @iconify/react y renderiza <Icon icon="unjs:hookable" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Hookable a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/unjs/hookable.svg" alt="Icono Hookable">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos UnJS Logos →