Camping アイコン
fxemoji:camping
Camping アイコン(fxemoji:camping)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#BFBCAF" d="M168.465 391.022h314.59c3.747 0 5.954-4.206 3.825-7.29L329.585 130.298c-1.848-2.676-5.803-2.676-7.651 0L164.639 383.733c-2.128 3.083.079 7.289 3.826 7.289"/><path fill="#FF473E" d="m202.068 323.393l4.403.034h243.105l-9.301-14.786h-229.25zm-10.114 16.33l-9.177 14.786h285.965l-9.177-14.786z"/><path fill="#2B3B47" d="m325.76 163.418l-81.528 227.604h81.528z"/><path fill="#8E6049" d="M167.007 390.233a4.63 4.63 0 0 1-3.442-1.525l-18.192-20.084a4.642 4.642 0 0 1 6.881-6.233l18.192 20.084a4.642 4.642 0 0 1-3.439 7.758m320.948-1.526l18.192-20.084a4.642 4.642 0 0 0-6.881-6.233l-18.192 20.084a4.642 4.642 0 0 0 6.881 6.233m-71.075 0l18.192-20.084a4.642 4.642 0 0 0-6.881-6.233l-18.192 20.084a4.642 4.642 0 0 0 6.881 6.233"/><path fill="#BFBCAF" d="M502.091 373.401h-10.192a1.85 1.85 0 0 1 0-3.698h6.601L325.76 127.936L153.02 369.704h7.689a1.848 1.848 0 0 1 0 3.698h-11.282a1.847 1.847 0 0 1-1.504-2.923l176.332-246.795c.693-.971 2.314-.971 3.008 0l176.332 246.795a1.85 1.85 0 0 1 .14 1.92a1.85 1.85 0 0 1-1.644 1.002"/><path fill="#E5E4DF" d="m244.232 391.022l67.132-187.414s-55.829 116.389-104.42 152.532c-.001-.001 13.877 34.882 37.288 34.882m187.4-17.621h-13.004a1.85 1.85 0 0 1 0-3.698h10.2L324.061 125.486a1.848 1.848 0 1 1 3.397-1.457l105.873 246.795a1.848 1.848 0 0 1-1.699 2.577"/><path fill="#8E6049" d="M66.544 385.448v-88.937c0-7.432 6.026-13.465 13.462-13.465s13.462 6.033 13.462 13.465v88.937c0 7.432-26.924 7.432-26.924 0"/><path fill="#2BA52E" d="M153.405 350.217c.645-.774 1.043-1.521 1.221-2.243c1.22-3.166.919-7.112-1.688-9.973c-12.92-14.182-26.929-35.896-39.542-57.818c7.133 2.404 14.385 3.848 20.978 4.686c5.99.761 9.498-7.81 5.093-12.645c-11.27-12.37-23.536-31.638-34.411-50.762c6.037 2.165 12.235 3.425 17.831 4.137c4.733.602 7.504-6.171 4.024-9.991c-14.949-16.409-32.118-48.173-42.569-68.975c-.419-1.343-1.237-2.356-2.226-2.992l-.045-.028a5 5 0 0 0-.926-.458a4.2 4.2 0 0 0-1.063-.242a4.3 4.3 0 0 0-.844 0a4.2 4.2 0 0 0-1.063.242a4.7 4.7 0 0 0-.926.458l-.045.028c-.99.636-1.807 1.648-2.226 2.992c-10.452 20.802-27.62 52.566-42.569 68.975c-3.48 3.82-.709 10.592 4.024 9.991c5.597-.711 11.795-1.971 17.831-4.137c-10.875 19.124-23.141 38.392-34.411 50.762c-4.405 4.835-.897 13.407 5.093 12.645c6.593-.838 13.844-2.281 20.978-4.686c-12.613 21.922-26.622 43.636-39.542 57.818c-4.044 4.44-2.544 11.491 1.594 14.182c17.751 18.496 40.411 19.935 72.029 19.935c32.498 0 58.336-5.34 72.388-20.759a8.4 8.4 0 0 0 1.012-1.142"/></svg>
Camping アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:camping" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:camping" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:camping" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--camping]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:camping"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:camping"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/camping.svg" alt="Camping アイコン" width="24" height="24">
Camping アイコン のよくある質問
Camping アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Camping アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:camping" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Camping アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/camping.svg" alt="Camping アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
