Bomb Minimalistic Outline アイコン
solar:bomb-minimalistic-outline
Bomb Minimalistic Outline アイコン(solar:bomb-minimalistic-outline)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- セキュリティ
- タグ
- bombminimalistic、minimalisticoutline、bombminimalisticoutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.6646 2.82934C16.0351 2.6441 16.4856 2.79427 16.6708 3.16475L17.1708 4.16475C17.3561 4.53524 17.2059 4.98574 16.8354 5.17098C16.4649 5.35623 16.0144 5.20606 15.8292 4.83557L15.3292 3.83557C15.1439 3.46509 15.2941 3.01459 15.6646 2.82934Z"/><path fill-rule="evenodd" d="M1.25 14.5002C1.25 9.94381 4.94365 6.25016 9.5 6.25016C11.5081 6.25016 13.3487 6.96763 14.7793 8.16021L16.4697 6.46983C16.7626 6.17694 17.2374 6.17694 17.5303 6.46983C17.8232 6.76273 17.8232 7.2376 17.5303 7.53049L15.84 9.22087C17.0325 10.6515 17.75 12.492 17.75 14.5002C17.75 19.0565 14.0563 22.7502 9.5 22.7502C4.94365 22.7502 1.25 19.0565 1.25 14.5002ZM9.5 7.75016C5.77208 7.75016 2.75 10.7722 2.75 14.5002C2.75 18.2281 5.77208 21.2502 9.5 21.2502C13.2279 21.2502 16.25 18.2281 16.25 14.5002C16.25 10.7722 13.2279 7.75016 9.5 7.75016Z" clip-rule="evenodd"/><path d="M19.8354 6.82934C19.4649 6.6441 19.0144 6.79427 18.8292 7.16475C18.6439 7.53524 18.7941 7.98574 19.1646 8.17098L20.1646 8.67098C20.5351 8.85623 20.9856 8.70606 21.1708 8.33557C21.3561 7.96509 21.2059 7.51459 20.8354 7.32934L19.8354 6.82934Z"/><path d="M20.5303 4.53049C20.8232 4.2376 20.8232 3.76273 20.5303 3.46983C20.2374 3.17694 19.7626 3.17694 19.4697 3.46983L18.4697 4.46983C18.1768 4.76273 18.1768 5.2376 18.4697 5.53049C18.7626 5.82339 19.2374 5.82339 19.5303 5.53049L20.5303 4.53049Z"/></g></svg>Bomb Minimalistic Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:bomb-minimalistic-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:bomb-minimalistic-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:bomb-minimalistic-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bomb-minimalistic-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bomb-minimalistic-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:bomb-minimalistic-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/bomb-minimalistic-outline.svg" alt="Bomb Minimalistic Outline アイコン" width="24" height="24">Solar の関連アイコン
bomb-bold
bomb-bold-duotone
bomb-broken
bomb-emoji-bold
bomb-emoji-bold-duotone
bomb-emoji-broken
bomb-emoji-line-duotone
bomb-emoji-linear
bomb-emoji-outline
bomb-line-duotone
bomb-linear
bomb-minimalistic-bold
bomb-minimalistic-bold-duotone
bomb-minimalistic-broken
bomb-minimalistic-line-duotone
bomb-minimalistic-linear
bomb-outline
Bomb Minimalistic Outline アイコン のよくある質問
Bomb Minimalistic Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bomb Minimalistic Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:bomb-minimalistic-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bomb Minimalistic Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/bomb-minimalistic-outline.svg" alt="Bomb Minimalistic Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。