Tricorne Hat With Skull アイコン
pinhead:tricorne-hat-with-skull
Tricorne Hat With Skull アイコン(pinhead:tricorne-hat-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
- タグ
- tricornehat、hatwith、withskull、tricornehatwithskull
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.43 3.13c-1 .01-1.79.39-2.42.9S3.9 5.17 3.45 5.72s-.88 1-1.32 1.19c-.44.2-.92.19-1.67-.26a.29.29 0 0 0-.35.03c-.1.09-.14.23-.09.35l1.8 4.38c.06.13.21.21.36.18c3.24-.79 7.36-.93 10.45-.01c.14.05.3-.03.36-.16l1.98-4.32c.06-.12.03-.26-.07-.35a.3.3 0 0 0-.36-.04c-.61.35-1.02.31-1.47.09c-.45-.23-.91-.7-1.41-1.23c-1.01-1.08-2.24-2.46-4.23-2.44m.04 1.42c.09 0 .18 0 .27.02c.67.09 1.08.38 1.4 1.01c.22.43.26.66.19 1.23c-.05.39-.17.77-.27.85s-.18.32-.18.52c0 .23-.16.55-.41.83c-.34.39-.48.46-.96.46c-.46 0-.64-.08-.97-.4c-.29-.29-.4-.52-.4-.85c0-.27-.07-.48-.18-.52c-.12-.05-.22-.37-.28-.91c-.08-.77-.06-.88.26-1.37c.37-.55.93-.86 1.53-.87m-.85 1.79c-.19.01-.34.14-.34.37c0 .52.45.65.8.23c.18-.22.16-.29-.08-.46a.62.62 0 0 0-.38-.14m1.83.03c-.08 0-.18.02-.27.08c-.34.17-.36.32-.1.58c.29.28.56.22.68-.15c.1-.31-.06-.52-.31-.51m-.97.81c-.07.05-.23.3-.16.37s.1-.01.17-.01s.11.07.17.02c.07-.06-.11-.42-.18-.38m-1.01.91c-.07.01-.1.1-.05.15l.29.34c.03.04.09.04.12 0l.24-.23c.29-.03.52-.05.85.01l.17.19c.04.04.1.04.13 0l.28-.3c.08-.09-.05-.2-.13-.12l-.21.23l-.14-.14a.1.1 0 0 0-.04-.02c-.38-.08-.64-.06-.96-.02c-.02 0-.03.01-.05.02l-.19.19l-.23-.26c-.02-.02-.05-.04-.07-.04z"/></svg>Tricorne Hat With Skull アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:tricorne-hat-with-skull" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:tricorne-hat-with-skull" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:tricorne-hat-with-skull" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--tricorne-hat-with-skull]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:tricorne-hat-with-skull"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:tricorne-hat-with-skull"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/tricorne-hat-with-skull.svg" alt="Tricorne Hat With Skull アイコン" width="24" height="24">Tricorne Hat With Skull アイコン のよくある質問
Tricorne Hat With Skull アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tricorne Hat With Skull アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:tricorne-hat-with-skull" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tricorne Hat With Skull アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/tricorne-hat-with-skull.svg" alt="Tricorne Hat With Skull アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。