Webpack アイコン

Q: Webpack アイコンは商用利用でも無料ですか?

はい。ProIcons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

proicons:webpack

Webpack アイコン(proicons:webpack)は、ProIcons セットの無料 SVG アイコンです（作者: ProCode）。 24 × 24 のグリッドで描かれています。 ProIcons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: ProIcons
作者: ProCode
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

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>

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 コンポーネント

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

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

HTML 画像

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

他のアイコンセットの Webpack アイコン

Webpack アイコンのよくある質問

Webpack アイコンは商用利用でも無料ですか?

はい。ProIcons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Webpack アイコンを使うには?

@iconify/react をインストールして <Icon icon="proicons:webpack" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Webpack アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/proicons/webpack.svg" alt="Webpack アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

ProIcons をすべて見る →