Deciduous Tree アイコン

Q: Deciduous Tree アイコンは商用利用でも無料ですか?

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

fluent-emoji:deciduous-tree

Deciduous Tree アイコン(fluent-emoji:deciduous-tree)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
タグ: deciduoustree

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><rect width="4.575" height="8.362" x="13.698" y="21.77" fill="#5B363A" rx=".25"/><rect width="4.575" height="8.362" x="13.698" y="21.77" fill="url(#ilS03zc)" rx=".25"/><rect width="4.575" height="8.362" x="13.698" y="21.77" fill="url(#iEXs1jc)" rx=".25"/><rect width="4.575" height="8.362" x="13.698" y="21.77" fill="url(#iteCjDd)" rx=".25"/><rect width="4.575" height="8.362" x="13.698" y="21.77" fill="url(#iTKToyc)" rx=".25"/><rect width="4.575" height="8.362" x="13.698" y="21.77" fill="url(#ibVlAUb)" rx=".25"/><g filter="url(#iqwcxMd)"><path fill="url(#itZWqzb)" d="M21.22 7.327a.18.18 0 0 1-.165-.181a5.077 5.077 0 1 0-10.154 0a.184.184 0 0 1-.165.183a5.274 5.274 0 0 0-4.217 7.523a.45.45 0 0 1-.11.53a5.295 5.295 0 0 0 3.463 9.3H22.1a5.295 5.295 0 0 0 3.463-9.3a.45.45 0 0 1-.11-.53a5.274 5.274 0 0 0-4.234-7.525"/><path fill="url(#i2G40vb)" d="M21.22 7.327a.18.18 0 0 1-.165-.181a5.077 5.077 0 1 0-10.154 0a.184.184 0 0 1-.165.183a5.274 5.274 0 0 0-4.217 7.523a.45.45 0 0 1-.11.53a5.295 5.295 0 0 0 3.463 9.3H22.1a5.295 5.295 0 0 0 3.463-9.3a.45.45 0 0 1-.11-.53a5.274 5.274 0 0 0-4.234-7.525"/><path fill="url(#irLaK6c)" d="M21.22 7.327a.18.18 0 0 1-.165-.181a5.077 5.077 0 1 0-10.154 0a.184.184 0 0 1-.165.183a5.274 5.274 0 0 0-4.217 7.523a.45.45 0 0 1-.11.53a5.295 5.295 0 0 0 3.463 9.3H22.1a5.295 5.295 0 0 0 3.463-9.3a.45.45 0 0 1-.11-.53a5.274 5.274 0 0 0-4.234-7.525"/><path fill="url(#ivgOnSd)" d="M21.22 7.327a.18.18 0 0 1-.165-.181a5.077 5.077 0 1 0-10.154 0a.184.184 0 0 1-.165.183a5.274 5.274 0 0 0-4.217 7.523a.45.45 0 0 1-.11.53a5.295 5.295 0 0 0 3.463 9.3H22.1a5.295 5.295 0 0 0 3.463-9.3a.45.45 0 0 1-.11-.53a5.274 5.274 0 0 0-4.234-7.525"/><path fill="url(#i4Eg1Jg)" d="M21.22 7.327a.18.18 0 0 1-.165-.181a5.077 5.077 0 1 0-10.154 0a.184.184 0 0 1-.165.183a5.274 5.274 0 0 0-4.217 7.523a.45.45 0 0 1-.11.53a5.295 5.295 0 0 0 3.463 9.3H22.1a5.295 5.295 0 0 0 3.463-9.3a.45.45 0 0 1-.11-.53a5.274 5.274 0 0 0-4.234-7.525"/><path fill="url(#i342YLd)" d="M21.22 7.327a.18.18 0 0 1-.165-.181a5.077 5.077 0 1 0-10.154 0a.184.184 0 0 1-.165.183a5.274 5.274 0 0 0-4.217 7.523a.45.45 0 0 1-.11.53a5.295 5.295 0 0 0 3.463 9.3H22.1a5.295 5.295 0 0 0 3.463-9.3a.45.45 0 0 1-.11-.53a5.274 5.274 0 0 0-4.234-7.525"/><path fill="url(#iQr0cde)" d="M21.22 7.327a.18.18 0 0 1-.165-.181a5.077 5.077 0 1 0-10.154 0a.184.184 0 0 1-.165.183a5.274 5.274 0 0 0-4.217 7.523a.45.45 0 0 1-.11.53a5.295 5.295 0 0 0 3.463 9.3H22.1a5.295 5.295 0 0 0 3.463-9.3a.45.45 0 0 1-.11-.53a5.274 5.274 0 0 0-4.234-7.525"/><path fill="url(#ihcQZFb)" d="M21.22 7.327a.18.18 0 0 1-.165-.181a5.077 5.077 0 1 0-10.154 0a.184.184 0 0 1-.165.183a5.274 5.274 0 0 0-4.217 7.523a.45.45 0 0 1-.11.53a5.295 5.295 0 0 0 3.463 9.3H22.1a5.295 5.295 0 0 0 3.463-9.3a.45.45 0 0 1-.11-.53a5.274 5.274 0 0 0-4.234-7.525"/><path fill="url(#ik6JXwe)" d="M21.22 7.327a.18.18 0 0 1-.165-.181a5.077 5.077 0 1 0-10.154 0a.184.184 0 0 1-.165.183a5.274 5.274 0 0 0-4.217 7.523a.45.45 0 0 1-.11.53a5.295 5.295 0 0 0 3.463 9.3H22.1a5.295 5.295 0 0 0 3.463-9.3a.45.45 0 0 1-.11-.53a5.274 5.274 0 0 0-4.234-7.525"/><path fill="url(#iRwEzMb)" d="M21.22 7.327a.18.18 0 0 1-.165-.181a5.077 5.077 0 1 0-10.154 0a.184.184 0 0 1-.165.183a5.274 5.274 0 0 0-4.217 7.523a.45.45 0 0 1-.11.53a5.295 5.295 0 0 0 3.463 9.3H22.1a5.295 5.295 0 0 0 3.463-9.3a.45.45 0 0 1-.11-.53a5.274 5.274 0 0 0-4.234-7.525"/><path fill="url(#iCVUJVd)" fill-opacity=".75" d="M21.22 7.327a.18.18 0 0 1-.165-.181a5.077 5.077 0 1 0-10.154 0a.184.184 0 0 1-.165.183a5.274 5.274 0 0 0-4.217 7.523a.45.45 0 0 1-.11.53a5.295 5.295 0 0 0 3.463 9.3H22.1a5.295 5.295 0 0 0 3.463-9.3a.45.45 0 0 1-.11-.53a5.274 5.274 0 0 0-4.234-7.525"/></g><g filter="url(#in6Sa6b)"><path fill="url(#iEu6eRc)" d="M16.281 24.958h1.334v4.894h-1.334z"/></g><g filter="url(#ixscSyc)"><path fill="url(#itYxWej)" d="M0 0h.745v4.894H0z" transform="matrix(-1 0 0 1 16.28 24.958)"/></g><g filter="url(#ikuSVjc)"><ellipse cx="22.684" cy="11.886" fill="url(#iSMzQHc)" rx="2.676" ry="2.476" transform="rotate(-12.48 22.684 11.886)"/></g><g filter="url(#iYoJshd)"><ellipse cx="17.565" cy="5.901" fill="url(#iFAEDvc)" rx="2.569" ry="2.015" transform="rotate(-7.463 17.565 5.901)"/></g><g filter="url(#iWscsBe)"><ellipse cx="23.699" cy="18.775" fill="url(#iwgkjZG)" rx="2.676" ry="2.476" transform="rotate(-12.48 23.7 18.775)"/></g><g filter="url(#iVPEDqP)"><path stroke="url(#i0SKjVd)" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" d="M9.383 15.583h10.875c1-.016 3.269-.134 4.344-.484"/></g><g filter="url(#i5FbkHx)"><path stroke="url(#iUQ5keI)" stroke-linecap="round" stroke-width=".4" d="M11.195 7.583c.677.417 2.575 1.25 4.75 1.25s4.266-.833 4.86-1.25"/></g><g filter="url(#iNYCKcc)"><path stroke="url(#iIh1GeZ)" stroke-linecap="round" stroke-width=".5" d="M14.38 3.13c-.864.323-2.625 1.353-2.625 4.453"/></g><g filter="url(#ic7KSQd)"><path stroke="url(#iHHYfBe)" stroke-linecap="round" stroke-width=".5" d="M9.877 8.198c-.81.231-2.528 1.22-2.907 3.318c-.298 1.646.326 3.444.727 3.855"/></g><g filter="url(#i8pQOgb)"><path stroke="url(#iKaoure)" stroke-linecap="round" stroke-width=".5" d="M7.634 15.245c-.738.39-2.2 1.763-2.15 4.14s1.834 3.75 2.718 4.14"/></g><defs><radialGradient id="ibVlAUb" cx="0" cy="0" r="1" gradientTransform="matrix(.01562 2.15625 -.79706 .00577 17.556 24.676)" gradientUnits="userSpaceOnUse"><stop offset=".407" stop-color="#4D2D31"/><stop offset="1" stop-color="#4D2D31" stop-opacity="0"/></radialGradient><radialGradient id="itZWqzb" cx="0" cy="0" r="1" gradientTransform="matrix(-16.5625 0 0 -16.7118 23.883 15.583)" gradientUnits="userSpaceOnUse"><stop stop-color="#7CBE4D"/><stop offset="1" stop-color="#549756"/></radialGradient><radialGradient id="i2G40vb" cx="0" cy="0" r="1" gradientTransform="matrix(8.5625 -3.8125 4.2446 9.53293 6.945 23.27)" gradientUnits="userSpaceOnUse"><stop stop-color="#438154"/><stop offset="1" stop-color="#438154" stop-opacity="0"/></radialGradient><radialGradient id="irLaK6c" cx="0" cy="0" r="1" gradientTransform="matrix(9 0 0 6.69653 5.32 13.376)" gradientUnits="userSpaceOnUse"><stop stop-color="#438154"/><stop offset="1" stop-color="#438154" stop-opacity="0"/></radialGradient><radialGradient id="ivgOnSd" cx="0" cy="0" r="1" gradientTransform="matrix(6.125 2.9375 -2.24944 4.69032 10.57 4.583)" gradientUnits="userSpaceOnUse"><stop stop-color="#438154"/><stop offset="1" stop-color="#438154" stop-opacity="0"/></radialGradient><radialGradient id="i4Eg1Jg" cx="0" cy="0" r="1" gradientTransform="matrix(-2.125 .78126 -.32301 -.87858 9.977 7.24)" gradientUnits="userSpaceOnUse"><stop stop-color="#438154"/><stop offset="1" stop-color="#438154" stop-opacity="0"/></radialGradient><radialGradient id="i342YLd" cx="0" cy="0" r="1" gradientTransform="matrix(-6.3125 1.23023 -1.27947 -6.5652 25.883 12.145)" gradientUnits="userSpaceOnUse"><stop stop-color="#81CB44"/><stop offset="1" stop-color="#81CB44" stop-opacity="0"/></radialGradient><radialGradient id="iQr0cde" cx="0" cy="0" r="1" gradientTransform="matrix(-8.81248 -1.93755 2.01511 -9.16526 28.57 19.583)" gradientUnits="userSpaceOnUse"><stop stop-color="#81CB44"/><stop offset="1" stop-color="#81CB44" stop-opacity="0"/></radialGradient><radialGradient id="ihcQZFb" cx="0" cy="0" r="1" gradientTransform="rotate(156.009 11.117 4.267)scale(7.68592 8.09726)" gradientUnits="userSpaceOnUse"><stop stop-color="#81CB44"/><stop offset="1" stop-color="#81CB44" stop-opacity="0"/></radialGradient><radialGradient id="ik6JXwe" cx="0" cy="0" r="1" gradientTransform="matrix(12.75001 -1.43758 .75872 6.72916 8.32 26.96)" gradientUnits="userSpaceOnUse"><stop stop-color="#5A6F6C"/><stop offset="1" stop-color="#5A6F6C" stop-opacity="0"/></radialGradient><radialGradient id="iCVUJVd" cx="0" cy="0" r="1" gradientTransform="matrix(7.78511 0 0 3.07216 13.47 14.136)" gradientUnits="userSpaceOnUse"><stop stop-color="#5B8F67"/><stop offset=".834" stop-color="#5B8F67" stop-opacity="0"/></radialGradient><radialGradient id="iSMzQHc" cx="0" cy="0" r="1" gradientTransform="rotate(159.193 11.072 7.964)scale(4.53937 3.15303)" gradientUnits="userSpaceOnUse"><stop stop-color="#A0E271"/><stop offset="1" stop-color="#A0E271" stop-opacity="0"/></radialGradient><radialGradient id="iFAEDvc" cx="0" cy="0" r="1" gradientTransform="matrix(-4.32954 1.29234 -.55495 -1.85918 19.992 5.457)" gradientUnits="userSpaceOnUse"><stop stop-color="#A0E271"/><stop offset="1" stop-color="#A0E271" stop-opacity="0"/></radialGradient><radialGradient id="iwgkjZG" cx="0" cy="0" r="1" gradientTransform="rotate(159.193 10.948 11.502)scale(4.53937 3.15303)" gradientUnits="userSpaceOnUse"><stop stop-color="#A0E271"/><stop offset="1" stop-color="#A0E271" stop-opacity="0"/></radialGradient><linearGradient id="ilS03zc" x1="13.098" x2="15.536" y1="28.302" y2="28.302" gradientUnits="userSpaceOnUse"><stop stop-color="#908181"/><stop offset="1" stop-color="#908181" stop-opacity="0"/></linearGradient><linearGradient id="iEXs1jc" x1="13.698" x2="14.395" y1="27.732" y2="27.732" gradientUnits="userSpaceOnUse"><stop stop-color="#5B363A"/><stop offset="1" stop-color="#5B363A" stop-opacity="0"/></linearGradient><linearGradient id="iteCjDd" x1="15.986" x2="15.986" y1="30.133" y2="29.734" gradientUnits="userSpaceOnUse"><stop stop-color="#6A2F5B"/><stop offset="1" stop-color="#6A2F5B" stop-opacity="0"/></linearGradient><linearGradient id="iTKToyc" x1="18.789" x2="17.898" y1="26.708" y2="26.708" gradientUnits="userSpaceOnUse"><stop stop-color="#6D5C5C"/><stop offset="1" stop-color="#6D5C5C" stop-opacity="0"/></linearGradient><linearGradient id="iRwEzMb" x1="11.694" x2="11.821" y1="25.306" y2="23.359" gradientUnits="userSpaceOnUse"><stop stop-color="#7A7397"/><stop offset="1" stop-color="#7A7397" stop-opacity="0"/></linearGradient><linearGradient id="iEu6eRc" x1="16.948" x2="16.948" y1="22.192" y2="29.852" gradientUnits="userSpaceOnUse"><stop stop-color="#7F5B60" stop-opacity="0"/><stop offset="1" stop-color="#7F5B60"/></linearGradient><linearGradient id="itYxWej" x1=".372" x2=".372" y1="-1.044" y2="4.894" gradientUnits="userSpaceOnUse"><stop stop-color="#683B4B" stop-opacity="0"/><stop offset="1" stop-color="#683B4B"/></linearGradient><linearGradient id="i0SKjVd" x1="25.695" x2="9.383" y1="15.583" y2="15.583" gradientUnits="userSpaceOnUse"><stop offset=".092" stop-color="#9DDB71"/><stop offset="1" stop-color="#6CA663" stop-opacity="0"/></linearGradient><linearGradient id="iUQ5keI" x1="21.11" x2="8.82" y1="8.833" y2="8.833" gradientUnits="userSpaceOnUse"><stop stop-color="#9DDB71"/><stop offset=".505" stop-color="#6CA663" stop-opacity="0"/><stop offset="1" stop-color="#6CA663"/></linearGradient><linearGradient id="iIh1GeZ" x1="12.532" x2="16.893" y1="7.439" y2="-.493" gradientUnits="userSpaceOnUse"><stop stop-color="#8FB48E"/><stop offset="1" stop-color="#8FB48E" stop-opacity="0"/></linearGradient><linearGradient id="iHHYfBe" x1="7.775" x2="15.841" y1="15.139" y2="4.782" gradientUnits="userSpaceOnUse"><stop stop-color="#8FB48E"/><stop offset="1" stop-color="#8FB48E" stop-opacity="0"/></linearGradient><linearGradient id="iKaoure" x1="6.383" x2="3.598" y1="16.583" y2="23.346" gradientUnits="userSpaceOnUse"><stop stop-color="#8FB48E"/><stop offset="1" stop-color="#8FB48E" stop-opacity="0"/></linearGradient><filter id="iqwcxMd" width="23.317" height="22.613" x="4.577" y="2.069" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.619608 0 0 0 0 0.72549 0 0 0 0 0.639216 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_28327_7673"/></filter><filter id="in6Sa6b" width="3.334" height="6.894" x="15.281" y="23.958" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7673" stdDeviation=".5"/></filter><filter id="ixscSyc" width="2.745" height="6.894" x="14.536" y="23.958" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7673" stdDeviation=".5"/></filter><filter id="ikuSVjc" width="9.335" height="8.972" x="18.016" y="7.4" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7673" stdDeviation="1"/></filter><filter id="iYoJshd" width="9.121" height="8.052" x="13.004" y="1.875" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7673" stdDeviation="1"/></filter><filter id="iWscsBe" width="9.335" height="8.972" x="19.032" y="14.289" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7673" stdDeviation="1"/></filter><filter id="iVPEDqP" width="17.019" height="2.284" x="8.483" y="14.199" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7673" stdDeviation=".325"/></filter><filter id="i5FbkHx" width="10.909" height="2.55" x="10.545" y="6.933" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7673" stdDeviation=".225"/></filter><filter id="iNYCKcc" width="5.125" height="6.953" x="10.505" y="1.88" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7673" stdDeviation=".5"/></filter><filter id="ic7KSQd" width="5.985" height="10.173" x="5.392" y="6.698" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7673" stdDeviation=".625"/></filter><filter id="i8pQOgb" width="5.719" height="11.28" x="3.983" y="13.745" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7673" stdDeviation=".625"/></filter></defs></g></svg>

Deciduous Tree アイコンの使い方

React

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

<Icon icon="fluent-emoji:deciduous-tree" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:deciduous-tree" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:deciduous-tree" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--deciduous-tree]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:deciduous-tree"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji:deciduous-tree"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/deciduous-tree.svg" alt="Deciduous Tree アイコン" width="24" height="24">

他のアイコンセットの Deciduous Tree アイコン

Deciduous Tree アイコンのよくある質問

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

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

React で Deciduous Tree アイコンを使うには?

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

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

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

Fluent Emoji アイコンをすべて見る →