Pine Decoration アイコン
fluent-emoji-flat:pine-decoration
Pine Decoration アイコン(fluent-emoji-flat:pine-decoration)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- アクティビティ
- タグ
- pinedecoration
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#86d72f" d="M27.2 18.138a.5.5 0 1 0-.94.344l.71 1.93l-.723 1.023l-.477-1.315a.5.5 0 1 0-.94.34l.714 1.97l-2.402 3.402a.5.5 0 0 0 .816.576l2.427-3.435l2.02.017a.5.5 0 1 0 .01-1l-1.328-.011l.697-.987l2.062.018a.5.5 0 1 0 .008-1l-1.368-.012l.812-1.15a.5.5 0 0 0-.816-.576l-.812 1.148zm-20.038-.054a.5.5 0 0 1 .164.688l-1.08 1.76l-.015.023l.469.84l.514-.837a.5.5 0 0 1 .852.524l-.7 1.14a.5.5 0 0 1-.127.14l.47.842l.235.087a.5.5 0 0 1 .235.756l.458.82a.5.5 0 0 1-.874.487l-.748-1.341l-.688-.257l-.996.93a.5.5 0 1 1-.682-.732l.63-.588l-.661-.245l-1.37.984a.425.425 0 1 1-.496-.69l.906-.651l-.792-.295a.5.5 0 1 1 .348-.938l.724.27l-.268-.979a.425.425 0 0 1 .82-.224l.429 1.568l1.344.5l-1.91-3.422a.5.5 0 0 1 .874-.488l.445.799l.802-1.306a.5.5 0 0 1 .688-.165M7.03 30h18.89c.32 0 .57-.26.57-.57v-1.61H6.46v1.61c0 .31.26.57.57.57"/><path fill="#44911b" d="M13.81 5.5h5.34v9.6h5.34V24l-8.01 1.453L8.47 24V12.1h5.34z"/><path fill="#f3ad61" d="M26.07 24H6.88c-.23 0-.42.19-.42.42v4.19h20.03v-4.19c0-.23-.18-.42-.42-.42"/><path fill="#ffdea7" d="M16.48 2c-1.47 0-2.67 1.2-2.67 2.67v1.89c0 1.47 1.2 2.67 2.67 2.67s2.67-1.2 2.67-2.67V4.67c0-1.48-1.2-2.67-2.67-2.67"/><path fill="#86d72f" d="M13.79 13.62h5.37v1.28h-5.37zm-5.32 3.22h5.34v1.28H8.47zm16.02 3.097h-5.31v-1.28h5.31zM19.16 21.2h-5.37v1.28h5.37z"/><path fill="#ffdea7" d="M21.82 10.25c-1.47 0-2.67 1.2-2.67 2.67v1.89c0 1.47 1.2 2.67 2.67 2.67s2.67-1.2 2.67-2.67v-1.89c0-1.48-1.2-2.67-2.67-2.67m-10.68-3c-1.47 0-2.67 1.2-2.67 2.67v1.89c0 1.47 1.2 2.67 2.67 2.67s2.67-1.2 2.67-2.67V9.92c0-1.48-1.2-2.67-2.67-2.67"/><path fill="#533566" d="M14.57 4.94c0-1.06.86-1.91 1.91-1.91s1.9.86 1.91 1.91v1.35a1.91 1.91 0 1 1-3.82 0zm-3.43 3.34c-1.05 0-1.91.85-1.91 1.91v1.35a1.91 1.91 0 1 0 3.82 0v-1.35a1.923 1.923 0 0 0-1.91-1.91m10.68 3c-1.05 0-1.91.85-1.91 1.91v1.35a1.91 1.91 0 1 0 3.82 0v-1.35a1.923 1.923 0 0 0-1.91-1.91"/></g></svg>
Pine Decoration アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:pine-decoration" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:pine-decoration" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:pine-decoration" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--pine-decoration]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:pine-decoration"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:pine-decoration"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/pine-decoration.svg" alt="Pine Decoration アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの Pine Decoration アイコン
Pine Decoration アイコン のよくある質問
Pine Decoration アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pine Decoration アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:pine-decoration" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pine Decoration アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/pine-decoration.svg" alt="Pine Decoration アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
