Tent アイコン
emojione:tent
Tent アイコン(emojione:tent)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 旅行
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#1778bd" d="M0 0h64v57H0z"/><path fill="#75a843" d="M0 57h64v7H0z"/><circle cx="52.2" cy="11.8" r="10.8" fill="#42ade2"/><circle cx="52.2" cy="11.8" r="8.9" fill="#6adbc6"/><circle cx="52.2" cy="11.8" r="6.7" fill="#dae3ea"/><g fill="#fff"><circle cx="52.2" cy="11.8" r="4.7"/><path d="M60.9 54.4c-6-25.5-27.7-29-28.9-29.2c-1.2.3-23 3.8-28.9 29.2l-1-.3C8.4 27.2 31.7 24.1 32 24h.2c.2 0 23.6 3.1 29.9 30.1z"/></g><path fill="#fbb287" d="M59.5 46.6C50.7 21.9 32 19 32 19S13.3 21.9 4.5 46.6z"/><path fill="#e17c5b" d="M58.3 46.6C49.9 30.5 32 28.7 32 28.7S14.1 30.5 5.7 46.6z"/><path fill="#5f606c" d="M57.3 46.6H6.7c-1.1 3.3-2 6.9-2.7 10.9h56c-.7-4-1.6-7.6-2.7-10.9"/><path fill="#b6acaa" d="M57.3 46.6C49.2 31.1 32 29.3 32 29.3S14.8 31.1 6.7 46.6z"/><path fill="#333" d="m61 53.4l-.9 6.3l2.6-5.8zm-59.7.5l2.6 5.8l-.9-6.3z"/><path fill="#fbb287" d="M44.4 52.4c-.3 2-24.6 2-24.9 0c-.8-5 2.4-15 4.1-19.8c.8-2.4 15.9-2.4 16.8 0c1.7 4.8 4.8 14.8 4 19.8"/><path fill="#5f606c" d="M43.4 51.6c-.3 1.9-22.5 1.9-22.8 0c-.7-4.6 2.2-13.8 3.7-18.2c.8-2.2 14.6-2.2 15.4 0c1.5 4.4 4.4 13.6 3.7 18.2"/><g fill="#333"><path d="M20.6 51.6c.3 1.9 22.5 1.9 22.8 0c.2-1.3.1-3.1-.2-5H20.8c-.3 1.9-.4 3.7-.2 5"/><path d="M31.5 31.8h.9v15.3h-.9z"/></g><path fill="#fff" d="m4.687 3.995l.99-.99l.99.99l-.99.99zm11.296 4.317l.99-.99l.99.99l-.99.99zm10.761-5.385l.99-.99l.99.99l-.99.99zm9.532 3.367l.99-.99l.99.99l-.99.99zm-9.724 6.851l.495-.495l.495.495l-.495.495zM9.749 15.136l.495-.495l.495.495l-.495.495zM2.968 22.2l.99-.99l.99.99l-.99.99zm14.697-1.008l.99-.99l.99.99l-.99.99zm20.027-4.103l.99-.99l.99.99l-.99.99zM53.22 27.654l.496-.495l.495.495l-.495.495zm7.287-5.111l.99-.99l.99.99l-.99.99zm-.979 14.391l.99-.99l.99.99l-.99.99zm-57.14 2.318l.99-.99l.99.99l-.99.99zm7.384-10.826l.495-.495l.495.495l-.495.495z"/></svg>
Tent アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:tent" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:tent" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:tent" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--tent]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:tent"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:tent"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/tent.svg" alt="Tent アイコン" width="24" height="24">
Tent アイコン のよくある質問
Tent アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Tent アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:tent" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tent アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/tent.svg" alt="Tent アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
