Иконка Webpack Wordmark
devicon-plain:webpack-wordmark
Иконка Webpack Wordmark (devicon-plain:webpack-wordmark) — бесплатная SVG-иконка из набора Devicon Plain от konpa. Она нарисована на сетке 128 × 128. Devicon Plain icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Devicon Plain
- Автор
- konpa
- Лицензия
- MIT
- Размер
- 128 × 128
- Теги
- webpackwordmark
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="m30.13 72.2l-12.27 6.94v-5.41l7.65-4.21l4.63 2.67zm.84-.76V56.92l-4.49 2.59v9.33l4.52 2.6zm-26.46.76l12.27 6.94v-5.41l-7.65-4.2zm-.84-.76V56.92l4.49 2.59v9.33zM4.2 56l12.59-7.12v5.22l-8.07 4.42h-.06zm26.25 0l-12.59-7.14v5.22l8.06 4.43h.06zM16.78 72.5l-7.54-4.15v-8.22l7.55 4.36zm1.08 0l7.55-4.15v-8.22l-7.55 4.36zM9.75 59.19L17.32 55l7.57 4.16l-7.57 4.37zm38.86 10.38h3.32l3.38-11.27h-3.23l-2 8l-2.14-8h-2.8l-2.16 8l-2-8h-3.21l3.36 11.27h3.32l2.09-7.22zM55.49 64a5.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 61 60.45a2.3 2.3 0 0 1 2.41 2.28zm9 6.83h2.8v-1.2a4.4 4.4 0 0 0 3.34 1.44c3.23 0 5.52-2.43 5.52-5.9S77.15 58 73.92 58a4.24 4.24 0 0 0-3.34 1.46V54h-3v15.57zm2.87-5.6c0-2.11 1.25-3.32 2.89-3.32S76.27 62 76.27 64s-1.21 3.25-2.89 3.25A3 3 0 0 1 70.49 64m9.93 9.63h3V68.4a4.3 4.3 0 0 0 3.34 1.44c3.23 0 5.35-2.43 5.35-5.92S89.8 58 86.57 58a4.32 4.32 0 0 0-3.34 1.46v-1.17h-2.8V73.6zm2.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.25-2.89-3.35zm9.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.18c0-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.66V63a4.57 4.57 0 0 0-2.38-.65c-2.63 0-4.38 1.5-4.38 3.72zm3-.09c0-.93.8-1.57 1.94-1.57s2 .58 2 1.57s-.82 1.55-1.94 1.55s-2-.62-2-1.55m14 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.55-1.26a5.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.56-1.19l-.8-2.43a4.12 4.12 0 0 1-2.55 1zm4.46 2.35h3v-5.85l3.77 5.82h3.49l-4.27-6.17l4-5.11h-3.34L117.06 63v-9h-3v15.57z"/></svg>Как использовать иконку Webpack Wordmark
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:webpack-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:webpack-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:webpack-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--webpack-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:webpack-wordmark"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:webpack-wordmark"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/devicon-plain/webpack-wordmark.svg" alt="Иконка Webpack Wordmark" width="24" height="24">Похожие иконки в наборе Devicon Plain
Иконка Webpack Wordmark в других наборах
Вопросы и ответы: Иконка Webpack Wordmark
Можно ли бесплатно использовать иконку Webpack Wordmark в коммерческих проектах?
Да. Devicon Plain icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Webpack Wordmark в React?
Установите @iconify/react и выведите <Icon icon="devicon-plain:webpack-wordmark" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Webpack Wordmark на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon-plain/webpack-wordmark.svg" alt="Иконка Webpack Wordmark">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.