webpack logo

webpack-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.

Name: webpack-wordmark
Set: Devicon
Style: Wordmark
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

webpackCatppuccin Icons webpackSVG Logos 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="m30.13 72.62l-12.27 6.94v-5.41l7.65-4.21l4.63 2.67zm.84-.76V57.34l-4.49 2.59v9.33l4.52 2.6zm-26.46.76l12.27 6.94v-5.41l-7.65-4.2zm-.84-.76V57.34l4.49 2.59v9.33zM4.2 56.4l12.59-7.12v5.22l-8.07 4.44h-.06zm26.25 0l-12.59-7.12v5.22l8.06 4.43l.08.07l4.46-2.57z"/><path fill="#1c78c0" d="m16.78 72.92l-7.54-4.15v-8.22l7.55 4.36zm1.08 0l7.55-4.15v-8.22l-7.55 4.36zM9.75 59.6l7.57-4.16l7.58 4.16l-7.58 4.4zM48.61 70h3.32l3.38-11.27h-3.23l-2 8l-2.14-8h-2.8l-2.16 8l-2-8h-3.21L41.13 70h3.32l2.09-7.22zm6.87-5.6a5.62 5.62 0 0 0 5.93 5.88a5.35 5.35 0 0 0 4.74-2.48l-2-1.49a3.29 3.29 0 0 1-2.74 1.38a2.74 2.74 0 0 1-2.93-2.59h7.94v-.65c0-3.68-2-6-5.47-6c-3.21 0-5.52 2.54-5.52 5.95zm3.13-1.23a2.39 2.39 0 0 1 2.39-2.3a2.3 2.3 0 0 1 2.41 2.28zm9 6.83h2.8v-1.18a4.4 4.4 0 0 0 3.34 1.44c3.23 0 5.52-2.43 5.52-5.9s-2.11-5.92-5.35-5.92a4.24 4.24 0 0 0-3.34 1.46v-5.5h-3V70zm2.89-5.6c0-2.11 1.25-3.32 2.89-3.32s2.89 1.36 2.89 3.32s-1.21 3.25-2.89 3.25a3 3 0 0 1-2.89-3.25m9.92 9.6h3v-5.2a4.3 4.3 0 0 0 3.34 1.44c3.23 0 5.35-2.43 5.35-5.92s-2.28-5.9-5.52-5.9a4.32 4.32 0 0 0-3.34 1.46v-1.17h-2.8V74zm2.89-9.7a3 3 0 0 1 2.89-3.25c1.68 0 2.89 1.25 2.89 3.25s-1.16 3.32-2.89 3.32s-2.89-1.21-2.89-3.32m9.31 2.18c0 2.37 1.94 3.77 4.22 3.77a3.52 3.52 0 0 0 2.74-1l.19.73h2.63v-7.13c0-2.52-1.08-4.42-4.7-4.42a8.4 8.4 0 0 0-4.44 1.34l1.12 2a6.65 6.65 0 0 1 3-.8c1.32 0 2 .67 2 1.66v.73a4.57 4.57 0 0 0-2.38-.59c-2.63 0-4.38 1.5-4.38 3.72zm3-.09c0-.93.8-1.57 1.94-1.57s2 .58 2 1.57s-.88 1.61-2 1.61s-2-.62-2-1.55zm14 1.23a3.29 3.29 0 0 1-.1-6.57a3.83 3.83 0 0 1 2.63 1.08l.84-2.5a5.74 5.74 0 0 0-3.56-1.21a5.81 5.81 0 0 0-6 5.95a5.73 5.73 0 0 0 6 5.88a5.67 5.67 0 0 0 3.57-1.19l-.8-2.43a4.12 4.12 0 0 1-2.55 1zm4.47 2.38h3v-5.83l3.75 5.83h3.49l-4.27-6.17l4-5.11h-3.34l-3.62 4.74V54.4h-3V70z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconWebpackWordmark(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="m30.13 72.62l-12.27 6.94v-5.41l7.65-4.21l4.63 2.67zm.84-.76V57.34l-4.49 2.59v9.33l4.52 2.6zm-26.46.76l12.27 6.94v-5.41l-7.65-4.2zm-.84-.76V57.34l4.49 2.59v9.33zM4.2 56.4l12.59-7.12v5.22l-8.07 4.44h-.06zm26.25 0l-12.59-7.12v5.22l8.06 4.43l.08.07l4.46-2.57z"/><path fill="#1c78c0" d="m16.78 72.92l-7.54-4.15v-8.22l7.55 4.36zm1.08 0l7.55-4.15v-8.22l-7.55 4.36zM9.75 59.6l7.57-4.16l7.58 4.16l-7.58 4.4zM48.61 70h3.32l3.38-11.27h-3.23l-2 8l-2.14-8h-2.8l-2.16 8l-2-8h-3.21L41.13 70h3.32l2.09-7.22zm6.87-5.6a5.62 5.62 0 0 0 5.93 5.88a5.35 5.35 0 0 0 4.74-2.48l-2-1.49a3.29 3.29 0 0 1-2.74 1.38a2.74 2.74 0 0 1-2.93-2.59h7.94v-.65c0-3.68-2-6-5.47-6c-3.21 0-5.52 2.54-5.52 5.95zm3.13-1.23a2.39 2.39 0 0 1 2.39-2.3a2.3 2.3 0 0 1 2.41 2.28zm9 6.83h2.8v-1.18a4.4 4.4 0 0 0 3.34 1.44c3.23 0 5.52-2.43 5.52-5.9s-2.11-5.92-5.35-5.92a4.24 4.24 0 0 0-3.34 1.46v-5.5h-3V70zm2.89-5.6c0-2.11 1.25-3.32 2.89-3.32s2.89 1.36 2.89 3.32s-1.21 3.25-2.89 3.25a3 3 0 0 1-2.89-3.25m9.92 9.6h3v-5.2a4.3 4.3 0 0 0 3.34 1.44c3.23 0 5.35-2.43 5.35-5.92s-2.28-5.9-5.52-5.9a4.32 4.32 0 0 0-3.34 1.46v-1.17h-2.8V74zm2.89-9.7a3 3 0 0 1 2.89-3.25c1.68 0 2.89 1.25 2.89 3.25s-1.16 3.32-2.89 3.32s-2.89-1.21-2.89-3.32m9.31 2.18c0 2.37 1.94 3.77 4.22 3.77a3.52 3.52 0 0 0 2.74-1l.19.73h2.63v-7.13c0-2.52-1.08-4.42-4.7-4.42a8.4 8.4 0 0 0-4.44 1.34l1.12 2a6.65 6.65 0 0 1 3-.8c1.32 0 2 .67 2 1.66v.73a4.57 4.57 0 0 0-2.38-.59c-2.63 0-4.38 1.5-4.38 3.72zm3-.09c0-.93.8-1.57 1.94-1.57s2 .58 2 1.57s-.88 1.61-2 1.61s-2-.62-2-1.55zm14 1.23a3.29 3.29 0 0 1-.1-6.57a3.83 3.83 0 0 1 2.63 1.08l.84-2.5a5.74 5.74 0 0 0-3.56-1.21a5.81 5.81 0 0 0-6 5.95a5.73 5.73 0 0 0 6 5.88a5.67 5.67 0 0 0 3.57-1.19l-.8-2.43a4.12 4.12 0 0 1-2.55 1zm4.47 2.38h3v-5.83l3.75 5.83h3.49l-4.27-6.17l4-5.11h-3.34l-3.62 4.74V54.4h-3V70z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#8ed6fb" d="m30.13 72.62l-12.27 6.94v-5.41l7.65-4.21l4.63 2.67zm.84-.76V57.34l-4.49 2.59v9.33l4.52 2.6zm-26.46.76l12.27 6.94v-5.41l-7.65-4.2zm-.84-.76V57.34l4.49 2.59v9.33zM4.2 56.4l12.59-7.12v5.22l-8.07 4.44h-.06zm26.25 0l-12.59-7.12v5.22l8.06 4.43l.08.07l4.46-2.57z"/><path fill="#1c78c0" d="m16.78 72.92l-7.54-4.15v-8.22l7.55 4.36zm1.08 0l7.55-4.15v-8.22l-7.55 4.36zM9.75 59.6l7.57-4.16l7.58 4.16l-7.58 4.4zM48.61 70h3.32l3.38-11.27h-3.23l-2 8l-2.14-8h-2.8l-2.16 8l-2-8h-3.21L41.13 70h3.32l2.09-7.22zm6.87-5.6a5.62 5.62 0 0 0 5.93 5.88a5.35 5.35 0 0 0 4.74-2.48l-2-1.49a3.29 3.29 0 0 1-2.74 1.38a2.74 2.74 0 0 1-2.93-2.59h7.94v-.65c0-3.68-2-6-5.47-6c-3.21 0-5.52 2.54-5.52 5.95zm3.13-1.23a2.39 2.39 0 0 1 2.39-2.3a2.3 2.3 0 0 1 2.41 2.28zm9 6.83h2.8v-1.18a4.4 4.4 0 0 0 3.34 1.44c3.23 0 5.52-2.43 5.52-5.9s-2.11-5.92-5.35-5.92a4.24 4.24 0 0 0-3.34 1.46v-5.5h-3V70zm2.89-5.6c0-2.11 1.25-3.32 2.89-3.32s2.89 1.36 2.89 3.32s-1.21 3.25-2.89 3.25a3 3 0 0 1-2.89-3.25m9.92 9.6h3v-5.2a4.3 4.3 0 0 0 3.34 1.44c3.23 0 5.35-2.43 5.35-5.92s-2.28-5.9-5.52-5.9a4.32 4.32 0 0 0-3.34 1.46v-1.17h-2.8V74zm2.89-9.7a3 3 0 0 1 2.89-3.25c1.68 0 2.89 1.25 2.89 3.25s-1.16 3.32-2.89 3.32s-2.89-1.21-2.89-3.32m9.31 2.18c0 2.37 1.94 3.77 4.22 3.77a3.52 3.52 0 0 0 2.74-1l.19.73h2.63v-7.13c0-2.52-1.08-4.42-4.7-4.42a8.4 8.4 0 0 0-4.44 1.34l1.12 2a6.65 6.65 0 0 1 3-.8c1.32 0 2 .67 2 1.66v.73a4.57 4.57 0 0 0-2.38-.59c-2.63 0-4.38 1.5-4.38 3.72zm3-.09c0-.93.8-1.57 1.94-1.57s2 .58 2 1.57s-.88 1.61-2 1.61s-2-.62-2-1.55zm14 1.23a3.29 3.29 0 0 1-.1-6.57a3.83 3.83 0 0 1 2.63 1.08l.84-2.5a5.74 5.74 0 0 0-3.56-1.21a5.81 5.81 0 0 0-6 5.95a5.73 5.73 0 0 0 6 5.88a5.67 5.67 0 0 0 3.57-1.19l-.8-2.43a4.12 4.12 0 0 1-2.55 1zm4.47 2.38h3v-5.83l3.75 5.83h3.49l-4.27-6.17l4-5.11h-3.34l-3.62 4.74V54.4h-3V70z"/></svg>
</template>

CSS

.icon-webpack-wordmark {
  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%22m30.13%2072.62l-12.27%206.94v-5.41l7.65-4.21l4.63%202.67zm.84-.76V57.34l-4.49%202.59v9.33l4.52%202.6zm-26.46.76l12.27%206.94v-5.41l-7.65-4.2zm-.84-.76V57.34l4.49%202.59v9.33zM4.2%2056.4l12.59-7.12v5.22l-8.07%204.44h-.06zm26.25%200l-12.59-7.12v5.22l8.06%204.43l.08.07l4.46-2.57z%22%2F%3E%3Cpath%20fill%3D%22%231c78c0%22%20d%3D%22m16.78%2072.92l-7.54-4.15v-8.22l7.55%204.36zm1.08%200l7.55-4.15v-8.22l-7.55%204.36zM9.75%2059.6l7.57-4.16l7.58%204.16l-7.58%204.4zM48.61%2070h3.32l3.38-11.27h-3.23l-2%208l-2.14-8h-2.8l-2.16%208l-2-8h-3.21L41.13%2070h3.32l2.09-7.22zm6.87-5.6a5.62%205.62%200%200%200%205.93%205.88a5.35%205.35%200%200%200%204.74-2.48l-2-1.49a3.29%203.29%200%200%201-2.74%201.38a2.74%202.74%200%200%201-2.93-2.59h7.94v-.65c0-3.68-2-6-5.47-6c-3.21%200-5.52%202.54-5.52%205.95zm3.13-1.23a2.39%202.39%200%200%201%202.39-2.3a2.3%202.3%200%200%201%202.41%202.28zm9%206.83h2.8v-1.18a4.4%204.4%200%200%200%203.34%201.44c3.23%200%205.52-2.43%205.52-5.9s-2.11-5.92-5.35-5.92a4.24%204.24%200%200%200-3.34%201.46v-5.5h-3V70zm2.89-5.6c0-2.11%201.25-3.32%202.89-3.32s2.89%201.36%202.89%203.32s-1.21%203.25-2.89%203.25a3%203%200%200%201-2.89-3.25m9.92%209.6h3v-5.2a4.3%204.3%200%200%200%203.34%201.44c3.23%200%205.35-2.43%205.35-5.92s-2.28-5.9-5.52-5.9a4.32%204.32%200%200%200-3.34%201.46v-1.17h-2.8V74zm2.89-9.7a3%203%200%200%201%202.89-3.25c1.68%200%202.89%201.25%202.89%203.25s-1.16%203.32-2.89%203.32s-2.89-1.21-2.89-3.32m9.31%202.18c0%202.37%201.94%203.77%204.22%203.77a3.52%203.52%200%200%200%202.74-1l.19.73h2.63v-7.13c0-2.52-1.08-4.42-4.7-4.42a8.4%208.4%200%200%200-4.44%201.34l1.12%202a6.65%206.65%200%200%201%203-.8c1.32%200%202%20.67%202%201.66v.73a4.57%204.57%200%200%200-2.38-.59c-2.63%200-4.38%201.5-4.38%203.72zm3-.09c0-.93.8-1.57%201.94-1.57s2%20.58%202%201.57s-.88%201.61-2%201.61s-2-.62-2-1.55zm14%201.23a3.29%203.29%200%200%201-.1-6.57a3.83%203.83%200%200%201%202.63%201.08l.84-2.5a5.74%205.74%200%200%200-3.56-1.21a5.81%205.81%200%200%200-6%205.95a5.73%205.73%200%200%200%206%205.88a5.67%205.67%200%200%200%203.57-1.19l-.8-2.43a4.12%204.12%200%200%201-2.55%201zm4.47%202.38h3v-5.83l3.75%205.83h3.49l-4.27-6.17l4-5.11h-3.34l-3.62%204.74V54.4h-3V70z%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%22m30.13%2072.62l-12.27%206.94v-5.41l7.65-4.21l4.63%202.67zm.84-.76V57.34l-4.49%202.59v9.33l4.52%202.6zm-26.46.76l12.27%206.94v-5.41l-7.65-4.2zm-.84-.76V57.34l4.49%202.59v9.33zM4.2%2056.4l12.59-7.12v5.22l-8.07%204.44h-.06zm26.25%200l-12.59-7.12v5.22l8.06%204.43l.08.07l4.46-2.57z%22%2F%3E%3Cpath%20fill%3D%22%231c78c0%22%20d%3D%22m16.78%2072.92l-7.54-4.15v-8.22l7.55%204.36zm1.08%200l7.55-4.15v-8.22l-7.55%204.36zM9.75%2059.6l7.57-4.16l7.58%204.16l-7.58%204.4zM48.61%2070h3.32l3.38-11.27h-3.23l-2%208l-2.14-8h-2.8l-2.16%208l-2-8h-3.21L41.13%2070h3.32l2.09-7.22zm6.87-5.6a5.62%205.62%200%200%200%205.93%205.88a5.35%205.35%200%200%200%204.74-2.48l-2-1.49a3.29%203.29%200%200%201-2.74%201.38a2.74%202.74%200%200%201-2.93-2.59h7.94v-.65c0-3.68-2-6-5.47-6c-3.21%200-5.52%202.54-5.52%205.95zm3.13-1.23a2.39%202.39%200%200%201%202.39-2.3a2.3%202.3%200%200%201%202.41%202.28zm9%206.83h2.8v-1.18a4.4%204.4%200%200%200%203.34%201.44c3.23%200%205.52-2.43%205.52-5.9s-2.11-5.92-5.35-5.92a4.24%204.24%200%200%200-3.34%201.46v-5.5h-3V70zm2.89-5.6c0-2.11%201.25-3.32%202.89-3.32s2.89%201.36%202.89%203.32s-1.21%203.25-2.89%203.25a3%203%200%200%201-2.89-3.25m9.92%209.6h3v-5.2a4.3%204.3%200%200%200%203.34%201.44c3.23%200%205.35-2.43%205.35-5.92s-2.28-5.9-5.52-5.9a4.32%204.32%200%200%200-3.34%201.46v-1.17h-2.8V74zm2.89-9.7a3%203%200%200%201%202.89-3.25c1.68%200%202.89%201.25%202.89%203.25s-1.16%203.32-2.89%203.32s-2.89-1.21-2.89-3.32m9.31%202.18c0%202.37%201.94%203.77%204.22%203.77a3.52%203.52%200%200%200%202.74-1l.19.73h2.63v-7.13c0-2.52-1.08-4.42-4.7-4.42a8.4%208.4%200%200%200-4.44%201.34l1.12%202a6.65%206.65%200%200%201%203-.8c1.32%200%202%20.67%202%201.66v.73a4.57%204.57%200%200%200-2.38-.59c-2.63%200-4.38%201.5-4.38%203.72zm3-.09c0-.93.8-1.57%201.94-1.57s2%20.58%202%201.57s-.88%201.61-2%201.61s-2-.62-2-1.55zm14%201.23a3.29%203.29%200%200%201-.1-6.57a3.83%203.83%200%200%201%202.63%201.08l.84-2.5a5.74%205.74%200%200%200-3.56-1.21a5.81%205.81%200%200%200-6%205.95a5.73%205.73%200%200%200%206%205.88a5.67%205.67%200%200%200%203.57-1.19l-.8-2.43a4.12%204.12%200%200%201-2.55%201zm4.47%202.38h3v-5.83l3.75%205.83h3.49l-4.27-6.17l4-5.11h-3.34l-3.62%204.74V54.4h-3V70z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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