Treasure Map アイコン
pinhead:treasure-map
Treasure Map アイコン(pinhead:treasure-map)は、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
- タグ
- treasuremap
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M4.78.04C2.7.87 1.46 3.37 2.34 6.93c.08.33.65.77.68 1.07s-.47.45-.48.72c-.01.54-.09 1.03-.21 1.46l-1.06-.25c-.37.43-.71.84-.89 1.27c-.13.32-.2.7-.03 1.06c2.89 1.82 7.8 2.71 10.7 2.74c.44.01.59-.07.73-.39c.06-.11.11-.25.18-.43a10.3 10.3 0 0 0 .54-3.56c-.01-.38-.97-.68-.95-1.09c.02-.29.81-.71.52-1.3c-.67-1.38-.47-2.44-.08-3.29c.4-.85 1.2-1.59 2.38-2.39c.35-.23.24-.77-.18-.85L5.04.01c-.09-.03-.18 0-.26.03m.26.93l7.97 1.47c-.8.63-1.49 1.29-1.87 2.1c-.5 1.1-.5 2.22.05 3.82c.12.35-.87.93-.81 1.29c.06.35 1.13.84 1.14 1.18c.02.68 0 1.15-.1 1.7c-.1.56-.2 1.03-.35 1.33c-.14.23-.51.04-.64-.43c-.15-.6-.08-.92.24-1.36c-2.47-.21-4.94-.72-7.41-1.67c.13-.46.22-.72.23-1.34c.01-.31.51-.34.48-.69c-.04-.35-.62-1.28-.72-1.66c-.79-3.21.24-5.07 1.79-5.74m.96.32l-.72.61c-.29 0-.58.14-.78.37l-.65.14l.4.44c-.04.32.08.67.32.89l-.08.91l.65-.66c.33.03.66-.12.87-.37l.57-.08l-.32-.49c.05-.33-.07-.68-.31-.9zm-.67 1.23c.03 0 .07.01.1.03c.23.09.28.4.16.59c-.1.21-.38.31-.57.17c-.22-.16-.19-.51 0-.68c.08-.08.19-.12.31-.11m2.86 1.31l-.53.33l.45.75l-.67.34l.28.56l.72-.37l.55.92l.54-.32L9 5.16l.85-.44l-.28-.55l-.9.45zM6.75 5.09l-.29.07c-.36.11-.7.28-.97.54l.43.46c.26-.25.61-.39.96-.45zm-1.7 1.18l-.13.24c-.08.2-.15.42-.2.63l-.05.44l.62.07c.02-.24.04-.49.14-.71c.03-.13.1-.24.16-.36zm.28 1.88l-.6.18c.08.25.14.51.28.74c.07.18.18.33.29.48l.51-.37c-.16-.21-.29-.45-.38-.7zm.85 1.41l-.38.5c.35.28.76.46 1.17.63l.24-.58c-.36-.15-.73-.3-1.03-.55m1.62.79l-.26.57c.32.15.63.35.83.66l.52-.34c-.11-.19-.27-.35-.44-.49c-.2-.16-.42-.29-.65-.4"/></svg>Treasure Map アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:treasure-map" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:treasure-map" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:treasure-map" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--treasure-map]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:treasure-map"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:treasure-map"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/treasure-map.svg" alt="Treasure Map アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
他のアイコンセットの Treasure Map アイコン
Treasure Map アイコン のよくある質問
Treasure Map アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Treasure Map アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:treasure-map" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Treasure Map アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/treasure-map.svg" alt="Treasure Map アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。