Cartoon Cannon With Lit Fuse アイコン
pinhead:cartoon-cannon-with-lit-fuse
Cartoon Cannon With Lit Fuse アイコン(pinhead:cartoon-cannon-with-lit-fuse)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- cartooncannon、cannonwith、withlit、litfuse、cartooncannonwithlitfuse
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M1.97 2c-.14.02-.25.09-.29.21c-.03.24.02.49.02.73c.02.19-.01.47.21.56c.22.1.48-.11.44-.34c-.02-.31-.04-.62-.05-.93A.304.304 0 0 0 1.97 2m1.7.92c-.2.01-.36.15-.54.22c-.18.11-.4.17-.55.33c-.16.19 0 .51.25.51c.21-.03.37-.18.56-.26c.15-.08.32-.14.46-.24c.11-.09.14-.25.07-.38a.31.31 0 0 0-.25-.18M.3 3.48a.3.3 0 0 0-.29.26c-.04.17.08.34.25.37c.32.05.63.11.96.14c.24 0 .39-.33.23-.52c-.15-.17-.4-.12-.59-.17C.67 3.54.49 3.5.3 3.48m12.4.49c-.21.09-.38.24-.51.42l-4.13.74c-.69-.36-2.36-.23-3.36-.04c.1-.2.03-.43.04-.59a.57.57 0 0 0-.42-.33c-.15-.03-.28-.01-.42.01c-.27.05-.56.12-.81.13c-.26.01-.43-.03-.56-.19A.34.34 0 0 0 2.27 4c-.26.01-.4.33-.22.54c.29.33.7.42 1.05.41c.36-.01.68-.1.91-.14c.14-.05.08.06.1.06c-.03.09-.11.26-.18.42c-1.71.64-2.69 2.51-2.21 4.32a3.62 3.62 0 0 0 2.33 2.5c.24-.73.55-1.3.93-1.73c.7-.78 1.64-1.03 2.56-.85c.62.12 1.24.42 1.82.85c.03-.03.07-.07.09-.1l3.97-1.5c.18.08.37.13.57.12a.93.93 0 0 0 .68-.35c.15-.2.24-.44.28-.71c.1-.53.04-1.16-.11-1.77s-.39-1.2-.74-1.63c-.44-.53-.9-.78-1.4-.47m-11.01.6c-.16 0-.27.12-.33.26c-.15.25-.31.5-.44.76c-.08.24.18.49.41.39c.2-.09.25-.33.37-.49c.09-.17.2-.33.29-.49c.05-.14-.01-.3-.14-.38c-.04-.04-.11-.03-.16-.05M3.92 6.6c.14 0 .25.05.33.13c.22.25.07.74-.32 1.09c-.39.36-.89.45-1.1.2c-.22-.24-.08-.73.31-1.09c.24-.22.54-.34.78-.33m1.53 4.21c-.52.58-.93 1.65-1.13 3.19h7.09c-.98-2.03-2.6-3.58-3.99-3.85c-.75-.14-1.55.2-1.97.66m1.36.37a.736.736 0 0 1 0 1.47a.734.734 0 0 1 0-1.47"/></svg>Cartoon Cannon With Lit Fuse アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:cartoon-cannon-with-lit-fuse" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:cartoon-cannon-with-lit-fuse" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:cartoon-cannon-with-lit-fuse" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--cartoon-cannon-with-lit-fuse]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:cartoon-cannon-with-lit-fuse"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:cartoon-cannon-with-lit-fuse"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/cartoon-cannon-with-lit-fuse.svg" alt="Cartoon Cannon With Lit Fuse アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
Cartoon Cannon With Lit Fuse アイコン のよくある質問
Cartoon Cannon With Lit Fuse アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cartoon Cannon With Lit Fuse アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:cartoon-cannon-with-lit-fuse" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cartoon Cannon With Lit Fuse アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/cartoon-cannon-with-lit-fuse.svg" alt="Cartoon Cannon With Lit Fuse アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。