Coconut Palm Tree On Hill アイコン
pinhead:coconut-palm-tree-on-hill
Coconut Palm Tree On Hill アイコン(pinhead:coconut-palm-tree-on-hill)は、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
- タグ
- coconutpalm、palmtree、treeon、onhill、coconutpalmtreeonhill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M6.44 0c-.6.03-1.06.18-1.06.18l-.32.1l.28.71c-.36.07-.34.49-.28.55s.12.07.16.08c.08.01.18-.11.36-.03c.19.08.23.26.32.33c-.1-.01-.2-.02-.3-.02c-1.56.01-2.07 1.22-2.07 1.22l-.17.3l1.14.27c-.01.04-.01.04-.01.14c-.01.11-.02.16.06.26c.04.05.12.1.2.1c.08.01.14-.02.26-.11c.13-.1.2-.12.29-.13c.18-.03.4-.05.61-.05c.06-.01.08 0 .13.01c-.07.14-.12.28-.13.41c-.02.24.04.44.04.44l.12.5l.32-.4s.07-.1.44-.35c.06-.05.18-.12.26-.17c.02.04.03.07.05.1c.07.12.18.22.32.28c-.54.64-1.16 1.47-1.62 2.4c-.77 1.6-.61 3.41-.48 4.22c-1.98.4-3.11 1.15-3.73 1.85c-.34.4-.53.77-.63 1.05c-.07.19-.15.44-.25.76h13.5c-.17-.5-.4-.92-.69-1.25c0 0-1.98-2.47-5.76-2.62a9 9 0 0 0-.72 0c-.29-.59-.82-1.96-.21-3.23c.53-1.09 1.32-2.18 1.89-2.92c-.18.51-.34.89-.46 1.13c-.19.4-.27.49-.27.49l-.35.39l.52.04s.2.01.43-.04c.13-.03.27-.1.39-.2c.02.06.03.08.04.14c.03.2.04.42.04.6c0 .09-.01.17-.02.22s-.03.06 0 .04c-.05.04-.08.07-.1.24c-.02.16.04.24.1.27c.11.06.16.04.2.03c.05 0 .09-.01.12-.02l.08-.02l.45 1.08l.27-.22s1.52-1.19 1.28-2.73c-.02-.14-.06-.28-.1-.41c.04.03.08.07.11.11c.06.06.11.12.14.17c.03.04.03.07.13.23s.2.17.26.15c.12-.03.14-.08.17-.11c.03-.04.05-.07.07-.11c.02-.03.02-.03.03-.07l1.09.45l.03-.34s.24-1.92-1.02-2.84c-.62-.46-1.44-.57-2.1-.58c-.35 0-.64.02-.86.04v-.12s.06.22-.08-.43c-.14-.64-.41-1.43-.98-1.95C7.79.09 7.04-.02 6.44 0"/></svg>Coconut Palm Tree On Hill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:coconut-palm-tree-on-hill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:coconut-palm-tree-on-hill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:coconut-palm-tree-on-hill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--coconut-palm-tree-on-hill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:coconut-palm-tree-on-hill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:coconut-palm-tree-on-hill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/coconut-palm-tree-on-hill.svg" alt="Coconut Palm Tree On Hill アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
Coconut Palm Tree On Hill アイコン のよくある質問
Coconut Palm Tree On Hill アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Coconut Palm Tree On Hill アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:coconut-palm-tree-on-hill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coconut Palm Tree On Hill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/coconut-palm-tree-on-hill.svg" alt="Coconut Palm Tree On Hill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。