Skull Crossbones アイコン
la:skull-crossbones
Skull Crossbones アイコン(la:skull-crossbones)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- テーブルゲーム
- タグ
- skullcrossbones、crossbone、skull crossbones solid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M6.5 3A1.5 1.5 0 0 0 5 4.5c0 .234.063.46.156.656A1.5 1.5 0 0 0 4.5 5a1.5 1.5 0 0 0 0 3c.57 0 1.059-.313 1.313-.781l2.718 2.75A8.9 8.9 0 0 0 7.125 13.5c-.328 1.992.059 3.871.875 5.5v1c0 .71.266 1.36.688 1.875L5.812 24.75A1.5 1.5 0 0 0 4.5 24a1.5 1.5 0 0 0 0 3c.234 0 .46-.063.656-.156A1.5 1.5 0 0 0 5 27.5a1.5 1.5 0 0 0 3 0c0-.559-.297-1.055-.75-1.313l3.25-3.25c.164.028.328.063.5.063c0 1.645 1.355 3 3 3h4c1.645 0 3-1.355 3-3c.172 0 .336-.035.5-.063l3.25 3.25c-.453.258-.75.754-.75 1.313a1.5 1.5 0 0 0 3 0c0-.234-.063-.46-.156-.656c.195.093.422.156.656.156a1.5 1.5 0 0 0 0-3c-.559 0-1.055.297-1.313.75l-2.875-2.875A2.96 2.96 0 0 0 24 20v-.969c.617-1.218 1-2.574 1-4.031a8.9 8.9 0 0 0-1.563-5.031l2.75-2.75c.254.468.743.781 1.313.781a1.5 1.5 0 0 0 0-3c-.234 0-.46.063-.656.156c.093-.195.156-.422.156-.656a1.5 1.5 0 0 0-3 0c0 .57.313 1.059.781 1.313l-2.656 2.625A9 9 0 0 0 15.937 6c-.332 0-.66.023-1 .063a8.96 8.96 0 0 0-5.093 2.343L7.219 5.812C7.687 5.56 8 5.07 8 4.5A1.5 1.5 0 0 0 6.5 3m9.469 5A6.973 6.973 0 0 1 23 15c0 1.23-.316 2.371-.875 3.375l-.125.25V20c0 .566-.434 1-1 1h-2v2c0 .566-.434 1-1 1h-4c-.566 0-1-.434-1-1v-2h-2c-.566 0-1-.434-1-1v-1.375l-.125-.25a6.97 6.97 0 0 1-.781-4.563c.492-3.015 3.054-5.406 6.094-5.75c.265-.03.519-.062.78-.062zM13 15a1.999 1.999 0 1 0 0 4a1.999 1.999 0 1 0 0-4m6 0a1.999 1.999 0 1 0 0 4a1.999 1.999 0 1 0 0-4m-4 5v2h2v-2z"/></svg>Skull Crossbones アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:skull-crossbones" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:skull-crossbones" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:skull-crossbones" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--skull-crossbones]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:skull-crossbones"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:skull-crossbones"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/la/skull-crossbones.svg" alt="Skull Crossbones アイコン" width="24" height="24">Line Awesome の関連アイコン
他のアイコンセットの Skull Crossbones アイコン
Skull Crossbones アイコン のよくある質問
Skull Crossbones アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Skull Crossbones アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:skull-crossbones" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skull Crossbones アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/skull-crossbones.svg" alt="Skull Crossbones アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。