ICONYZ
Español
Icono Webpack de ProIcons

Icono Webpack

proicons:webpack

El icono Webpack (proicons:webpack) es un icono SVG gratuito de la colección ProIcons de ProCode. Está dibujado en una cuadrícula de 24 × 24. ProIcons se publican bajo la licencia MIT, 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
ProIcons
Autor
ProCode
Licencia
MIT
Tamaño
24 × 24
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 12L7.435 9.364M12 12l4.565-2.636M12 12v5.272m-8.01-.647c.178.31.437.573.757.757l6.218 3.59c.32.186.678.278 1.035.278m-8.01-4.625a2.07 2.07 0 0 1-.278-1.035V8.41c0-.37.099-.726.277-1.035m0 9.25l3.446-1.99M12 21.25a2.07 2.07 0 0 0 1.035-.277l6.218-3.59c.32-.185.58-.449.758-.758M12 21.25v-3.978m8.01-.647l-3.306-1.91l-.136-.083m3.443 1.993c.178-.31.277-.665.277-1.035V8.41c0-.37-.099-.726-.277-1.035m0 0a2.07 2.07 0 0 0-.758-.757l-6.218-3.59A2.07 2.07 0 0 0 12 2.75m8.01 4.625l-3.445 1.99M12 2.75a2.07 2.07 0 0 0-1.035.277l-6.218 3.59c-.32.185-.58.449-.758.758M12 2.75v3.978m-8.01.647l3.445 1.99m0 0c-.09.154-.139.332-.139.516v4.237c0 .185.05.363.139.518m0-5.272c.089-.155.218-.286.378-.379l3.67-2.118c.16-.092.338-.139.517-.139m4.565 2.636a1.03 1.03 0 0 0-.378-.379l-3.67-2.118A1.03 1.03 0 0 0 12 6.728m4.565 2.636c.09.155.139.333.139.517v4.237c0 .184-.049.36-.136.514m0 0c-.09.156-.22.29-.381.383l-3.67 2.118c-.16.092-.338.139-.517.139m-4.565-2.636c.089.155.218.286.378.379l3.67 2.118c.16.092.338.139.517.139"/></svg>

Cómo usar el icono Webpack

React

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

<Icon icon="proicons:webpack" width="24" />

Vue

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

<template>
  <Icon icon="proicons:webpack" width="24" />
</template>

Svelte

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

<Icon icon="proicons:webpack" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="proicons:webpack"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/proicons/webpack.svg" alt="Icono Webpack" width="24" height="24">

El icono Webpack en otras colecciones

Icono Webpack de Material Design Icons
Material Design Icons
 Icono Webpack de Catppuccin Icons
Catppuccin Icons
 Icono Webpack de CoreUI Brands
CoreUI Brands
 Icono Webpack de Devicon
Devicon
 Icono Webpack de Devicon Plain
Devicon Plain
 Icono Webpack de File Icons
File Icons
 Icono Webpack de Fontisto
Fontisto
 Icono Webpack de Material Icon Theme
Material Icon Theme
 Icono Webpack de SVG Logos
SVG Logos
 Icono Webpack de Simple Icons
Simple Icons
 Icono Webpack de theSVG
theSVG
 Icono Webpack de theSVG Color
theSVG Color

Preguntas frecuentes sobre Icono Webpack

¿El icono Webpack es gratis para uso comercial?

Sí. ProIcons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Webpack en React?

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

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

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

Ver todos los ProIcons →