Ragged Flag With Skull アイコン
pinhead:ragged-flag-with-skull
Ragged Flag With Skull アイコン(pinhead:ragged-flag-with-skull)は、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
- タグ
- raggedflag、flagwith、withskull、raggedflagwithskull
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M5.73.68C3 .75 0 3.53 0 3.53L2.09 14.5s2.75-3.11 5.49-3.4c2.72-.28 2.99 2.88 7.42 1.29c-.74-1.19-1.64-1.73-1.64-1.73l.76-1.37c-.81.21-1.82-1.93-.26-1.79c-.02-.35.28-.71-.75-1.06l1.06-.58c-.55.07-.87-1.31-.41-2.09c.4-.68-.58-1.32.03-2.2C10.03 3.19 8.45.62 5.73.68m.85 2.16c1.11.05 1.85.4 2.55 1.22c.47.56.6.87.65 1.65c.04.52-.04 1.05-.18 1.18c-.13.12-.19.44-.13.72c.07.31-.08.76-.4 1.17c-.43.57-.64.67-1.4.72c-.73.05-1.04-.03-1.66-.44c-.55-.36-.79-.66-.89-1.11c-.08-.36-.26-.63-.45-.68c-.2-.05-.46-.48-.71-1.2c-.36-1.04-.36-1.19.01-1.88c.42-.79 1.22-1.27 2.19-1.35q.21-.015.42 0M8.26 5.2c-.14.01-.28.05-.42.13c-.48.28-.47.48.02.8c.54.36.96.24 1.04-.27c.07-.43-.24-.7-.64-.66m-2.93.16c-.31.03-.51.22-.44.53c.16.71.91.84 1.34.23c.22-.31.18-.41-.25-.62c-.24-.11-.47-.16-.65-.14M7 6.4c-.02 0-.04 0-.05.01c-.1.06-.29.42-.15.52c.13.08.15-.03.27-.04c.11 0 .19.08.27.01c.09-.08-.2-.45-.34-.5m1.74 1.15c-.03 0-.07.01-.09.04l-.27.34l-.26-.17a.1.1 0 0 0-.08-.03c-.62-.07-1.04-.01-1.53.07c-.03.01-.06.02-.07.04l-.26.28l-.44-.34c-.04-.02-.08-.04-.12-.03h-.01c-.11.02-.14.13-.05.2l.57.43c.06.04.15.04.2-.01l.3-.34c.46-.08.83-.13 1.37-.07l.33.23c.07.05.16.04.2-.01l.36-.44c.07-.09-.04-.2-.15-.19"/></svg>Ragged Flag With Skull アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:ragged-flag-with-skull" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:ragged-flag-with-skull" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:ragged-flag-with-skull" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--ragged-flag-with-skull]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:ragged-flag-with-skull"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:ragged-flag-with-skull"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/ragged-flag-with-skull.svg" alt="Ragged Flag With Skull アイコン" width="24" height="24">Ragged Flag With Skull アイコン のよくある質問
Ragged Flag With Skull アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ragged Flag With Skull アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:ragged-flag-with-skull" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ragged Flag With Skull アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/ragged-flag-with-skull.svg" alt="Ragged Flag With Skull アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。