Twotone Bug Report アイコン

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

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

ic:twotone-bug-report

Twotone Bug Report アイコン(ic:twotone-bug-report)は、Google Material Icons セットの無料 SVG アイコンです（作者: Material Design Authors）。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Google Material Icons
作者: Material Design Authors
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: アクション
タグ: animal、bug、fix、insect、issue、problem、report、testing、virus、warning、action、twotonebug、bugreport、twotonebugreport

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.83 9.65L15.46 9c-.3-.53-.71-.96-1.21-1.31l-.61-.42l-.68-.16C12.63 7.04 12.32 7 12 7c-.31 0-.63.04-.94.11l-.74.18l-.57.4A4.1 4.1 0 0 0 8.54 9l-.37.65l-.1.65c-.04.23-.07.48-.07.7v4c0 .22.03.47.07.7l.1.65l.37.65c.72 1.24 2.04 2 3.46 2s2.74-.77 3.46-2l.37-.64l.1-.65c.04-.24.07-.49.07-.71v-4c0-.22-.03-.47-.07-.7zM14 16h-4v-2h4zm0-4h-4v-2h4z" opacity=".3"/><path fill="currentColor" d="M20 8h-2.81a6 6 0 0 0-1.82-1.96L17 4.41L15.59 3l-2.17 2.17C12.96 5.06 12.49 5 12 5s-.96.06-1.41.17L8.41 3L7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20zm-4 4v3c0 .22-.03.47-.07.7l-.1.65l-.37.65c-.72 1.24-2.04 2-3.46 2s-2.74-.77-3.46-2l-.37-.64l-.1-.65C8.03 15.47 8 15.22 8 15v-4c0-.22.03-.47.07-.7l.1-.65l.37-.65c.3-.52.72-.97 1.21-1.31l.57-.39l.74-.18a3.8 3.8 0 0 1 1.89 0l.68.16l.61.42c.5.34.91.78 1.21 1.31l.38.65l.1.65c.04.22.07.47.07.69zm-6 2h4v2h-4zm0-4h4v2h-4z"/></svg>

Twotone Bug Report アイコンの使い方

React

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

<Icon icon="ic:twotone-bug-report" width="24" />

Vue

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

<template>
  <Icon icon="ic:twotone-bug-report" width="24" />
</template>

Svelte

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

<Icon icon="ic:twotone-bug-report" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--twotone-bug-report]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:twotone-bug-report"></div>

Web コンポーネント

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

<iconify-icon icon="ic:twotone-bug-report"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ic/twotone-bug-report.svg" alt="Twotone Bug Report アイコン" width="24" height="24">

Google Material Icons の関連アイコン

Twotone Bug Report アイコンのよくある質問

Twotone Bug Report アイコンは商用利用でも無料ですか?

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

React で Twotone Bug Report アイコンを使うには?

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

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

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

Google Material Icons をすべて見る →