ICONYZ
日本語
Energy Icons の Palm Tree 48 Bold アイコン

Palm Tree 48 Bold アイコン

energy-icons:palm-tree-48-bold

Palm Tree 48 Bold アイコン(energy-icons:palm-tree-48-bold)は、Energy Icons セットの無料 SVG アイコンです(作者: Sam Passmore)。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Energy Icons
作者
Sam Passmore
ライセンス
MIT
サイズ
48 × 48
タグ
palmtree、treebold、palmtreebold
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M24.24 17.845c1.022 8.173-.002 16.342-.996 26.279l-2.488-.248c1.006-10.063 1.982-17.894 1.004-25.72z"/><path fill="currentColor" d="M32 42.75a1.25 1.25 0 1 1 0 2.5H14a1.25 1.25 0 1 1 0-2.5zm-9.001-26.045c3.489-.958 6.625-1.214 9.691-.414c3.162.825 6.1 2.73 9.194 5.825a1.251 1.251 0 0 1-1.768 1.768c-2.905-2.905-5.468-4.5-8.056-5.174c-2.585-.674-5.343-.472-8.716.492a1.25 1.25 0 0 1-.688 0c-3.389-.968-6.129-1.16-8.437-.5c-2.274.65-4.301 2.175-6.179 4.992a1.25 1.25 0 0 1-2.08-1.387c2.122-3.183 4.595-5.158 7.571-6.008c2.848-.814 5.994-.548 9.468.406"/><path fill="currentColor" d="M30.917 6.77c1.343-.107 2.638.334 3.833 1.23a1.25 1.25 0 1 1-1.5 2c-.805-.604-1.51-.788-2.136-.738c-.644.05-1.37.363-2.17 1.057c-1.636 1.418-3.296 4.18-4.773 8.12a1.251 1.251 0 0 1-2.342 0c-1.477-3.94-3.137-6.702-4.772-8.12c-.801-.694-1.527-1.006-2.171-1.057c-.626-.05-1.331.134-2.136.738a1.25 1.25 0 1 1-1.5-2c1.195-.896 2.49-1.337 3.833-1.23c1.325.105 2.536.73 3.61 1.66c1.6 1.386 3.04 3.576 4.307 6.316c1.266-2.74 2.708-4.93 4.307-6.315c1.074-.931 2.285-1.556 3.61-1.661"/></svg>

Palm Tree 48 Bold アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="energy-icons:palm-tree-48-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="energy-icons:palm-tree-48-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="energy-icons:palm-tree-48-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--palm-tree-48-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:palm-tree-48-bold"></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-48-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/energy-icons/palm-tree-48-bold.svg" alt="Palm Tree 48 Bold アイコン" width="24" height="24">

Energy Icons の関連アイコン

Palm Tree 48 Bold アイコン のよくある質問

Palm Tree 48 Bold アイコンは商用利用でも無料ですか?

はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Palm Tree 48 Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="energy-icons:palm-tree-48-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Palm Tree 48 Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/palm-tree-48-bold.svg" alt="Palm Tree 48 Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Energy Icons をすべて見る →