webpack logo

webpack from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: webpack
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

webpackCatppuccin Icons webpackCoreUI Brands webpackSVG Logos webpackMaterial Icon Theme webpackMaterial Design Icons webpackSimple Icons webpack-darkSkill Icons webpack-outlineTeenyicons

Use the webpack logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#8ed6fb" d="M117.29 98.1L66.24 127v-22.51L98 87zm3.5-3.16V34.55l-18.68 10.8v38.81l18.67 10.77zM10.71 98.1l51 28.88v-22.49L29.94 87zm-3.5-3.16V34.55l18.68 10.8v38.81zm2.19-64.3L61.76 1v21.76L28.21 41.21l-.27.15zm109.18 0L66.24 1v21.76L99.79 41.2l.27.15l18.54-10.71z"/><path fill="#1c78c0" d="M61.76 99.37L30.37 82.1V47.92L61.76 66zm4.48 0l31.39-17.25v-34.2L66.24 66zM32.5 44L64 26.66L95.5 44L64 62.16z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconWebpack(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#8ed6fb" d="M117.29 98.1L66.24 127v-22.51L98 87zm3.5-3.16V34.55l-18.68 10.8v38.81l18.67 10.77zM10.71 98.1l51 28.88v-22.49L29.94 87zm-3.5-3.16V34.55l18.68 10.8v38.81zm2.19-64.3L61.76 1v21.76L28.21 41.21l-.27.15zm109.18 0L66.24 1v21.76L99.79 41.2l.27.15l18.54-10.71z"/><path fill="#1c78c0" d="M61.76 99.37L30.37 82.1V47.92L61.76 66zm4.48 0l31.39-17.25v-34.2L66.24 66zM32.5 44L64 26.66L95.5 44L64 62.16z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#8ed6fb" d="M117.29 98.1L66.24 127v-22.51L98 87zm3.5-3.16V34.55l-18.68 10.8v38.81l18.67 10.77zM10.71 98.1l51 28.88v-22.49L29.94 87zm-3.5-3.16V34.55l18.68 10.8v38.81zm2.19-64.3L61.76 1v21.76L28.21 41.21l-.27.15zm109.18 0L66.24 1v21.76L99.79 41.2l.27.15l18.54-10.71z"/><path fill="#1c78c0" d="M61.76 99.37L30.37 82.1V47.92L61.76 66zm4.48 0l31.39-17.25v-34.2L66.24 66zM32.5 44L64 26.66L95.5 44L64 62.16z"/></svg>
</template>

CSS

.icon-webpack {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%238ed6fb%22%20d%3D%22M117.29%2098.1L66.24%20127v-22.51L98%2087zm3.5-3.16V34.55l-18.68%2010.8v38.81l18.67%2010.77zM10.71%2098.1l51%2028.88v-22.49L29.94%2087zm-3.5-3.16V34.55l18.68%2010.8v38.81zm2.19-64.3L61.76%201v21.76L28.21%2041.21l-.27.15zm109.18%200L66.24%201v21.76L99.79%2041.2l.27.15l18.54-10.71z%22%2F%3E%3Cpath%20fill%3D%22%231c78c0%22%20d%3D%22M61.76%2099.37L30.37%2082.1V47.92L61.76%2066zm4.48%200l31.39-17.25v-34.2L66.24%2066zM32.5%2044L64%2026.66L95.5%2044L64%2062.16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%238ed6fb%22%20d%3D%22M117.29%2098.1L66.24%20127v-22.51L98%2087zm3.5-3.16V34.55l-18.68%2010.8v38.81l18.67%2010.77zM10.71%2098.1l51%2028.88v-22.49L29.94%2087zm-3.5-3.16V34.55l18.68%2010.8v38.81zm2.19-64.3L61.76%201v21.76L28.21%2041.21l-.27.15zm109.18%200L66.24%201v21.76L99.79%2041.2l.27.15l18.54-10.71z%22%2F%3E%3Cpath%20fill%3D%22%231c78c0%22%20d%3D%22M61.76%2099.37L30.37%2082.1V47.92L61.76%2066zm4.48%200l31.39-17.25v-34.2L66.24%2066zM32.5%2044L64%2026.66L95.5%2044L64%2062.16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/webpack.svg?color=%231a73e8&size=48