Icono Defu

unjs:defu

El icono Defu (unjs:defu) 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="url(#SVGlBr61cQW)" d="M3.665 28.935c.343.265 1.33-1.442 5.05-1.67c3.983-.245 8.39 2.922 14.427 2.922c5.353 0 8.125-2.62 7.936-3.037c-.128-.277-2.24-.787-4.67-2.05c-2.923-1.518-6-3.038-8.353-6.455c-1.508-2.187-2.582-4.707-1.1-6.682c1.48-1.976 5.24-1.063 5.24-1.063L17.07 5.357l-9.757 2.66l-4.938 12.378l.533 6.303z"/><path fill="#1b6da4" d="M14.815 9.028s1.193.38 2.79 1.212c2.657 1.387 4.267 3.57 5.91 3.705c1.705.137 2.578-.845 2.205-2.895c-.348-1.913-3.17-4.158-3.17-4.158s2.578.486 2.578-.992c0-1.517-1.39-2.248-3.578-3c-1.457-.5-5.378-1.61-10.632.38c-2.26.855-5.02 2.435-7.116 5.463c-2.74 3.96-3.295 9.11-2.775 13.02c.63 4.722 2.595 7.157 2.643 7.177s.305-5.553 2.502-7.97c1.873-2.06 3.788-1.215 6.063-1.328c2.683-.132 3.88-2.902 1.833-5.014c-1.758-1.815-4.67-1.653-4.67-1.653s.965-.385 2.797-.55c2.105-.193 2.52-1.415 2.67-1.873c.332-1.01-.05-1.524-.05-1.524"/><path fill="#fff" d="M9.537 9.075c-.14-.825 2.29-1.57 4.836-1.17c3.96.622 7.095 4.235 8.425 4.763c1.96.78 2.65-.823 1.667-2.558c-1.012-1.793-3.692-3.318-3.593-3.91c.18-1.053 2.925.55 3.093-.62c.113-.775-1.937-1.89-3.885-2.388c-1.567-.4-4.86-.892-9.41 1.09c-5.915 2.583-8.473 7.72-8.895 13.103c-.4 5.105 1.55 8.91 1.55 8.91s.132-3.81 2.042-5.908c1.395-1.53 3.185-2.105 5.128-1.735c3.24.62 4.653-1.722 3.095-3.415c-1.02-1.107-2.328-1.452-3.68-1.497c-2.338-.075-3.595.707-3.663.442c-.1-.402 1.168-1.335 2.775-2.005c2.115-.88 4.668-.277 5.068-2.047c.195-.863-.293-1.335-1.687-1.438c-1.763-.127-2.856.443-2.866.383"/><defs><radialGradient id="SVGlBr61cQW" cx="0" cy="0" r="1" gradientTransform="translate(14.963 -.351)scale(28.4267)" gradientUnits="userSpaceOnUse"><stop offset=".423" stop-color="#45d6f0"/><stop offset=".518" stop-color="#41cde9"/><stop offset=".674" stop-color="#37b4d7"/><stop offset=".87" stop-color="#278bba"/><stop offset="1" stop-color="#1b6da4"/></radialGradient></defs></g></svg>

Cómo usar el icono Defu

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

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

Preguntas frecuentes sobre Icono Defu

¿El icono Defu 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 Defu en React?

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

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

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

Ver todos los Iconos UnJS Logos →