Evergreen Tree アイコン
twemoji:evergreen-tree
Evergreen Tree アイコン(twemoji:evergreen-tree)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 動物・自然
- タグ
- evergreentree
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#662113" d="M22 33c0 2.209-1.791 3-4 3s-4-.791-4-3l1-9c0-2.209.791-2 3-2s3-.209 3 2z"/><path fill="#5c913b" d="M31.406 27.297C24.443 21.332 21.623 12.791 18 12.791s-6.443 8.541-13.405 14.506c-2.926 2.507-1.532 3.957 2.479 3.667c3.576-.258 6.919-1.069 10.926-1.069s7.352.812 10.926 1.069c4.012.29 5.405-1.16 2.48-3.667"/><path fill="#3e721d" d="M29.145 24.934C23.794 20.027 20.787 13 18 13c-2.785 0-5.793 7.027-11.144 11.934c-4.252 3.898 5.572 4.773 11.144 0c5.569 4.773 15.396 3.898 11.145 0"/><path fill="#5c913b" d="M29.145 20.959C23.794 16.375 20.787 9.811 18 9.811c-2.785 0-5.793 6.564-11.144 11.148c-4.252 3.642 5.572 4.459 11.144 0c5.569 4.459 15.396 3.642 11.145 0"/><path fill="#3e721d" d="M26.7 17.703C22.523 14.125 20.176 9 18 9c-2.174 0-4.523 5.125-8.7 8.703c-3.319 2.844 4.35 3.482 8.7 0c4.349 3.482 12.02 2.844 8.7 0"/><path fill="#5c913b" d="M26.7 14.726c-4.177-3.579-6.524-8.703-8.7-8.703c-2.174 0-4.523 5.125-8.7 8.703c-3.319 2.844 4.35 3.481 8.7 0c4.349 3.481 12.02 2.843 8.7 0"/><path fill="#3e721d" d="M25.021 12.081C21.65 9.193 19.756 5.057 18 5.057c-1.755 0-3.65 4.136-7.021 7.024c-2.679 2.295 3.511 2.809 7.021 0c3.51 2.81 9.701 2.295 7.021 0"/><path fill="#5c913b" d="M25.021 9.839C21.65 6.951 19.756 2.815 18 2.815c-1.755 0-3.65 4.136-7.021 7.024c-2.679 2.295 3.511 2.809 7.021 0c3.51 2.81 9.701 2.295 7.021 0"/><path fill="#3e721d" d="M23.343 6.54C20.778 4.342 19.336 1.195 18 1.195c-1.335 0-2.778 3.148-5.343 5.345c-2.038 1.747 2.671 2.138 5.343 0c2.671 2.138 7.382 1.746 5.343 0"/><path fill="#5c913b" d="M23.343 5.345C20.778 3.148 19.336 0 18 0c-1.335 0-2.778 3.148-5.343 5.345c-2.038 1.747 2.671 2.138 5.343 0c2.671 2.138 7.382 1.746 5.343 0"/></svg>
Evergreen Tree アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:evergreen-tree" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:evergreen-tree" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:evergreen-tree" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--evergreen-tree]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:evergreen-tree"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:evergreen-tree"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/evergreen-tree.svg" alt="Evergreen Tree アイコン" width="24" height="24">
他のアイコンセットの Evergreen Tree アイコン
Evergreen Tree アイコン のよくある質問
Evergreen Tree アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Evergreen Tree アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:evergreen-tree" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Evergreen Tree アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/evergreen-tree.svg" alt="Evergreen Tree アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
