Tent アイコン
fluent-emoji-flat:tent
Tent アイコン(fluent-emoji-flat:tent)は、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
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M28.61 13.409c.502-.708-.005-1.19-.873-1.166l-.13.002c-2.485 0-4.462-2.013-4.462-4.498c0-.227.117-.723.15-.942c.127-.858-.408-1.405-1.17-.991c-1.716.93-3.307 2.605-3.307 4.694c0 3.038 2.485 5.288 5.523 5.288c1.852 0 3.271-.984 4.268-2.387"/><path fill="#44911b" d="M2.945 30h6.13l3.68-1.15L16.433 30c.86 0 1.646-.523 1.957-1.307l5.425-13.808c.163-.406-.148-.841-.593-.841H8.281a.62.62 0 0 0-.593.406L2.07 28.766c-.252.58.208 1.234.875 1.234"/><path fill="#86d72f" d="m18.39 28.679l5.425-13.808c.163-.406-.148-.842-.593-.842H10.786a.62.62 0 0 0-.593.407L4.086 30h5l3.062-.763l4.3.763c.845 0 1.63-.523 1.942-1.321"/><path fill="#1c1c1c" d="M9.096 30h7.337c.06 0 .119-.03.178-.03V16.484h-7.53V30z"/><path fill="#86d72f" d="m7.895 14.16l5.707 14.519c.311.798 1.082 1.306 1.957 1.306h13.488c.668 0 1.127-.653.89-1.263l-5.618-14.315a.62.62 0 0 0-.593-.407H8.296a1 1 0 0 0-.4.16"/><path fill="#44911b" d="M20.984 22.625h-2.98a.95.95 0 0 1-.874-.581l-1.245-3.064c-.252-.61.207-1.263.874-1.263h2.98a.95.95 0 0 1 .874.58l1.245 3.064c.252.61-.207 1.264-.874 1.264"/></g></svg>
Tent アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:tent" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:tent" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:tent" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--tent]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:tent"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:tent"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/tent.svg" alt="Tent アイコン" width="24" height="24">
Tent アイコン のよくある質問
Tent アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tent アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:tent" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tent アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/tent.svg" alt="Tent アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
