Palm Tree アイコン
twemoji:palm-tree
Palm Tree アイコン(twemoji:palm-tree)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 動物・自然
- タグ
- palmtree
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#c1694f" d="M21.978 20.424a29 29 0 0 0-.247-2.325a30.8 30.8 0 0 0-1.885-6.93c-.527-1.299-.943-2.043-.943-2.043l-3.613.466s.417.87.868 2.575c.183.692.371 1.524.54 2.495q.13.733.238 1.573q.152 1.172.242 2.549q.05.777.074 1.619c.006.204.015.401.018.611a14.5 14.5 0 0 1-.118 1.989c-.074.6-.182 1.197-.311 1.789a26 26 0 0 1-.67 2.475a35 35 0 0 1-.655 1.84c-.344.891-.69 1.692-.989 2.359c-.502 1.119-.871 1.863-.871 2.018c0 .49.35 1.408 2.797 2.02c3.827.956 4.196-.621 4.196-.621s.243-.738.526-2.192c.14-.718.289-1.605.424-2.678q.122-.963.222-2.116a62 62 0 0 0 .22-4.864c.002-.246.008-.484.008-.737c0-.64-.03-1.261-.071-1.872"/><path fill="#d99e82" d="M18.306 30.068c-1.403-.244-2.298-.653-2.789-.959c-.344.891-.69 1.692-.989 2.359c.916.499 2.079.895 3.341 1.114c.729.127 1.452.191 2.131.191c.414 0 .803-.033 1.176-.08c.14-.718.289-1.605.424-2.678c-.444.157-1.548.357-3.294.053m1.06-4.673c-1.093-.108-1.934-.348-2.525-.602a26 26 0 0 1-.67 2.475c.864.326 1.881.561 2.945.666c.429.042.855.064 1.27.064c.502 0 .978-.039 1.435-.099q.104-1.199.165-2.605c-.628.135-1.509.21-2.62.101m.309-2.133c.822 0 1.63-.083 2.366-.228c.002-.246.008-.484.008-.737c0-.641-.029-1.262-.071-1.873c-.529.138-1.285.272-2.352.286c-1.084-.005-1.847-.155-2.374-.306c.006.204.015.401.018.611a14.5 14.5 0 0 1-.118 1.989c.763.161 1.605.253 2.461.257zm-.249-4.577a12 12 0 0 0 2.304-.585a30 30 0 0 0-.485-2.513c-.496.204-1.199.431-2.181.572a9 9 0 0 1-2.129.077q.152 1.172.242 2.549c.152.006.29.029.446.029c.588.001 1.2-.043 1.803-.129m1.271-5.116a30 30 0 0 0-.852-2.4a9.5 9.5 0 0 1-1.737.659a9.2 9.2 0 0 1-1.951.339c.183.692.371 1.524.54 2.495a12.4 12.4 0 0 0 2.094-.376c.679-.188 1.31-.44 1.906-.717"/><path fill="#3e721d" d="M32.61 4.305c-.044-.061-4.48-5.994-10.234-3.39c-2.581 1.167-4.247 3.074-4.851 5.535c-1.125-1.568-2.835-2.565-5.093-2.968C6.233 2.376 2.507 9.25 2.47 9.32c-.054.102-.031.229.056.305s.217.081.311.015c.028-.02 2.846-1.993 7.543-1.157c4.801.854 8.167 1.694 8.201 1.702a.25.25 0 0 0 .245-.073c.032-.035 3.22-3.46 6.153-4.787c4.339-1.961 7.298-.659 7.326-.646a.25.25 0 0 0 .298-.07a.246.246 0 0 0 .007-.304"/><path fill="#5c913b" d="M27.884 7.63c-4.405-2.328-7.849-1.193-9.995.22c-2.575-.487-7.334-.459-11.364 4.707c-4.983 6.387-.618 14.342-.573 14.422a.376.376 0 0 0 .689-.086c.015-.054 1.527-5.52 5.35-10.118c2.074-2.496 4.55-4.806 6.308-6.34c1.762.298 4.327.947 6.846 2.354c4.958 2.773 7.234 7.466 7.257 7.513a.37.37 0 0 0 .379.212a.38.38 0 0 0 .325-.287c.02-.088 1.968-8.8-5.222-12.597"/></svg>Palm Tree アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:palm-tree" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:palm-tree" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:palm-tree" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--palm-tree]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:palm-tree"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:palm-tree"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/palm-tree.svg" alt="Palm Tree アイコン" width="24" height="24">Twitter Emoji の関連アイコン
palm-down-hand
palm-down-hand-dark-skin-tone
palm-down-hand-light-skin-tone
palm-down-hand-medium-dark-skin-tone
palm-down-hand-medium-light-skin-tone
palm-down-hand-medium-skin-tone
palm-up-hand
palm-up-hand-dark-skin-tone
palm-up-hand-light-skin-tone
palm-up-hand-medium-dark-skin-tone
palm-up-hand-medium-light-skin-tone
palm-up-hand-medium-skin-tone
palms-up-together
palms-up-together-dark-skin-tone
palms-up-together-light-skin-tone
palms-up-together-medium-dark-skin-tone
palms-up-together-medium-light-skin-tone
palms-up-together-medium-skin-tone
他のアイコンセットの Palm Tree アイコン
Palm Tree アイコン のよくある質問
Palm Tree アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Palm Tree アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:palm-tree" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Palm Tree アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/palm-tree.svg" alt="Palm Tree アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。