Webhook アイコン

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

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

boxicons:webhook

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18 18.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5c-.44 0-.84.2-1.11.5H10c-.55 0-1 .45-1 1c0 .8-.31 1.55-.88 2.12c-1.13 1.13-3.11 1.13-4.24 0C3.31 18.55 3 17.8 3 17s.31-1.55.88-2.12c.32-.32.73-.56 1.2-.72l-.61-1.9c-.78.25-1.46.66-2.01 1.21c-.94.94-1.46 2.2-1.46 3.54s.52 2.59 1.46 3.54s2.2 1.46 3.54 1.46s2.59-.52 3.54-1.46c.7-.7 1.17-1.58 1.36-2.54h5.99c.27.3.67.5 1.11.5Z"/><path fill="currentColor" d="M18 12c-.56 0-1.12.1-1.66.29l-2.91-4.86c.04-.14.07-.28.07-.44c0-.83-.67-1.5-1.5-1.5a1.498 1.498 0 0 0-.28 2.97l3.38 5.63a1.01 1.01 0 0 0 1.38.35c.48-.29 1-.44 1.54-.44c1.65 0 3 1.35 3 3s-1.35 3-3 3c-.91 0-1.57-.41-1.96-.75l-1.32 1.51c.92.8 2.08 1.25 3.28 1.25c2.76 0 5-2.24 5-5s-2.24-5-5-5Z"/><path fill="currentColor" d="M5.72 15.53A1.498 1.498 0 0 0 6 18.5c.83 0 1.5-.67 1.5-1.5c0-.15-.03-.3-.07-.44l3.38-5.63c.28-.47.13-1.09-.34-1.37A2.96 2.96 0 0 1 9.01 7c0-1.65 1.35-3 3-3s3 1.35 3 3q0 .27-.06.54l1.97.36c.06-.33.09-.62.09-.89c0-2.76-2.24-5-5-5s-5 2.24-5 5c0 1.42.59 2.74 1.63 3.68l-2.91 4.85Z"/></svg>

Webhook アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="boxicons:webhook" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="boxicons:webhook" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="boxicons:webhook" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--webhook]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:webhook"></div>

Web コンポーネント

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

<iconify-icon icon="boxicons:webhook"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/boxicons/webhook.svg" alt="Webhook アイコン" width="24" height="24">

Boxicons の関連アイコン

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

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

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

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

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

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

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

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

Boxicons をすべて見る →