Christmas Tree アイコン
emojione-v1:christmas-tree
Christmas Tree アイコン(emojione-v1:christmas-tree)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- アクティビティ
- タグ
- christmastree、christma
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ddb185" d="M28.757 61.24c0 2.774 1.555 2.66 3.477 2.66c1.92 0 3.475.115 3.475-2.66c0-2.77-1.555-23.773-3.475-23.773S28.757 58.47 28.757 61.24"/><path fill="#0b7d70" d="M52.154 52.59q-9.307-16.127-18.626-32.258c-.564-.976-2.036-.976-2.6 0c-6.211 10.755-12.414 21.506-18.625 32.26c-.571.987.153 2.263 1.3 2.263h37.252c1.145 0 1.871-1.276 1.297-2.263"/><path fill="#2bb573" d="M52.154 46.237C45.95 36.943 39.74 27.655 33.528 18.36c-.564-.843-2.036-.843-2.6 0c-6.211 9.293-12.414 18.582-18.625 27.877c-.571.853.153 1.956 1.3 1.956h37.252c1.145 0 1.871-1.103 1.297-1.956"/><path fill="#0b7d70" d="m47.568 36.444l-14.52-25.73c-.442-.777-1.588-.777-2.028 0q-7.258 12.867-14.52 25.73c-.445.79.12 1.809 1.014 1.809h29.038c.894 0 1.457-1.02 1.016-1.809"/><path fill="#04a69c" d="M48.337 29.52Q40.811 18.716 33.28 7.91c-.456-.655-1.646-.655-2.103 0A53159 53159 0 0 1 16.12 29.52c-.463.662.125 1.52 1.05 1.52h30.113c.925 0 1.512-.858 1.05-1.52"/><path fill="#fbb041" d="M26.573 30.03a3.228 3.228 0 0 1-6.455 0a3.225 3.225 0 0 1 3.226-3.227a3.226 3.226 0 0 1 3.23 3.226"/><path fill="#ed2e7c" d="M46.321 44.226a3.228 3.228 0 1 1-6.454-.005a3.228 3.228 0 0 1 6.454.005"/><path fill="#57c6e9" d="M23.347 50.485a3.228 3.228 0 1 1-6.455-.003a3.228 3.228 0 0 1 6.455.003"/><path fill="#ed2e7c" d="M38.936 17.525a3.228 3.228 0 1 1-6.454-.005a3.228 3.228 0 0 1 6.454.005"/><path fill="#f7ec35" d="M38.936 35.696a3.228 3.228 0 1 1-6.454-.005a3.228 3.228 0 0 1 6.454.005"/><path fill="#fc0" d="m37.757 4.076l-2.731 2.6l.593 3.724l-3.316-1.794l-3.358 1.715l.682-3.709l-2.669-2.664l3.738-.498L32.405.089l1.628 3.401"/></svg>
Christmas Tree アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:christmas-tree" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:christmas-tree" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:christmas-tree" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--christmas-tree]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:christmas-tree"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:christmas-tree"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/christmas-tree.svg" alt="Christmas Tree アイコン" width="24" height="24">
他のアイコンセットの Christmas Tree アイコン
Christmas Tree アイコン のよくある質問
Christmas Tree アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Christmas Tree アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:christmas-tree" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Christmas Tree アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/christmas-tree.svg" alt="Christmas Tree アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
