ICONYZ
Français
Icône Webpack de ProIcons

Icône Webpack

proicons:webpack

L'icône Webpack (proicons:webpack) est une icône SVG gratuite de la collection ProIcons par ProCode. Elle est dessinée sur une grille de 24 × 24. Les ProIcons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
ProIcons
Auteur
ProCode
Licence
MIT
Taille
24 × 24
Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Image HTML

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

L'icône Webpack dans d'autres collections

FAQ : Icône Webpack

L'icône Webpack est-elle gratuite pour un usage commercial ?

Oui. Les ProIcons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Webpack dans React ?

Installez @iconify/react et affichez <Icon icon="proicons:webpack" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Webpack à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/proicons/webpack.svg" alt="Icône Webpack">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les ProIcons →