Icono Puzzle
el:puzzle
El icono Puzzle (el:puzzle) es un icono SVG gratuito de la colección Elusive Icons de Team Redux. Está dibujado en una cuadrícula de 1200 × 1200. Elusive Icons se publican bajo la Open Font License, 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
- Elusive Icons
- Autor
- Team Redux
- Licencia
- OFL-1.1
- Tamaño
- 1200 × 1200
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M471.749 0c-94.045 0-170.273 76.305-170.273 170.442c0 46.55 18.624 88.767 48.842 119.528H.001v284.069c31.224-36.108 77.389-59.006 128.842-59.006c94.044 0 170.273 76.304 170.273 170.44c0 94.137-76.229 170.44-170.274 170.44c-51.452 0-97.617-22.897-128.842-59.005V1200h368c-38.914-31.238-63.832-79.2-63.832-133.016c0-94.14 76.229-170.441 170.274-170.441c94.044 0 170.272 76.305 170.272 170.44c0 53.815-24.918 101.776-63.832 133.017h328.253V843.945c30.828 30.945 73.48 50.07 120.59 50.07c94.045 0 170.273-76.305 170.273-170.441c0-94.14-76.23-170.441-170.273-170.441c-47.109 0-89.762 19.125-120.59 50.07V289.969H593.18c30.228-30.763 48.843-72.971 48.843-119.528C642.023 76.304 565.793 0 471.749 0"/></svg>
Cómo usar el icono Puzzle
React
import { Icon } from "@iconify/react";
<Icon icon="el:puzzle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:puzzle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:puzzle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--puzzle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:puzzle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:puzzle"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/el/puzzle.svg" alt="Icono Puzzle" width="24" height="24">
El icono Puzzle en otras colecciones
Preguntas frecuentes sobre Icono Puzzle
¿El icono Puzzle es gratis para uso comercial?
Sí. Elusive Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Puzzle en React?
Instala @iconify/react y renderiza <Icon icon="el:puzzle" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Puzzle a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/el/puzzle.svg" alt="Icono Puzzle">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Elusive Icons →
ICONYZ
