Palm Tree 20 アイコン
energy-icons:palm-tree-20
Palm Tree 20 アイコン(energy-icons:palm-tree-20)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 20 × 20 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 20 × 20
- タグ
- palmtree
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M10.079 7.437c.426 3.402-.002 6.805-.415 10.945l-.994-.1c.418-4.19.825-7.457.417-10.72z"/><path fill="currentColor" d="M13.333 17.833a.5.5 0 1 1 0 1h-7.5a.5.5 0 1 1 0-1zM9.583 6.982c1.454-.4 2.758-.507 4.032-.174c1.313.342 2.534 1.133 3.821 2.42a.5.5 0 0 1-.707.708c-1.212-1.213-2.283-1.88-3.366-2.162c-1.081-.282-2.234-.196-3.642.206a.5.5 0 0 1-.276 0c-1.413-.403-2.559-.485-3.526-.209c-.953.273-1.802.912-2.586 2.088a.5.5 0 0 1-.832-.554C3.383 7.982 4.41 7.163 5.643 6.81c1.184-.338 2.492-.227 3.94.171"/><path fill="currentColor" d="M12.884 2.841c.553-.044 1.088.137 1.583.508a.5.5 0 0 1-.6.801c-.339-.254-.638-.334-.904-.312c-.274.021-.581.155-.917.446c-.686.594-1.38 1.749-1.995 3.391a.5.5 0 0 1-.936 0C8.5 6.033 7.805 4.878 7.12 4.284c-.336-.291-.642-.425-.916-.446c-.267-.022-.566.058-.904.312a.5.5 0 0 1-.6-.8c.495-.372 1.03-.553 1.583-.509c.546.044 1.047.301 1.492.687c.671.582 1.276 1.507 1.808 2.667c.531-1.16 1.137-2.085 1.809-2.667c.445-.386.946-.643 1.492-.687"/></svg>Palm Tree 20 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:palm-tree-20" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:palm-tree-20" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:palm-tree-20" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--palm-tree-20]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:palm-tree-20"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:palm-tree-20"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/palm-tree-20.svg" alt="Palm Tree 20 アイコン" width="24" height="24">Energy Icons の関連アイコン
Palm Tree 20 アイコン のよくある質問
Palm Tree 20 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Palm Tree 20 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:palm-tree-20" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Palm Tree 20 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/palm-tree-20.svg" alt="Palm Tree 20 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。