Bomb アイコン
fxemoji:bomb
Bomb アイコン(fxemoji:bomb)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#D0C9BF" d="M328.965 140.508a7.32 7.32 0 0 1-4.947-1.915a7.353 7.353 0 0 1-.489-10.388c16.239-17.844 36.276-29.311 57.947-33.16c17.961-3.188 36.882-1.113 53.273 5.849a7.356 7.356 0 0 1 3.894 9.643a7.356 7.356 0 0 1-9.644 3.893c-25.471-10.818-63.695-10.281-94.594 23.673a7.33 7.33 0 0 1-5.44 2.405"/><path fill="#384C59" d="m344.472 183.587l11.735-11.735c14.059-14.059 14.059-36.853 0-50.912l-13.455-13.455c-14.059-14.059-36.853-14.059-50.912 0l-20.097 20.097c-22.701-9.815-47.729-15.264-74.034-15.264c-103.131 0-186.735 83.604-186.735 186.735s83.604 186.735 186.735 186.735s186.735-83.604 186.735-186.735c0-43.59-14.938-83.691-39.972-115.466"/><path fill="#FFC145" d="M453.976 104.663c0 12.186-9.915 22.101-22.102 22.101s-22.101-9.915-22.101-22.101s9.914-22.101 22.101-22.101s22.102 9.915 22.102 22.101m-13.768-37.258V39.952c0-4.603-3.731-8.334-8.334-8.334s-8.334 3.731-8.334 8.334v27.453a8.334 8.334 0 0 0 16.668 0M411.422 84.21a8.333 8.333 0 0 0 0-11.786L392.01 53.012a8.334 8.334 0 0 0-11.785 11.786l19.412 19.412c1.627 1.627 3.76 2.441 5.893 2.441s4.265-.814 5.892-2.441m-19.412 72.102l19.412-19.412a8.334 8.334 0 0 0-11.785-11.786l-19.412 19.412a8.333 8.333 0 0 0 5.893 14.227a8.3 8.3 0 0 0 5.892-2.441m48.198 13.061V141.92c0-4.603-3.731-8.334-8.334-8.334s-8.334 3.731-8.334 8.334v27.453c0 4.603 3.731 8.334 8.334 8.334s8.334-3.731 8.334-8.334m43.316-13.061a8.333 8.333 0 0 0 0-11.786l-19.412-19.412a8.334 8.334 0 0 0-11.785 11.786l19.412 19.412c1.627 1.627 3.76 2.441 5.893 2.441s4.265-.814 5.892-2.441m21.395-51.649a8.334 8.334 0 0 0-8.334-8.334h-27.453c-4.603 0-8.334 3.731-8.334 8.334s3.731 8.334 8.334 8.334h27.453a8.334 8.334 0 0 0 8.334-8.334M464.112 84.21l19.412-19.412a8.334 8.334 0 0 0-11.785-11.786l-19.412 19.412a8.333 8.333 0 0 0 5.893 14.227a8.3 8.3 0 0 0 5.892-2.441"/><ellipse cx="138.274" cy="186.373" fill="#80878C" rx="57" ry="35.419" transform="rotate(156.273 138.27 186.36)"/></svg>
Bomb アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:bomb" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:bomb" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:bomb" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--bomb]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:bomb"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:bomb"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/bomb.svg" alt="Bomb アイコン" width="24" height="24">
Bomb アイコン のよくある質問
Bomb アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bomb アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:bomb" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bomb アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/bomb.svg" alt="Bomb アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
